With a majority of the worlds population connecting to the web from their mobile devices making web sites that work on mobile is a priority. Responsive web design will cover topics of Mobile First development, content optimization, and accessibility.
Students by the end of the course will be able to ...
- Create web sites that work well on mobile and desktop
- Create web sites that meet accessibility standards
- Create wire frames that describe web sites for mobile and desktop
Course Dates: Wednesday, March 20 – Wednesday, May 8, 2024 (7 weeks)
Class Times: Monday and Wednesday at 9:30 AM – 12:15 PM (15 class sessions)
| Class | Date | Topics |
|---|---|---|
| 1 | Wed, Mar 20 | Introduction to Responsive Web Design |
| - | Week 1 - Wire Framing | - |
| 2 | Mon, Mar 25 | Creating Wire Frames |
| 3 | Wed, Mar 27 | Media Queries |
| - | Week 2 - Media Queries | - |
| 4 | Mon, Apr 1 | Cesar Chavez Day Campus Holiday |
| 5 | Wed, Apr 3 | Introduction to Flexbox and responsive units |
| - | Week 3 - Flex Box and Grid | - |
| 6 | Mon, Apr 8 | CSS Grid Responsive Grid Challenge 1 |
| 7 | Wed, Apr 10 | Responsive Grid Challenge 2 |
| - | Week 4 - Accessibility | - |
| 8 | Mon, Apr 15 | Accessibility and Inclusive Design |
| 9 | Wed, Apr 17 | Accessibility part 2 |
| - | Week 5 - Tailwind Responsive | - |
| 10 | Mon, Apr 22 | Mobile First Dev Project 2 |
| 13 | Wed, Apr 24 | UX Testing Tailwind responsive |
| - | Week 6 - Responsive UI | - |
| 14 | Mon, Apr 29 | Lab |
| 14 | Wed, May 1 | TBD |
| - | Week 7 | - |
| 15 | Mon, May 6 | Final Assessment |
| 16 | Wed, May 8 | Final Presentations |
| Assignment | - |
|---|---|
| Wire frame SFPOPOS Site | |
| SFPOPOS Responsive | |
| SFPOPOS Accessible | |
| Wire frame Mobile First | |
| Create a Mobile First Site |
To pass this course you must meet the following requirements:
- Receive a passing score for all 4 labs (see each lab for rubric)
- 100% completion of the Magic 8 ball tutorial (submit proof of working Magic 8 ball project)
- Complete course project by receiving a passing score on the rubric
- Receive a 70% or higher on the final summative assessment Study guide
- Actively participate in class and abide by the attendance policy
- Make up all classwork from all absences