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