37 -- Reign of Firebase

[al-the-x]

Rituals (~1h 15m)

• Standup Meeting (~15m)
• Three Little Things (~30m)
• Homework Review (~30m)

  Agenda

• Refactoring project structure
  • How should I structure my application?
  • Angular Best Practice for App Structure by Google
  • Angular Style Guide by John Papa
  • Restructuring your application...
• Using Firebase Auth to login with Github
  • bower install --save firebase
  • var firebase = new Firebase('https://YOUR-FIREBASE-APP.firebaseapp.io')
  • firebase.authWithOAuthPopup on a click: login!
  • firebase.unauth on another click: logout!
  • Who are you? firebase.getAuth
  • No really, who are you? Like, from Github...
• Refactoring to named Services:
  • .constant('API')
  • .factory('Github')
  • .factory('Auth')

[al-the-x]

Blockers

• ng-annotate
• firebase deploy

[al-the-x]

Three Little Things

1. ng-annotate vs gulp-ng-annotate vs WTF IS THIS EVEN DOING!?

2. How U firebase deploy?

    $> npm install --global firebase-tools
    Installing firebase-tools...
    $> cd path/to/project/dist
    $> firebase init
    Please login: . . .
    Please pick your Firebase app to deploy: . . .
    What is your public directory? . . .
    Saving firebase.json
    $> firebase deploy
    Deploying to Firebase app: . . .
    Here's your URL: blah blah blah
    $> firebase open

3. How U process forms with Angular JS?
   • Level 3: Forms: https://www.codeschool.com/courses/shaping-up-with-angular-js
   • Let me Google that for you... http://j.mp/1Cdc5Z5
4. How should I divide tasks?

[al-the-x]

https://github.com/TheIronYard--Orlando/TIY-Upvote/pull/2

[al-the-x]

https://github.com/TheIronYard--Orlando/TIY-Upvote/pull/3