24 -- J.R. Worley

[jeffworley]

• [x] Yak Shaving
  • [x] WIP Issue
  • [x] link to PRs in USERNAME.github.io:
    • [x] from journal-week-6 into master
    • BEAST MODE from release--* into master
    • BEAST MODE from feature--* into release--*
  • [ ] link to PRs in TIY-GitHub:
    • [ ] from release--* into master
    • [ ] from feature--responsive-yaks into release--*
    • BEAST MODE from feature--* into release--*
  • [x] link to PRs in TIY-Catalog:
    • [x] from feature/planning-* into TIY-Durham:develop
    • [x] from TIY-Durham:develop into develop
  • [x] WIP Branch
  • [x] USERNAME.github.io
    • [x] journal-week-6
    • BEAST MODE release--*
    • BEAST MODE feature--*
  • [ ] TIY-GitHub
    • [ ] release--* from master
    • [ ] feature--responsive-yaks from release--*
    • BEAST MODE feature--* from release--*
  • [x] TIY-Catalog
    • [x] feature/planning-* from develop
  • [x] WIP Files
  • [x] USERNAME.github.io:journal-week-6
    • [x] _posts/
    • [x] Reflective Outline
    • [x] Tutorial Outline
    • [x] Resource Post (done)
  • [ ] TIY-GitHub:release--*
    • [ ] specs/ -- what's different?
  • [x] TIY-Catalog:feature/planning-*
    • [x] specs/ -- Skitch your features!
• [x] And the Beat Goes On
  • [x] Outline for Reflective Journal on Week 6
  • [x] Outline for Tutorial Journal
  • [x] Draft for Resource Journal, due Tuesday!
• [ ] Reading APIs: Etsy
• [x] Shaping Up With Angular JS -- Speed Reading!
• [ ] From GitHub With Love
  • [ ] Shave that Angular Yak...! That's gonna smart...
  • BEAST MODE Get some more features merged!
  • NIGHTMARE MODE Get to 1.0!
• [x] Shave and Let Die
  • [x] Pick a feature, plan a feature!
  • [x] Got some User Stories? How about an Issue for that?
  • [x] Better get some checkboxes on that...
  • [x] Don't forget to add your specs/!
  • [x] Hey, aren't you supposed to link that Issue?

    24 -- Shave and Let Die

    And the Beat Goes On

You know the drill by now, don't ya? 1 reflective journal, 1 tutorial journal, 1 resource (bookmark) journal in a branch of your USERNAME.github.io repo called journal-week-6... which should be from master with a PR back into master. Since you've now got such a nice place to put all those _posts/, why not put 'em there?

Reminder about format:

• A Reflective Journal is NOT a play-by-play of the last week, it's a reflection on what you've learned and how you've been challenged and grown. It shouldn't be more than 3 to 5 paragraphs; mention and link to your projects for the week!
• A Tutorial Journal starts with a clear introduction that explains what you're about to tell the reader, framing the problem appropriately, moves to a step-by-step walkthrough (with screens and code-snippets) of the process, and finishes by reiterating what problem they solved and how.
• A Resource Journal gives a link to a specific external resource with a brief explanation of what the reader will find there; think of it as a commit message tied to a bookmark.

If you're linking your Resource Journal to the top-level page of some API documentation, you're doing it wrong. Drill down to a specific piece of the documentation instead and explain why and when it's useful.

If you have more than 5 steps, your Tutorial Journal might be too long for our time constraints. Try splitting it up into a series of posts that you can continue working on and put any additional ideas in your parking lot for later.

BEAST MODE

Bet you've still got some work on that awesome template, don't you? Why not start working on another incremental release in the meantime? Maybe just a tiny feature?

Reading APIs: Etsy

As you can tell, we'll be working with the Etsy API documentation this week to build out our catalog. Prepare yourself to answer the following questions about the API; more coming tomorrow!

• How do I make API requests?
  • What is the base URL for all requests?
  • Are there any headers or query parameters required?
  • What kind of response should I expect?
• How does the API handle authentication?
  • Do I need to authenticate? with user credentials?
  • What can I do with an unauthenticated request?
  • How can I authenticate my request? (what methods)

    Shaping Up with Angular JS

Throughout the week, you'll be assigned a piece of Shaping Up with Angular JS on CodeShool to work through. For tonight, play through the entire course by watching the videos and just taking the answers on the challenge. Type them yourself -- quickly -- to move forward. Take a screenshot of your badge for the course when you complete and attach it to your WIP Issue.

From GitHub With Love

Last week you built out your GitHub profile and realized... Github doesn't use breakpoints. There are no Media Queries whatsoever. Use the Devive Inspector in Chrome Dev Tools to switch your User-Agent (UA) identifier to a mobile device and reload into a whole new world. That's adaptive rather than responsive, and that's a problem.

Let's fix it!

Your solo assignment for the week is to make your GitHub profile responsive by adding Media Queries... and a little invention. Tonight, document the modifications you'll need to make in your specs/ folder. Cut a new release--* branch from master and a new branch from that called feature--responsive-yaks for this work.

BEAST MODE

If you're looking for trouble, maybe you should clean up that GitHub profile a little in some additional feature branches? Remember, use as little markup as you need and pick classes and tags that convey meaning.

Planning is Important!

This week we're going to build a couple of pages from Etsy.com, and that means we need some yaks shaved! Fork the class project and then clone your fork locally. Pick a feature from our User Story list and claim it in the Slack channel. Convert it to an Issue in the main repo and assign it to yourself. Could use some more details... Maybe a checklist...

Create a feature called feature/planning-YOUR-FEATURE, where YOUR-FEATURE is the name of your feature, of course. Skitch some screenshots of your feature in specs/ and open a PR back to TIY-Durham:develop.

Logistically, you'll be working in 3-person teams this week. Form teams yourselves, but run them by us for approval. Try to work with folks that you haven't already worked with.

We should start with the "Trending" page but quickly explore a single "Product Detail" page. Etsy also lists products that match a search result and curates their own "Featured Collections". Let's see how far we can get!

Install-fest!

We've got new tools this week -- GulpJS and a host of plugins. You should already have installed GulpJS globally, but if not, go ahead and do so. No need to assign them as dependencies yet... we'll do that together.

[jeffworley]

jeffworley.github.io journal-week-6 PR: https://github.com/jeffworley/jeffworley.github.io/pull/32

[jeffworley]

tiy-assignments reading-etsy-api PR: https://github.com/jeffworley/tiy-assignments/pull/39

[jeffworley]

jeffworley:feature--product-page-add-to-cart to TIY-Durham:release--0.0.0--yak-shaving PR: https://github.com/TIY-Durham/TIY-Catalog/pull/25

jeffworley:category-page-side-filter-form to TIY-Durham:release--0.0.0--yak-shaving PR: https://github.com/TIY-Durham/TIY-Catalog/pull/26

[jeffworley]

Issues on the class TIY-Catalog Repo: https://github.com/TIY-Durham/TIY-Catalog/issues/3 https://github.com/TIY-Durham/TIY-Catalog/issues/4