29 -- David White

[s4dmw]

• Yak Shaving
  • WIP Issue: 28 -- YOUR NAME
    • Links to PRs in:
      • USERNAME.github.io
        • journal-week-7 into master
        • feature/* into remodeling
        • remodeling into master
• Journal, Week 7
  • created journal-week-7 from master
  • flag in the sand for:
    • reflective journal
    • tutorial journal
    • bookmark journal
• Journal, Week 7: Any Way You Want It
  • Feature 1: Complete!
  • Feature 2: Started!
  • Feature 3: Planned!
• Reading APIs: Github Issues
  • What credentials do I need to authenticate with the Github API?
  • How can I provide authentication credentials to Github?
• Don't Stop Believing
• GitHub Revolution: Angular Edition

[s4dmw]

Reading APIs: Github Issues & Firebase Auth

Please answer any of the questions from Monday that you didn't get to and additionally refresh your memory (and notes) on how authentication works with the Github API by answering these questions:

• What credentials do I need to authenticate with the Github API?
• How can I provide authentication credentials to Github?

Firebase is a DataBase as a Service (DBaaS) tool that can act as a ReSTful API for our Angular JS front-end applications. It also has a free hosting tier for client-only applications like ours and a JavaScript authentication library to make integrating with OAuth providers -- like Google, Facebook, and GitHub -- much easier. We don't need the API parts yet, but read up on Authentication with Firebase, specifically authenticating with GitHub.

• How can I use Firebase to authenticate with GitHub?
• What type of information will Firebase require from me to integrate with GitHub?
• What credentials will Firebase provide me when I have successfully authenticated?
• How and where do I need to use those credentials?

Don't Stop Believing... Continued.

Finish up the three features you identified for USERNAME.github.io. Be sure you're using feature/* branches with PRs into remodeling and open a PR from remodeling into master.

GitHub Revolution: Angular Edition

Tonight, we need to learn about submitting forms with Angular and fetching from and pushing to a real API. At the bottom of your GitHub profile page, create placeholder templates for comments and a comment form like we see on every GitHub Issue. When the page loads, fetch all the comments for your WIP Issue from the GitHub API and display them in the comment template. When someone submits the comment form, add that comment to your WIP Issue via the API and display it in the list of comments. It should look and work exactly like the comment form on your WIP Issue! Hmm...

BEAST MODE

If you haven't figured it out yet, you're going to need to authenticate in order to create those comments. A simple solution would be to ask the user for credentials right in the comment form, but do you really want to ask for their username and password every time? Should you ever ask for someone's password? Use Firebase Auth to authenticate with GitHub instead, and use the credentials you get to send the API request.

NIGHTMARE MODE

Have you ever noticed that GitHub seems to update itself? When I post a new comment on an Issue, it automatically appears on everyone else's screen, as long as they're still connected to the internet. How did they do that? Can you find out where in the API this activity is published?

[s4dmw]

Journal/Tutorial/Resource:

s4dmw/s4dmw.github.io#37
reviews:
https://github.com/ShayHall/shayhall.github.io/pull/35
Ricecoder/ricecoder.github.io#32

ReadingAPI's:

s4dmw/TIY-Assignments#52

Blog:

remodeling to master: s4dmw/s4dmw.github.io#38
feature/responsive to remodeling: s4dmw/s4dmw.github.io#39

TIY-Github:

s4dmw/TIY-GitHub#25

[s4dmw]

test comment 1

[s4dmw]

test comment 2