Rob Wilkinson RobAWilkinson

###Objectives:

Understand why JavaScript is so awesome
Understand what an Object is
Apply OOP principle to pseudocode an object
Create an object in Sublime Text

JavaScript: Intro

NOT to be confused with Java

#Intro to React

Why react?

Take a look at this page that I've set up its a super simple example, its just 10,000 numbers on a page that I add one to a certain amount of random boxes every time I click a button.

This is the thing that computers are supposed to be really good at right, all we're doing is adding +1 to a bunch of divs.

I have 11000 divs in this page which may seem like a lot but you could easily have 10,000 elements in a page.

#Intro to Angular

###learning objectives

create a page with a two data binding between controller and view

##Why angular Angular is a way to allow for fast highly responsive full featured single page apps

Take a look at this code right here and see what people were building pre-angular

#Building an API with node and express

###Learning Objectives

create a node app that returns an array of json data
use url parameters in our app
create an API endpoint that returns an individual entry
create a middleware that checks the value of something

###What is an API?

Api Lab

###Your mission for todo is to create an api that returns sneakers and stores

I have a tool that will check your test coverage I want to see a high percentage This needs to be on github

I'm going to be a client and give you a spec sheet Here is your spec sheet.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>React test</title>
	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script src="https://fb.me/react-0.13.3.js"></script>
	<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
	</head>
	<body id='container'>


	set shell=/bin/sh

	syntax on
	filetype plugin indent on
	execute pathogen#infect()

	map <C-D> :NERDTreeToggle<CR>

	"set colorscheme

	//take a look at the parameters that are passed to this function

	function(a, b, c) {
	a *= 2;
	b /= 4;
	return c(a, b);
	}

	// what is the term for the parameter c thats passed into our function

	{
	"dogs": [
	{ "name": "fido", "breed": "Labrador"},
	{ "name": "rex", "breed": "Doberman"},
	{ "name": "sparky", "breed": "pitbull"},
	{ "name": "mocha", "breed": "Bichon Frise"},
	{ "name": "tiara", "breed": "chihuahua" },
	{ "name": "capper", "breed": "border collie"}
	]
	};

	[
	{ name: "fido", breed: "Labrador"},
	{ name: "rex", breed: "Doberman"},
	{ name: "sparky", breed: "pitbull"},
	{ name: "mocha", breed: "Bichon Frise"},
	{ name: "tiara", breed: "chihuahua" },
	{ name: "capper", breed: "border collie"}
	}
	]