Class Overview
Full Syllabus
Partial Class Schedule
Week 1 — 1.20
Course Overview
- What we'll be covering this semester
- What is responsive web design?
Review of HTML and FTP
- Review HTML basics
- Review FTP and set up websites
Week 2 — 1.27
HTML Review Continued
CSS Review
- Terminology
- Selectors
HTML & CSS Exercises
Week 3 — 2.3
HTML & CSS Layouts
Going in depth on how to lay out pages using HTML and CSS. Focus on block and inline elements as well as positioning.
Week 4 — 2.10
HTML & CSS Layouts (continued)
Going in depth on how to lay out pages using HTML and CSS. Focus on floats and creating multicolumn layouts.
Week 5 — 2.17
Media Queries
Begin working with media queries to make responsive designs
Other topics
- Print stylesheets
- CSS pseudo classes
- CSS content property
Week 6 — 2.24
Responsive Navigation
- Navigation design issues for diverse screen sizes
- Responsive navigation patterns
- Responsive navigation techniques
Week 7 — 3.2
Single Page Project Critique
Responsive Navigation (continued)
- Responsive navigation techniques
- JavaScript basics for navigation techniques
Responsive Images
- Responsive images that scale
- Picture element
- srcset attribute
Spring Break — 3.9
Week 8 — 3.16
Single Page Project Due
Responsive Images
- Responsive images that scale
- Picture element
- srcset attribute
SVG Images
Week 9 — 3.23
(Revised) Single Page Project Due
Responsive Images (continued)
SVG Images
Week 10 — 3.30
Guest Speakers Elaina Natario & Russell Goldenberg
Critique of Midterm Projects
Week 11 — 4.6
Guest Speaker Steph Paulovich
Week 12 — 4.13
Bootstrap
Work on final project