stanleycyang

#Blog app

###Objectives:

• Understand express basics
• Build a model in express
• Build routes in express
• Complete RESTful blog app in express

Install mongodb

stanleycyang

#Intro to Node

###Objectives

• Learn the history of node
• Blocking vs. non-blocking
• Use file system module
• Require and build modules

Node is the most popular implementation of server side JavaScript.

stanleycyang

1. Line tricks

   • Ctrl + a => Return to the start of the command you're typing
   • Ctrl + e => Go to the end of the command you're typing
   • Ctrl + u => Cut everything before the cursor to a special clipboard
   • Ctrl + k => Cut everything after the cursor to a special clipboard
   • Ctrl + y => Paste from the special clipboard that Ctrl + u and Ctrl + k
   • Ctrl + t => Swap the two characters before the cursor (you can actually use this to transport a character from the left to the right, try it!)

• Ctrl + w => Delete the word / argument left of the cursor

stanleycyang

#CSS Animations

###Objectives

• Be able to explain what CSS animation does
• Understand @keyframe rules
• Be able to explain -webkit, -moz, -o
• Be able to change the speed, the number of times an animation runs, and how to delay an animation
• Animating CSS sprites

stanleycyang

#HTTP Servers, Ports, & More

• Understand the difference between an application server vs. web server
• Understand what a port is
• Create a web server using node

###Let's talk servers...

Remember, we discussed servers simply as computer connected directly to the Internet?

stanleycyang

###Intro To Http

###SWBAT

• Understand what a protocol is
• Say what http stands for.
• Describe what http requests and responses do.

###What is a protocol?

In information technology, a protocol (from the Greek protocollon, which was a leaf of paper glued to a manuscript volume, describing its contents) is the special set of rules that end points in a telecommunication connection use when they communicate.

stanleycyang

#Angular Filters: Ninja Edition

###Objectives

• Understand Angular filters
• Be able to use Angular default filters
• Create a custom filter

Before we start the lesson, perform a git pull to get the ninjas-starter code from WDI_DTLA_2

###What are Angular filters?

stanleycyang

#Angular Filters

Filters in AngularJS are used to format the value of an expression for user view. This can mean tidying up a number or date as a string (for currency or special date formats), changing how a string is displayed, or limiting/ordering the number of items shown.

###Learning Objectives

• Explain what a filter is, and where & why you would use one.
• Have the ability to make use of Angular filters in your own apps.

stanleycyang

#Closures & Lexical Scope

###Objectives

• Understand lexical scope
• Understand what a closure is
• Understand the Principle of Least Privilege
• Be able to create closures

stanleycyang

#JavaScript Prototypal Inheritance / Linkage

##When I say prototype, what does it mean to you guys?

Noun: a first, typical or preliminary model of something, especially a machine, from which other forms are developed or copied.
Verb: make a prototype of (a product).

###In Programming

In most languages, there are classes and objects. Classes inherit from other classes.