• Abstractly explain how websites work
• Write semantic HTML markup, using HTML5 tags
• Write CSS, and be able to refactor using DRY styles
• Be able to float DOM objects and use Clearfix
• Understand positioning, display types, and the box model
• Apply Twitter Bootstrap boilerplate styles
• Use Google web fonts

• A website is (usually) hosted on a remote computer called a _______________
• The ___________ retrieves and sends data via the __________ using _____________________
• There are many types of browsers, the most popular are:

• HTML is a _______________ language
• The main unit of HTML are _______________ which look like _________________
• HTML is used for __________________

• CSS stands for _____________________________ and is used for _________________
• The main units of CSS are called _______________ and ___________ and they look like ___________________
• CSS can be added to a site 3 ways: ____________, __________, and __________ but they best way is _________________ because ___________________

• There are 3 primary types of selectors: __________, _________, and ______________
• The priority of a selector is based first on its ____________ and then on it's _______________

• when DOM elements are nested it creates a _________/______ relationship
• _________ elements ___________ from their __________ elements

• There are 4 types of positioning: __________, ___________, _________, and _________
• _____________ is default

• Install a text editor (sublime text 2)
• Install github
• Install RVM
• Install ruby
• Install homebrew
• Install rubygems
• Install Rails

• go to https://rvm.io
• open Terminal
• cut and paste the line in the white box:

\curl -L https://get.rvm.io | bash -s stable --rails --autolibs=enabled

• Go to http://mxcl.github.com/homebrew/
• In terminal type:

ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)"

• Wait til done
• In terminal type

brew install automake

• Check your current version of Ruby by going to terminal and typing

ruby -v

rvm install 1.9.3

• Go to terminal and type

rvm use 1.9.3@rails3tutorial2ndEd --create --default

• Test to be sure you have RubyGems

which gem

gem update --system 1.8.24

• Go to terminal and type

gem install rails -v 3.2.11

rails -v

• Create a directory in your user root folder called "rails projects"

rails new first_app

• Take a look at the output in the Terminal
• "rails new" create a directory structure and several files
• It also runs something called "bundle install" which relates to your gems and we'll touch upon later

• The GemFile contains all the gems for your Rails app
  
• It can be separated out by environments

gem 'rails', '3.2.13'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

group :development do
  gem 'sqlite3', '1.3.5'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails', '3.2.5'
  gem 'coffee-rails', '3.2.2'
  gem 'uglifier', '1.2.3'
end

gem 'jquery-rails', '2.0.2'

• bundle update
• bundle install

• rails server, or rails s
• 127.0.0.1 = localhost, port: 3000
• Open localhost:3000 in your browser to see your app

• http://www.heroku.com
  
• Go and create a user

• In Terminal, type 'heroku login'
• Then navigate to the directory of your rails app and type:

heroku create

• Then push to heroku!

git push heroku master

heroku open