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

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

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

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.

Shurlow

HTML / CSS Exercises

These exercises will require you to use a few new tools to write and test your code. To create and edit HTML you should use the atom editor. To test your HTML & CSS code simply open the html file in a web browser (Chrome is preferred).

Today we are going to run through several exercises, so you'll need to create a few files. I recommend making a a project folder to hold all the new files you'll be making.

Exercise 1

In this exercise we will focus entirely on HTML.

Shurlow

Command Line Interaction

Objectives

• Explain what the command line is.
• Explain why the command line is important.
• Use the command line to interact with your machines operating system.

What is the command line?

Turn to your neighbor and discuss what the command line is. Be prepared to share your comments with the class.

Shurlow

Binary, ASCII, and UTF-8 Instructor notes

Objectives

• Define Bits and Bytes
• Convert decimal to binary and hexadecimal numbers.
• Describe UTF-8 and ASCII, including the differences between the two.

Define Bits and Bytes

What are bits and bytes?

Shurlow

Functions

Objectives

• Define what an abstractions is
• Explain why abstractions are useful
• Define what a function is and why they are useful
• Describe why functions are abstractions
• Explain the syntax of functions