| layout | default |
|---|---|
| title | Building HTML5 Apps |
- 98-177 Spring 2012
- Tues. 6:30pm - 7:20pm
- Wean Hall 7500
- Molly Samuels & Brian Yee
- Office hours by appointment
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.
On the schedule below, you’ll find a reading that goes along with each class meeting. Readings are not required, but definitely encouraged!
- 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
-
{% for post in site.categories.slides reversed %}
{% if post.hide %}
- {{ post.date | date: "%b %d" }} {{ post.title }} {% else %}
- {{ post.date | date: "%b %d" }} {{ post.title }} {% endif %} {% endfor %}
Any demos from class will be posted here.
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
