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: August 25 to October 10, 2025 (7 weeks)
Class Times: Tuesday and Thursday at 4:00 PM – 6:45 PM (15 class sessions)
| Class | Date | Topics |
|---|---|---|
| - | Week 1 - Wire Framing | - |
| 1 | Tue, Aug 26 | Introduction to Responsive Web Design |
| 2 | Thu, Aug 28 | Creating Wire Frames |
| - | Week 2 - Media Queries | - |
| 3 | Tue, Sep 2 | Media Queries |
| 4 | Thu, Sep 4 | Cesar Chavez Day Campus Holiday |
| - | Week 3 - Flex Box and Grid | - |
| 5 | Tue, Sep 9 | Introduction to Flexbox and responsive units |
| 6 | Thu, Sep 11 | CSS Grid Responsive Grid Challenge 1 |
| - | Week 4 - Accessibility | - |
| 7 | Tue, Sep 16 | Responsive Grid Challenge 2 |
| 8 | Thu, Sep 18 | Accessibility and Inclusive Design |
| - | Week 5 - Tailwind Responsive | - |
| 9 | Tue, Sep 23 | Accessibility part 2 |
| 10 | Thu, Sep 25 | Mobile First Dev Project 2 |
| - | Week 6 - Responsive UI | - |
| 13 | Tue, Sep 30 | UX Testing Tailwind responsive |
| 14 | Thu, Oct 2 | Lab |
| - | Week 7 | - |
| 14 | Tue, Oct 7 | Final Assessment |
| 15 | Thu, Oct 9 | 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