Bootcamp Web Section for Flatiron Building

Greetings Bootcampers Welcome to MFADT Bootcamp '13

This note is made specifically for Michael's web section. (isn't it cool?)

Slides and examples
DAY01:
DAY02:
DAY03:
DAY04:
DAY05:
DAY06:
DAY07:
DAY08:
DAY09:

Remember, web is a trilogy.

• HTML (structure)
• CSS (styling)
• JS (interaction)

Adding a comment in web document

• HTML :
• CSS : /* some explanation */
• JS/JQUERY : //loop function

Reading list. I know you guys are a bookworm
Jeffrey Zeldman - Designing With Web Standards
Steve Krug - Don’t Make Me Think!
Steve Krug - Rocket Surgery Made Easy
Jason Fried and David Heinemeier Hansson - Rework
Jesse James Garrett - The Elements of User Experience
Douglas Crockford - JavaScript: The Good Parts
Kristina Halvorson - Content Strategy for the Web
Jeremy Keith - DOM Scripting
Dan Cederholm and Ethan Marcotte - Handcrafted CSS: More Bulletproof Web Design
Dan Roam - Unfolding the Napkin
Donald A. Norman - The Design of Everyday Things

Cool resources I want you to look at
http://google.com -- ask anything. if code, look for answer in stackoverflow
http://abduzeedo.com -- tons of inspiration
http://dribbble.com -- visually delish
http://w3schools.com -- best web reference, review with yourself here
http://codecademy.com -- learning basic different languages, including web
http://subtlepatterns.com/ -- you need good background
http://codepen.io & http://cssdeck.com -- CSS & JS craze + editor
http://html5boilerplate.com/ -- HTML5 startup files
http://www.html5rocks.com/en/ -- State-of-the-art HTML5 news
http://twitter.github.com/bootstrap -- if you need a css framework *for adv ppl
http://www.mrdoob.com/ -- mind = blown web experiments
http://andrew-hoyer.com/ -- mind = blown web experiments
http://airtightinteractive.com -- mind = blown web experiments
http://www.chromeexperiments.com/ -- fresh from whom that rules the web
http://copypastecharacter.com/ -- Copy and paste special characters
http://www.noupe.com/freelance/what-s-in-a-price-the-guidelines-for-pricing-web-designs.html
-- how should I call when doing web freelance
http://www.prophets.be/#/vision/trends-in-interactive-design-2013/ -- interactive trends 2013

Videos
http://www.youtube.com/watch?v=XE_FPEFpHt4 -- Andrew Blum
http://www.youtube.com/watch?v=4v4XxlfVk3o -- Aaron Koblin
http://www.youtube.com/watch?v=hYzzWeuVXVY -- Mouse!
http://www.youtube.com/watch?v=OM6XIICm_qo -- The father of WWW

Relax
http://www.youtube.com/user/Vsauce
http://9gag.com/
http://twistedsifter.com/
http://spotify.com/
http://www.stereomood.com/