Shurlow

Study these screenshots:

https://innig.net/tmp/nr-screenshots/

Fork this gist (one fork per team).

Sketch out an object model for this application. Don't worry about view, network, database, etc.; your concern is only to represent the essential information of this application as classes and attributes. You can use the following attribute types:

• numbers, strings, dates
• other model classes

Shurlow

export PS1='> '
export CLICOLOR=1
export LSCOLORS=ExFxCxDxBxegedabagacad

# alias ls="ls -F"
alias grep='grep --color=auto'
alias e='sublime'
alias c="clear"

Shurlow

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

• Originally published: 23rd December 2008
• Revised date: October 8th 2015
• Original post

---

Shurlow

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('app:server');
var http = require('http');

Shurlow

SQL:

SELECT title FROM songs
INNER JOIN artist_songs ON songs.id = artist_songs.song_id
INNER JOIN artists ON artists.id = artist_songs.artist_id;

stretch: The above query reterns multiple rows (The same song repeated for each artist). How would you tell sql to only return 1 row for each song

Shurlow

function swap(arr, idx1, idx2) {
  let temp = arr[idx1];
  arr[idx1] = arr[idx2];
  arr[idx2] = temp;
}

function partition(arr, left, right) {
  let pivotValue = arr[left];
  let partitionIndex = left;

Shurlow

Functions

Objectives

Describe the anatomy of a function definition.

Turn and speak with your neighbor, define and describe each of the parts of the following function

function createGreeting(name){
  var greeting = 'Hello ' + name + '!';
  return greeting;
}

Shurlow

The DOM

Objectives:

Describe what the DOM is and why it is important for web applications that use js.

Turn to your neighbor and together come up with your own analogy for what the DOM is?

Add script tags to connect your HTML and your javaScript.

Open http://www.theonion.com/ in a new tab and open the chrome developer console (right-click -> "Inspect"). Spend a few minutes looking through the DOM for `

Shurlow

Introduction to CSS Notes

Objectives

• Explain what CSS is.
• Explain why CSS is important.
• Explain what a CSS rule is.
• Link a CSS file to an HTML document.
• Explain how specificity works in CSS.
• Practice using CSS properties and values to change styles

Shurlow

Deploying Files

Today's exercise will teach you how to actually deploy your work to a hosting provider, so that you can show it to the world!

There are two providers we'll use, you can pick.

• Surge
• Paperplane

If you're comfortable with the command line, pick Surge. Otherwise, you can host files with Dropbox and Paperplane.