33 -- For Your Eyes Only

[al-the-x]

Rituals (~1h 15m)

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

Lecture

• Milestones are hard...
  • Fetch data with $http...
    • Wait, which data?
    • We need Milestones...
    • And Issues... Uh, oh.
  • API Gymnastics
    • How many results are returned by the API?
    • How do I know that there are more available?
    • How do I know when I reach the end?
    • Is there another way to ask for the data we need?
    • What information do we need from the data?
    • How would we collate the data?
  • New checklist:
    • Fetch data with $http
    • Collate data with lodash
    • Attach to Controller
    • Loop with ng-repeat as necessary
    • Add placeholders to replace!
• Authentication is harder...
  • OAuth is hard...
  • Github doesn't make it easier...
  • Firebase makes it bearable...
  • Shave the yak...
    • Configure Firebase
      • Login to Firebase
      • Select your Firebase app
      • Open "Login & Auth"
      • Select "Github" as a provider
      • Check "Enable Github Authentication"
      • What is that client ID and secret?
    • Configure Github
      • Open Developer Applications
      • Register a new Application:
        • Application Name: TIY-Gradebook
        • Homepage URL: your repository
        • Authorization callback URL: ???
      • From Firebase: Configuring your Application
        • https://auth.firebase.com/v2/<YOUR-FIREBASE-APP>/auth/github/callback
        • replace <YOUR-FIREBASE-APP> with the name of your Firebase app
      • Look, a client ID and secret!
  • Time to write some code!
    • bower install firebase to get the Firebase library
    • Use new Firebase to get a reference to your Firebase app
    • Create a login button that triggers authWithOAuthPopup
    • Attach a listener to onAuth
    • Now what?
  • Make an authenticated API request!

[al-the-x]

Blockers

• Filtering repos
• Angular Expressions?
• What no gulp...? npm install
• Time Management

[al-the-x]

Three Little Things

1. What the H3LL are we doing?
2. ng-repeat
3. ng-include