Skip to content

Instantly share code, notes, and snippets.

Will Myers wmyers

Block or report user

Report or block wmyers

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@wmyers
wmyers / fewd-week4-refresher.md
Last active Jan 20, 2016
FEWD Week 4 Refresher
View fewd-week4-refresher.md

##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
wmyers / fewd-week3-refresher.md
Last active Jan 20, 2016
FEWD Week 3 Refresher
View fewd-week3-refresher.md

##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
wmyers / fewd-week2-refresher.md
Last active Dec 18, 2015
FEWD Week 2 Refresher
View fewd-week2-refresher.md

##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
wmyers / fewd-week1-refresher.md
Created Dec 7, 2015
A refresher for FEWD Week 1
View fewd-week1-refresher.md

##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
wmyers / NVMSetupNotes.md
Last active Dec 7, 2015
NVM setup notes
View NVMSetupNotes.md

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:

You can’t perform that action at this time.