Skip to content

Instantly share code, notes, and snippets.

View mstorino's full-sized avatar

Maggie Storino mstorino

8 followers · 0 following
  • PartySlate
  • Chicago
View GitHub Profile
@mstorino
mstorino / winterBreakReview.md
Last active December 9, 2017 19:15
Winter Break Review

Looking to brush up your JS skills over break? Want to dive into React? Here is a list of resources your TAs enjoy

https://javascript30.com/ javascript30.com JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials (931 kB)

https://oscarotero.com/jquery/ oscarotero.com

@mstorino
mstorino / nodeOverview.md
Last active November 2, 2017 01:45
Node Overview

Node Overview

Vocabulary

Request

Response

Runtime >

@mstorino
mstorino / gitOverview.md
Last active October 25, 2017 23:01
Git After It

Git Overview

Version control system where two directories are copies of each other, one ersion is a little more evolved than the previous one.

Over 100 commands

Basics:

@mstorino
mstorino / firebase.md
Created October 16, 2017 23:48
Firebase Notes

Firebase

@mstorino
mstorino / apiOverview.md
Created October 16, 2017 19:18
API / AJAX Overview 
$(document).on("click", ".animal-button", function() {

var type = $(this).attr("data-type");
var queryURL = "http://api.giphy.com/v1/gifs/search?q=" + type + //API KEY & PARAMETERS THAT LIMIT RESPONSE DATA TO AMOUNT YOU WANT;
$.ajax({
  url: queryURL,
  method: "GET"

})

@mstorino
mstorino / JSON.md
Last active October 16, 2017 19:52
JSON Overview

JSON - JavaScript Object Notation

JSON is a data format.

It is easy for humans to edit / write & computers to parse / generate.

A common use of JSON is to exchange data to/from a web server.

Example library in JSON:

@mstorino
mstorino / jsObject.md
Last active October 16, 2017 18:27
Javascript Object Overview

Objects

Objects use strings to access elements. These strings are called keys OR properties. The elements they point to are called values. Together these are called key-value pairs.

Similar to Array: Use both arrays and objects to hold lots of pieces of information in one unit

Different from Array: Objects use strings to access elements and arrays use numbers. Arrays are ordered and objects aren't. So JavaScript doesn't store objects w/ keys in any particular order

@mstorino
mstorino / local-storage.md
Last active October 14, 2017 18:56
Local Storage

Local Storage

Data persistence. New-ish, not fully supported across browsers. So cookies are used more despite the fact that they are clunky and harder to use.

There are two categories:

Client Side

Local Computer, takes data and creates an object stored in browser so when you refresh page you can pull it down. Public to end user.

Question: Why is this different than caching?

@mstorino
mstorino / classIdeas.md
Last active October 16, 2017 18:33
Class Ideas

hexvalues and default browser colors

.trim()

Data cleanliness. Gets rid of white space. var name = $("#name-input").val().trim()

Built in JS objects

localStorage console.log

@mstorino
mstorino / bootstrapBasics.md
Last active October 11, 2017 15:16
Bootstrap

Bootstrap Basics

Bootstrap is your friend.

Set up a generic Bootstrap Page

This is the latest Bootstrap Version. We should use this going forward https://getbootstrap.com/docs/4.0/getting-started/introduction/

Begin with the Template.

This includes important things that are critical to Bootstrap functionality: Bootstrap CSS and Javascript. It also has the responsive viewport meta tag