Syllabus

Course Info

• 98-177 Spring 2012
• Tues. 6:30pm - 7:20pm
• Wean Hall 7500

Instructors

• Molly Samuels & Brian Yee
• Office hours by appointment

Grading

This course is pass/fail (woohoo!)

• Project 1 30%
• Final Project 40%
• Attendance* 30%

*Missing more than 3 class sessions will result in a big ol’ fail whale.

Readings

On the schedule below, you’ll find a reading that goes along with each class meeting. Readings are not required, but definitely encouraged!

Schedule

• Jan 17 Introduction
• Jan 24 Semantic HTML Ch. 3 (Dive into HTML5)
• Jan 31 CSS3 Ch. 1 (CSS3 for Web Designers)
• Feb 7 HTML5, Flash, and the Battle for Faster Cat Videos Google Tech Talk!
• Feb 14 More CSS3 Ch. 2 (CSS3 for Web Designers)
• Feb 21 Responsive Web Design “Responsive Web Design” by Ethan Marcotte, Project 1 due
• Feb 28 Audio & Video APIs Ch. 5 (Dive in HTML5)
• Mar 6 Geolocation API Ch. 6 (Dive in HTML5)
• Mar 12 NO CLASS (Spring Break)
• Mar 20 HTML5 Touch Interfaces Stephen Woods: Creating Responsive HTML5 Touch Interfaces
• Mar 27 History API & AJAX Ch. 11 (Dive in HTML5)
• Apr 3 Local storage & Offline Apps Ch. 7 & Ch. 8 (Dive in HTML5)
• Apr 10 Trendy Tuesday: Parallax ’n stuff
• Apr 17 Intro to Canvas Ch. 4 (Dive in HTML5)
• Apr 24 In-class work session
• May 1 Final Presentations Final Project Due

Slides

• Jan 17 Introduction to HTML5
• Jan 24 Semantic HTML5
• Jan 31 CSS3 Image Galleries
• Feb 14 Advanced CSS3
• Feb 21 Responsive Web Design
• Feb 24 Getting Content Online
• Feb 28 Video and Audio
• Mar 27 History API
• Apr 03 Local Storage and Offline Apps

Examples

Any demos from class will be posted here.

1. Buttons (week 1)
2. Gallery Site HTML (week 2)
3. Gallery Site w/ CSS (week 3)
4. Candy buttons CSS3 demo (week 5)
5. Geolocation demo (week 6)
6. History api demo (week 8)
7. Parallax demo (week 11)
8. MDN Canvas tutorial (week 12)

Projects

Stayed tuned for more details and project requirements.

• due Feb 21 Project 1: Gallery Site
• due May 1 Final Project: Student Choice

Resources

Found a link you want to share with the class? Let us know!

• Dive into HTML5 – This will serve as our course “textbook”
• HTML5 For Web Designers – A brief book by Jeremy Keith
• HTML5 Rocks – A resource for HTML5 developers (from Google)
• CSS3.info – Everything you need to know about CSS3
• When Can I Use... – Compatibility tables for support of HTML5, CSS3, SVG, and more in desktop and mobile browsers
• HTML5 & CSS3 Readiness – Sleak graph version of Can I Use... info
• Mozilla Demo Studio – Cool HTML5/CSS3 implementations
• HTML5 Please – Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them (Thanks, Donald Huh!)
• A Beginners Guide to HTML & CSS – Beautiful resource for those new to web development!
• Pea.rs – Common patterns (lists, buttons, tabs) and the code that makes them.
• Responsive Design Test Bookmarklet
• Responsive Web Design Techniques, Tools and Design Strategies