Skip to content

Instantly share code, notes, and snippets.

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

@krogowsk531
krogowsk531 / Mod3PreWork.md
Last active October 2, 2020 22:08
Mod 3 PreWork

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

  • A data model is a instrument that holds and organizes all of your data and holds the state your our app. When building an app you want to keep your data contained in one model. If you need something to change you want to make sure that the change only needs to happen in one place. The DOM is an interface for HTML that allows us to use JS to maneuver the elements on a page. It is formatted in a way where we are able to interact with those elements using JS. The DOM is created when the browesr interprets our HTML and is a representation of what exists in the HTML. It is a visual representation of our app and important to building functionality on the page. Everything we see on the DOM is backed up by some piece of data in our data model. It is vital to not store your data on the DOM because what the DOM displays should be based off of your data model.

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

What are each of our learning goals for this project? What drives us in this project?

-Estelle would like to feel super solid on core concepts and verbalizing code. Estelle would also like to increase her speed when coding. -Katy would like to get faster at coding.

What is your collaboration style? How do you feel about pair programming vs. divide-and-conquer approaches?

-Estelle likes to work one session at a time. Communication is very important. She feels stronger in a driver navigator collaboration. -Mostly driver navigator with some divide and conquer. Try to set time limits on driver navigator. I also believe that communication is very important.

Mod 1 Week 1: Understanding your strengths

Describe one of your strengths

-I work very, very hard. It is important to me that while at work, I am actually working. I am not a person who likes to pass time doing something unproductive.

What is something you have learned to do well (list a skill)?

-Communicate consistently with others for the sake of productivity.

Drink Conditionals

  if (old <= 13) {
    return 'drink toddy';
  } else if (old > 13 && old <18) {
    return 'drink coke';
  } else if (old > 17 && old <21) {
    return 'drink beer';
  } else {

Project: Idea Box

Group Member Names: Justin Volk, Amy Karnaze, Katy St Sauveur

Goals and Expectations for the Project (What does each group member hope to get out of this project? What do we want to achieve as a team? How will we know that we're successful?):

We would all like to accomplish learning goals together. These include:

  • Working code, finished product at the end, professional skills.
  • Local storage, solidifying JS skills.

Create HTML and CSS for Magic 8 Ball markup.

In HTML allow the ball to provide inital message without any functionality.

Work with JS to create functionaity.

Use querySelector to target the HTML message.

Use eventlistner to manage your clicks.

@krogowsk531
krogowsk531 / Which Beyonce.md
Last active February 18, 2020 23:11
DTR- Which Beyonce

What are each of our learning goals for this project? What drives us in this project?

Katy would like more experience refactoring in JS. Brian would like more experience regarding how the classes will be utilitzed the project. Steph would like to expand her working knowledge of JS and have no fear executing it on her own.

We are interested in both completion and learning during the course of this project.

What is your collaboration style?

  • What role has empathy played in your life and how has it helped you?

    I try to be as empathetic as possible. Sometimes I fail, most of the time I succeed. Oftentimes I am in need of empathy from others. Going through the articles, I was reminded of a time when I was riding the NY subway with my husband and there was a man across from us that was struggling to sit up and was vomitting Doritos. My husband got up from his seat, helped to get him upright and found a nurse to care for him, all the while I was trying to avoid him like the plague. It has become very important to me to attempt to be empathetic towards others because we can all be kind and do better.

  • How does empathy help you to build better software?

As humans, we all process things differently. We may not navigate through a website the same way as another person. We may want something to display differently because our brains approach the file in a way that is different than the person who created it