katemalone

Session 4 Practice Tasks

The assignments listed here should take you between 1.5 and 2 total hours.

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

katemalone

Numbered List

1. one
2. two
3. three

Bullet List

1. one
2. two
3. three

katemalone

CodePen link

https://codepen.io/katemalone/pen/QReEbJ

HTML & CSS

Chapters 1 and 2 on Structure and Text

1. On a website, what is the purpose of HTML code?

• HTML describes the structure and information for a website.

katemalone

Reflect

1. What role does empathy play in your life, and how has it helped you?

• The most powerful lesson I have learned is when people have shown me empathy in my times of need and it has inspired me to be there for other people are in their time of need. It is a life time skill I can always be growing and working on.

2. How does empathy help you build better software?

• My ability to understand the users needs and anticipate what would make their experience more intuitive. Being on a team makes empathy of utmost importance. Being able to see what is going on with your team members and help out without being asked will create a stronger work community.

3. Why is empathy important for working on a team?

katemalone

Pairin Results

1. What is your greatest strength and how do you know? Ideation - It comes naturally and people have given me positive feedback about it. It is what inspires me personally to learn and grow and in a professional context I believe it is the most impactful way I contribute to a team.

2. How do you work best?

• I am adaptable to working on my own or with teams. I usually work best as a lead with support. I like to assess how a team is working and where its inefficiencies are and find ways to optimize workflow.

3. What is your greatest area of improvement?

katemalone

DTR: Define the Relationship

Use this template to when conducting DTR with your project partners. It's recommended that you copy/paste this template into your own gist each time you conduct a DTR to take notes on the conversation.

Guiding Questions to Define The Relationship:

• What are each of our learning goals for this project? What drives us in this project? JavaScript Continue to improve on building responsive client-side applications with good user feedback Understand how to implement client-side data persistence using localStorage

katemalone

jQuery selectors are used to "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more.

How do you select HTML elements using element names, ID, or class? #id selector uses the id attribute of an HTML tag to find the specific element. $("#test")

.class selector finds elements with a specific class. $(".test") $(this) Selects the current HTML element.

katemalone

Exam Checklist

Mid-Mod Notes

Time: 3 hrs

• Spec like IdeaBox
• Build out an app from a boilerplate / work through iterations
• Dependencies installed
• 2 repos (1 FE and 1 BE)
• Bring in data from an API

katemalone

Install a few packages to get the app up and running with Redux.

---

npm i redux react-redux redux-devtools-extension -S

---

redux - Allows us to have access to using Redux in our app. react-redux - Allows us to connect our react components to our Redux store. redux-devtools-extension - Useful for debugging in our devtools!

katemalone

// BrowserRouter is the router implementation for HTML5 browsers (vs Native).
// Link is your replacement for anchor tags.
// Route is the conditionally shown component based on matching a path to a URL.
// Switch returns only the first matching route rather than all matching routes.
import {
  BrowserRouter as Router,
  Link,
  Route,
  Switch,
} from 'react-router-dom';