khalidwilliams

JSON and Local Storage Review

It's important to remember why we use JSON and localStorage -- formatting and saving data on the user's computer, via the WebStorage API.

Using localStorage

localStorage gives us access to a storage object in the browser (go ahead and try calling localStorage in the console. We get an object back!)

This object gives us access to a few methods, such as:

• localStorage.setItem([key],[value]) => undefined
• localStorage.getItem([key]) => "[value]" (as a string)

khalidwilliams

Breaking Down a New Spec

Learning Goals

• Talk through the process of tackling a new project
• Review wireframing
• Understand how to use project management tools

Getting Started

Projects will always be technically difficult, but tackling the technical challenges gets easier when you have a strong process. Our goal today is to break down and demonstrate that process.

khalidwilliams

Prototypes:

Classrooms - totalCapacity()

https://repl.it/@Khalid_Williams/Classrooms-totalCapacity

Clubs - membersBelongingToClubs

https://repl.it/@Khalid_Williams/Clubs-membersBelongingToClubs

Cakes - groceryList

https://repl.it/@Khalid_Williams/Cakes-groceryList

khalidwilliams

Add your repo / deployment links in a comment by 9am on Sept 18th

khalidwilliams

Problems:

Prototypes

single dataset

breweries: https://repl.it/repls/PrimaryUnwrittenObservation

double dataset

sum damage: https://repl.it/repls/DownrightSmallDeletions

Scope

https://repl.it/repls/DrearyNeedyPatterns

khalidwilliams

jQuery DOM Practice

This gist contains some exercises to practice jQuery DOM traversal.

We'll use this list of presidents to practice.

Complete the following exercises in repl. You can always console.log things to verify your selections work.

1. Select all of the tr elements.
2. Make the background color of cells in the Name, Term and Party Affiliation columns red, white and blue, respectively.
3. Make the check box cells of any Federalist, whig and democratic presidents blue (you can add a class of blue)

khalidwilliams

Week 1 Project Submission

You did it! First project down. Give yourself a pat on the back and take a well-deserved nap.

Comment on this gist with a link to your GH Repo and deployed site (if you deployed it -- no worries if not!).

khalidwilliams

React Router Prework

This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.

Instructions

1. Fork this gist
2. On your own copy, go through the listed readings and answer associated questions
3. Comment a link to your forked copy on the original gist

Questions / Readings

khalidwilliams

React Router Prework

This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.

Instructions

1. Fork this gist
2. On your own copy, go through the listed readings and answer associated questions
3. Comment a link to your forked copy on the original gist

Questions / Readings

khalidwilliams

Paired Project Submission

VRAD is BEEN HAD.

Congrats y'all, the paired project is done!

When you're ready to submit, comment on this gist with your:

• Group Memembers