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

@hannakim91
hannakim91 / mod-3-prework.md
Last active October 2, 2020 23:04
Mod 3 Pre-work

Mod 3 Prework

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

The data model holds and organizes data in programming. It is the "single source of truth" where data is accessed and manipulated before display. In vanilla JS the data model and DOM are kept separate - you don't store data on the DOM.

The DOM (Document Object Model) represents the HTML and provides ways (button clicks, form inputs, etc) that data can accessed/modified through JS functionality (data model) to create what is displayed on your screen.

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

A metaphor for the difference between a framework and a library is that a framework is like your workplace and a library is like your home - frameworks have more rules and are more restrictive whereas libraries have fewer rules, and you dictate how and when you call the code. Frameworks call the code and it has conventions/rules/structures that must be followed throughout

@hannakim91
hannakim91 / fit-lit-dtr.md
Last active August 24, 2020 02:09
Mod 2 Paired Project: FitLit DTR

Project: FitLit

Group Member Names: Hanna Kim, Brigette Doelp

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?):

  • full-functionality
  • getting to design the UI
  • understand array iterator prototypes, syntax, when to use each type
  • ES6 arrow functions

Project: Intention Timer

Group Member Names: Hanna Kim, Chadrick Dickerson, Nick Hart

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 definitely want to meet all of the technical learning goals - to develop a better understanding of clean semantic HTML, CSS and dry JavaScript that adheres to SRP, event bubbling and delegation, local storage. We want to prioritize learning over completion.

With this also being our first group project, we want to learn to navigate group dynamics as developers. This also includes efficient git workflow.

Guidelines/Tips:

  • 80% driver-nav during paired project - split evenly
    • articulate code, pseudocode/talking about it in your own words -- forced to practice these
  • Goal: understanding vs completion
  • How you work may change - solo vs partnered
  • Consider re-DTR a couple days into project (account forexpected vs actual learning styles/needs)

DTR: Define the Relationship

@hannakim91
hannakim91 / Mod0_Capstone_Gear_Up.md
Last active April 15, 2020 23:33
Hanna Kim - Gear Up Assignment for Mod 0 Capstone

Mod 0 Capstone: Gear Up Pre-Work

Reflection Questions:

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

    Empathy is a part of every day in some way. It's helped me create and maintain personal relationships as well as professional ones. I use it to guide my decisions in how and when I interact with others.

    I think it helps me notice what feelings I'm experiencing, and determine if I need time to work through those feelings or if I could use support from someone else. It also lets me know when I have the desire and energy to be productively social and engage with someone in a way both of us are enjoying and benefitting from each other's company.

@hannakim91
hannakim91 / Mod0_Capstone_Prof_Development.md
Last active April 15, 2020 21:03
Mod 0 Capstone - Professional Development Assignment

Mod 0 Capstone: Professional Development Assessment

Hanna's Pairin Top 4 Results:

pairin_top_4

Reflection questions: Strengths and Work

  • What is your greatest strength and how do you know?