WDI Action Adventure

Day8.md

HW Review

route a / in the url that is handled by the application

web browser deals totally in binary. receives a binary file and executes. HTML and CSS used only as text files.

public folder is only static files. (images, css)

views all of the hardwiring and program

HTTP

intranet(LAN): [10.x.x.x,] [192.168.x.x] internet: [169.x.x.x.] local host(yourself): [127.0.0.1]

to push files:

nc -l 3000 < ~/Downloads/hecka-cute-kittens.jpg

Request (dialing out)

Get same in Sinatra because it requests "GET" in html

  *shows capabilites and information on what it expects to receive(in the terminal)
  GET /images/yahoo_smiley.gif HTTP/1.1
Host: localhost:3000
Connection: keep-alive
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8

Receive

• 80 is the default for http connections

• nc elouai.com 80

  GET /images/yahoo_smiley.gif HTTP/1.1 Host: elouai.com Connection: keep-alive Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8

** HTTP: Just text and internet protocals and have key:value pairs that relate to the chat server

GIT & GitHub

• to move a file into a different directory mv rental_app .. to move down cd .. *to push out into the higher folder
• ls to check files

CSS

• don't ever use IDs
• box model "everything on the page is a box"
  • stacked vertically on top of each other. The elements will show a darker
  • http://yuilibrary.com/yui/docs/color/rgb-slider.html
• h1 is really just the box with text in it/ can control seperately
• TREND : centered background image with text centered box
• difference between mobile and responsive for formatting websites