WEEK 1
Monday, August 31
Setup WordPress, GitHub, Codecademy, Sublime Text Editor
Lecture 1: How the Internet Works
Exercises 1 & 2: Websites We Like (post to WordPress) / Path Navigation
Homework Assignment:
Codecademy – HTML Basics
Reading 1: “If it doesn’t exist on the Internet, It doesn’t exist” by Kenneth Goldsmith
Wednesday, September 2
Lecture 2: Form & Content, Basic CSS – Part I and Color
Exercise 2 & 3: Markup/Style Carl Dair’s Seven Principles of Typographic Contrast
Homework Assignment:
Codecademy – CSS: An Overview
Reminder – Post Discussion Questions for Reading 1
Finish Exercises 2 & 3
WEEK 2
Monday, September 7
No Class
Wednesday, September 9
Lecture 3: Basic CSS – Part II (Float, Positioning, Classes)
Homework Assignment:
Codecademy – CSS Positioning
Reading 2: New Clues by The Cluetrain Authors
WEEK 3
Monday, September 14
Lecture 3: Basic CSS – Part III (Float, Positioning, Classes)
Exercise 4: Floating
Work Session
Homework Assignment:
Reminder – Post Discussion Questions
Codecademy – HTML Basics II
Wednesday, September 16
Reading 2 Discussion
Lecture 4: Specifying Specific Elements
Work Session and small group/individual meetings
Homework Assignment:
Codecademy – HTML Basics III
Reading 3: Metahaven Captives of the Cloud – Part I
WEEK 4
Monday, September 21
Review Project 1
Work Session, Introduce Project 2
Exercise 5: Margin Auto, Media Queries + Image Links
Homework Assignment:
Codecademy – CSS Selectors
Finish Working any updates to Project 1
Post Discussion Questions for Reading 3
Wednesday, September 23
Reading 3 Discussion
Lecture 5: Wireframing & Sketching, Positioning Images, Blockquotes + Pull Quotes
Exercise 6: Reverse Engineer a Sitemap
Homework Assignment:
Codecademy – Social Networking Profile
Project 2 – Select and article and sketch a wireframe for your site
WEEK 5
Monday, September 28
Lecture 6: Text Properties (Web Safe Fonts, Embed Fonts, Font Variants)
Work Session / Review Wireframes
Homework Assignment:
Work on Project 2 – First Draft
Wednesday, September 30
Lecture 7: Setting Backgrounds + Gradients
Homework Assignment:
Work on Project 2 – Second Draft
WEEK 6
Monday, October 5
Format index page with all projects + exercises to date
Homework Assignment:
Finish Project 2
Wednesday, October 7
Project 2 Due / Crit
Homework Assignment:
Reading 4: Anonymity as Culture: Treatise
Post Discussion Questions for Reading 4
WEEK 7
Monday, October 12
Introduce Project 3
Reading 4 Discussion
Lecture 8: Organizing Content in Tables
Homework Assignment:
Work on sitemap and wireframe for Project 3
Wednesday, October 14
Lecture 8: Using Lists + Forms
Review wireframes and sitemaps
Work Session
Homework Assignment:
Work on Project 3 – Finish 4 pages of the design
WEEK 8
Monday, October 19
No class (Individual Meetings Throughout Week)
Homework Assignment:
Work on Project 3
Wednesday, October 21
Lecture 9: Adding Media (Audio + Video)
Review Project 3 Progress (Site Wireframe, Page Templates, Early Interaction Prototypes)
Homework Assignment:
Work on Project 3
Reading 5: Are Coders Worth It?
Post Discussion Questions for Reading 5
WEEK 9
Monday, October 26
Lecture 10: Advanced CSS Transitions + Shapes
Review Project 3 Progress (Online Working Prototypes)
Homework Assignment:
Work on Project 3
Wednesday, October 28
Lecture 11: Advanced CSS Animations
Reading 5 Discussion
Homework Assignment:
Finish Project 3
WEEK 10
Monday, November 2
Project 3 Due / Crit
Wednesday, November 4
Introduce Project 4
Work Session
Homework Assignment:
Work on sitemap and wireframe/mockup for Project 4
WEEK 11
Monday, November 9
Review Mockups / Sitemap / Wireframe
Lecture 12: Front-end Development & Design, Prototyping
Homework Assignment:
Work on Project 4
Wednesday, November 11
Lecture 13: Design Trends + Techniques I
Lecture 14: Troubleshooting (Web Developer Tools, StackOverflow, MDN, Google)
Homework Assignment:
Work on Project 4
WEEK 12
Monday, November 16
Lecture 15: Design Trends + Techniques II
Homework Assignment:
Finish Project 4
Wednesday, November 18
Project 4 Due / Crit
Homework Assignment:
WEEK 13
Monday, November 23
Lecture 16: Design Trends + Techniques III
Introduce Project 5
Homework Assignment:
Work on the sitemap and wireframe for Project 5
Wednesday, November 25
Work Session, Individual Meetings
Homework Assignment:
Work on Project 5
WEEK 14
Monday, November 30
Lecture 17: Introduce Javascript Language, Interaction / Website Behavior Survey
Homework Assignment:
Codecademy – Start jQuery track
Wednesday, December 2
Lecture 18: jQuery & Plugins
Homework Assignment:
Finish working on Project 5
Finish the jQuery track in Codecademy
WEEK 15
Monday, December 7
Project 5 Due / Crit
Homework Assignment:
Finish Final Documentation and revisions to projects
Wednesday, December 9
Final Documentation + Review of All Projects
Any revisions to Projects 1-4 are due