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