Skip to content

Instantly share code, notes, and snippets.

@Shurlow
Shurlow / Functions.md
Last active September 14, 2018 17:48 — forked from bwreid/01 Functions.md
Functions Lesson Notes

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

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?

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.

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.

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.

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

@Shurlow
Shurlow / Day9.md
Last active June 5, 2017 21:00 — forked from rogerwschmidt/Day9.md

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
Shurlow / Day5.md
Last active May 15, 2017 23:06 — forked from rogerwschmidt/Day5.md

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
Shurlow / Contract Killer 3.md
Created November 11, 2015 16:49 — forked from malarkey/Contract Killer 3.md
The latest version of my ‘killer contract’ for web designers and developers

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

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