wmcguire18

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

You will not be turning this in; it's for your own understanding/learning/benefit 😁

wmcguire18

React Review:

What is a "data model", and how does it relate to the DOM in a front-end application?

ANSWER: The data model is composed of the scripts, classes, objects, methods that we use to build sites and apps in JavaScript.
Now, when the page is loaded, the browser creates a DOM (Document Object Model) constructed as a tree of objects. This allows us
to dynamically change all the elements and attributes of the page that we made in HTML and CSS, but now we can change them with 
Javascript. It does this by basically translating everything in the page into an object, which JavaScript can then interact with.

What is a "framework?" And how does it differ from a "library?"

wmcguire18

Abstract:
The project was a test of our understanding and manipulation of event listeners, query selectors, and event handling functions to build out the functionality of a webpage that mixed and matched pre saved elements to create motivational posters, including user added components.

Overall
What role do you typically play on a team?:
In this project we were using the driver/navigator system, but due to my additional experience I took the lead a little more than not.

Technical
What was a specific technical challenge your group faced? How did you approach this challenge? What went well? What was a struggle?
The final potion of Iteration 3 involved DOM manipulation from JavaScript, which we haven't gone over yet. Using Juliana's mentor and my rock as support we were able to efficiently solve the problem, and see how it directly led to the solution of Iteration 4.

wmcguire18

DOM Manipulation Practice

💻 Set Up

Fork this CodePen.

📍 Goal

Without editing the HTML, make the site look like this:

👟 Steps

wmcguire18

Checklist/Rubric

Part I: Creating Directories and Files; Initializing Git and Pushing to GitHub

• I named my directories correctly.
• I named my files correctly.
• I structured my files and directories correctly.
• I made only one initial commit.
• I pushed my initial commit to GitHub.