05 -- Karlo Eleuterio

[karjac14]

• Yak-Shaving
  • Create a new WIP Issue named 05 -- YOUR NAME with:
  • [x] link to PR in USERNAME.github.io from journal-week-1 into master
  • [x] link to PR in StudentRoster from USERNAME:master into TIY-Durham:master
  • [x] link to PR in TIY-Assignments from 05--lost-yak into master
  • Create the following WIP Branch in:
  • USERNAME.github.io named journal-week-1
  • TIY-Assignments named 05--lost-yak
  • Create or update the following WIP Files in:
  • USERNAME.github.io:
    • journal-week-1.md
  • TIY-Assignments
    • ReadingJavaScript/README.md
    • NestedAccordion/ from Blueprints
    • ViewModeSwitch/ from Blueprints
    • MultiColumnForm/ from Blueprints
    • TodoMVC/ from Project Template
• Journal, Week 1
  • [x] created branch in USERNAME.github.io named journal-week-1
  • [x] created new file named journal-week-1.md
  • [x] commited, pushed, and opened PR to master
  • [x] added draft journal entry
• Reading JavaScript: DOM EDITION
  • [x] the Window object
  • [x] the Location object
  • [x] the Document object
  • [x] the HTMLElement type
  • [x] the HTMLCollection and NodeList types
• Making Blueprints
  • [x] Created branch in TIY-Assignments named 05--lost-yak
  • [x] Downloaded starter code (ZIP) for:
  • [x] Nested Accordion
  • [x] View Mode Switch
  • [x] Responsive Multi-Column Form
  • [x] Extracted starter code into folders:
  • [x] NestedAccordion
  • [x] ViewModeSwitch
  • [x] MultiColumnForm
  • [ ] BEAST MODE -- Working code as-is!
• GitHub-ing to Know You
  • [x] merged upstream additions from TIY-Durham/Student-Roster:master
  • [x] updated your classmate's Markdown file and opened a PR to merge
  • [x] thumbs up (:+1:) on your PR from your "Special Someone"
• Hello, TodoMVC!
  • [x] Downloaded the TodoMVC template from GitHub (see instructions!)
  • [x] Unzipped into TIY-Assignments as TodoMVC
  • [x] Committed and pushed to WIP Branch
  • BEAST MODE
  • [ ] Followed the instructions in README.md
  • [ ] Well, it looks right... Does nothing!
• API Gymnastics
  • Yak Shaving
  • [x] Create your WIP Branch! Maybe even check it out?
  • [x] Create a folder named APIGymnastics
  • [x] Copy-pasta Starting Point in APIGymnastics/Etsy.js
  • [x] Hey, what about that data?
  • [x] Seems like a good time to commit and push...
  • [x] Y'know, why not open a PR, too?
  • So many questions...
  • [x] What is the total number of items?
  • [x] What is the average price of all the items?
  • [x] What items cost between $14 and $18 dollars? What are their names?
  • [ ] What is the name and price of the only item with a GBP currency code?
  • [ ] What are the names of all the items made of wood?
  • [ ] What are the names of the items that are made of 8 or more materials?
  • [ ] How many items were made by their sellers?

[karjac14]

Journal Week 1 PR: https://github.com/karjac14/karjac14.github.io/pull/5

[karjac14]

TIY Assignments PR: https://github.com/karjac14/TIY-Assignments/pull/7

[kellymurray]

Incomplete given because:

• No wiki entries for Making Blueprints!

See assignment below:

Open the index.html files that you just extracted in a browser and make sure they work like the examples. Make a wiki page in your TIY-Assignments repo with notes for each example, explaining as precisely as you can what each does.

Starting Point

### Nested Accordion

* What does it do?
  * What interactive elements exist?
  * How do you interact with them?
  * What visual effects are produced by interacting?
* How does it do it?
  * What existing HTML elements are changed?
  * What new HTML elements are created?
  * What CSS styles are used to produce the effect?

### View Mode Switch

* What does it do?
  * What interactive elements exist?
  * How do you interact with them?
  * What visual effects are produced by interacting?
* How does it do it?
  * What existing HTML elements are changed?
  * What new HTML elements are created?
  * What CSS styles are used to produce the effect?

### Responsive Multi-Column Form

* What does it do?
  * What interactive elements exist?
  * How do you interact with them?
  * What visual effects are produced by interacting?
* How does it do it?
  * What existing HTML elements are changed?
  * What new HTML elements are created?
  * What CSS styles are used to produce the effect?

[al-the-x]

Please review and close...

[karjac14]

I knew it! I missed something. I there is no "wiki" word in the checklist.

sometime gets confused when "checklist" and "instruction" are not that consistent, I sometimes thought i already done it.