Class Overview
Syllabus
Partial Class Schedule
Week 1 — 1.24
Course Overview
- What we'll be covering this semester
- What is responsive web design?
Review of HTML, CSS and FTP
- Review HTML & CSS basics
- Review FTP and set up websites
Week 2 — 1.31
HTML & CSS Review Continued
CSS Review
- Terminology
- Selectors
HTML & CSS Layouts
Floats and Positioning
Week 3 — 2.7
HTML & CSS Layouts
Flexbox & CSS Grid
Week 4 — 2.14
HTML & CSS Layouts (continued)
Flexbox & CSS Grid
Media Queries
Begin working with media queries to make responsive designs
Week 5 — 2.21
Single Page Project Critique 1
Due: Thumbnail Sketches & Draft of 3 sizes in Sketch
Media Queries
Begin working with media queries to make responsive designs
Other topics
- Print stylesheets
- CSS pseudo classes
- CSS content property
Week 6 — 2.28
Single Page Project Critique 2
Due: Revised and Completed Layouts in Sketch / Markup and styling for small size
Responsive Navigation
- Navigation design issues for diverse screen sizes
- Responsive navigation patterns
- Responsive navigation techniques
Spring Break — 3.7
Week 7 — 3.14
Snow Day
Week 8 — 3.21
Snow Day
JavaScript & jQuery Basics
Week 9 — 3.28
Responsive Images
- Responsive images that scale
- Responsive CSS Background Images
Week 10 — 4.4
Due: Travel Experience sketches
Responsive Images
- srcset and sizes attributes
- Picture element
Scalable Vector Graphics (SVG)
Week 11 — 4.11
Due: Travel Experience version 1
Nonprofit topic and website audit
Week 12 — 4.18
Due: Travel Experience Final
Nonprofit design brief and concept sketches
Week 13 — 4.25
Due: Nonprofit style tiles, formal sketches and style guide
Schedule meeting to review mockup between 4/25 – 5/2
Senior Banquet — no class
Week 14 — 5.2
Whatever is left that you need to know for the final...
Final Due — Friday, 5.11 by 11:59pm
Final nonprofit redesign due. Post all content on class website.