2. Logistical announcements
- I use the Google Chrome browser throughout. There are
alternatives. The leading alternative is Mozilla's Firefox
browser with the Firebug plugin.
- The internet is a jungle. Hack websites = deal with
people's code. Most people write crappy code.
- These slides will be posted on the NerdNite website.
3. Browsers, Servers, Internets
Hack 1: The address bar
Websites are complex
Hack 2: Relatively simple website
More on Javascript
Hack 3: Reformatting in Javascript
Hack 4: Free Unlimited NYT
Today's agenda
4. Yowsers - browsers!
Google Chrome
Internet Explorer
Mozilla Firefox
Opera
Safari
Iron
Source: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
5. This is the Internet
http://en.wikipedia.org/wiki/Internet
13. A website is not a static image!
- Different size screens
- Different browsers
- Different user settings
- Different site functionalities
14. What's in a website?
• HTML (HyperText Markup Language)
What are the objects on the page?
• CSS (Cascading Style Sheets)
What should they look like?
• JS (JavaScript)
What should they do?
15. HTML: the DOM (Document Object Model)
What's on a page?
- Divs
- Paragraphs
- Lists
- Images
- Buttons
- Tables
http://www.flickr.com/photos/starttheday
16. CSS
- What the page
elements should look
like
- Where they should
go on the page.
http://www.flickr.com/photos/ariville
18. Javascript
Directly control what your browser does:
- Any moving effects (like mouseovers, popups,
etc)
- Calls to the server
... and so much more
http://www.t-online.de/regionales/id_42087044/laatzener-stellt-wm-spiele-mit-lego-steinen-nach.html