Skip to content

Instantly share code, notes, and snippets.

View katemalone's full-sized avatar

Kate Malone katemalone

View GitHub Profile
@katemalone
katemalone / VanillaJS.md
Last active November 13, 2019 19:34
Vanilla JavaScript Review
  • In JavaScript, the console keyword refers to an object, a collection of data and actions, that we can use in our code.

  • Keywords are words that are built into the JavaScript language, so the computer will recognize them and treats them specially.

  • One action, or method, that is built into the console object is the .log() method. When we write console.log() what we put inside the parentheses will get printed, or logged, to the console.

  • primitive data types

  • booleans
@katemalone
katemalone / basic_router.jsx
Created October 26, 2019 17:09 — forked from siakaramalegos/basic_router.jsx
Basic example of React Router: BrowserRouter, Link, Route, and Switch
// 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';
@katemalone
katemalone / Redux_React.md
Last active October 21, 2019 21:34
React Redux

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!

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

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.

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
katemalone / kate_malone_professional_development.md
Last active June 24, 2019 02:27
Professional Development - Mod 0

Pairin Results

Screen Shot 2019-06-11 at 3 18 34 PM

  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.
  1. What is your greatest area of improvement?

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.
  1. 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.
  1. Why is empathy important for working on a team?

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.