wmyers

##Week 4 Refresher Notes

###Introduction to Programming

• A program is a set of instructions
• Programming is writing instructions in a way the computer can understand
• Programming is about changing the way you think
• Programming is about changing the way you think to be more like the way a computer executes instructions

###Pseudo code

wmyers

##Week 3 Refresher Notes

###Units of measurement

####Pixels

Pixels are fixed units of measurement. This causes problems when devices have different resolutions (different numbers of pixels) or when a window is resized. So elements with pixel measurements will appear bigger or smaller on different devices and different browser windows.

####Percentages and Ems

wmyers

##GitHub##

For those of you still baffled by GitHub:

GitHub keeps your files in repositories (folders). Each repositiory can exist locally (on your computer) and remotely (on github.com). They keep in sync with each other.

So there are essentially two GitHubs, the main one is on the web at github.com where you are logged in. The other one is installed on your computer - GitHub Desktop. GitHub Desktop works like an extension of github.com, but running locally on your computer. It allows you to create local repositories and publish them to github.com later. It also allows you to clone remote repositories on github.com so that you have a local copy on your computer.

GitHub Desktop is doing the following with your local repository:

• tracking your files and showing you which files you have changed

wmyers

##The Box Model

• every element on a web page is a box of content wrapped in three outer layers
• margin: outermost layer, this is transparent and used for spacing
• border: middle layer, this is a visible, styleable rectangular border
• padding: inner layer, this is transparent but colored by the background-color of an element; it is used to create spacing between the border of an element and its inner content
• You can individually style each rectangular side of margin, border or padding
• You can change how an element's width/height is calculated in relation to its box model using the box-sizing property
• You can view a representation of the box model of any element in Chrome Dev Tools
• You round the corners of your rectangular border with the border-radius property

wmyers

Follow instructions from here: http://www.nearform.com/nodecrunch/nodejs-sudo-free/

You'll need to add the following to your ~/.profile

[[ -s $HOME/.nvm/nvm.sh ]] && . $HOME/.nvm/nvm.sh  # This loads NVM

You can nvm use different versions of node in a shell, but you need to set a current version (nvm alias) to be automatically available in a new shell: