Team PupDates: Andrew Johnson, Matt Malone, Sam Coleman, Sara Karsh
Guiding Questions to Define The Relationship:
Things to install:
//babel
npm install --save-dev @babel/core @babel/preset-env @babel/node
--> then create a file called .babelrc in the root of your project
--> INSIDE the .babelrc file, add this:
export const fetchCoWorkers = async () => {
const url = 'http://localhost:3001/api/v1/coworkers'
const response = await fetch(url);
if (!response.ok) {
throw new Error('There was an error getting your co-workers.');
}
const coWorkers = await response.json();
return coWorkers
}
install after react:
npm i redux react-redux redux-devtools-extension -S
Add the correct imports to index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
Edited and formatted by ericwm76
Eric's gist https://gist.github.com/ericwm76/e1204fc03f14af4429add8225ff55f71
Creating a React App
npx create-react-app NAMEOFYOURAPPcd NAMEOFYOURAPPnpm install.npm start to see if the app was set up correctly.
In interviews, you'll be asked about how you approach working in projects, and being able to describe how you utilize agile processes is a great way to help you stand out as a junior developer candidate. This reflection is meant to help you develop this skill.
With that in mind, please answer the following questions in your own gist about your group project:
Waterfall is really not the most efficient or even feasible way to approach software projects. Waterfall is a great way to find out that there is something wrong with your project, whether that be bugs, missing crucial data, or even just not being something a consumer wants anymore, way too late in the process to really be able to do much about it. Agile is more about the smaller wins, and attacking a project in small but cumulative phases. In the case of our most recent project, it helped us especially approaching check-ins. O
It's important to remember why we use JSON and localStorage -- formatting and saving data on the user's computer, via the WebStorage API.
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]) => undefinedlocalStorage.getItem([key]) => "[value]" (as a string)
What is your greatest strength and how do you know?
According to the survey results, my greatest strength is entrepreneurialism. I can spot potential and opportunities that can benefit me and people at large, especially when I am able to bounce ideas off of other people. Per the description, I am creative and good at forming connections, good at problem solving, and have a good degree of curiosity. This honestly surprises me, I would never have cnonsidered myself to be entrepreneurial.
How do you work best?
I work best in a collaborative, supportive environment. In addition, I am comfortable taking on a leadership role if I know other people are looking to me to do so; otherwise, I am happy to be a team player. In addition, I work hard to accomplish tasks but benefit from time away to refresh myself. While I can be self-motivated, at other times I require an external push to accomplish what I need to do.
What is your greatest area of improvement?
Directions: Submit your Gear Up Pre-Work reflections on the pre-work google doc.
Our mission is to unlock human potential by training a diverse, inclusive student body to succeed in high-fulfillment technical careers.
1. On a website, what is the purpose of HTML code?
HTML provides structure to a webpage
2. What is the difference between an element and a tag?
Element is comprised of the opening and closing tags and the content between them. Tags tell you about the information between them. However, the terms are often used interchangeably.