Objective: The course aims to teach students how to create responsive and mobile-friendly websites and apps using modern web design tools and techniques. By the end of the course, students should be able to create responsive designs that work on a variety of devices and screen sizes.
- Introduction to Responsive Web Design
- Introduction to Media Queries
- Introduction to Flexbox ???
- Introduction to CSS Grid ???
- Tailwind Repsonsive (Responsive Images and Video)
- Mobile-first Design and Progressive Enhancement
- Accessibility and Inclusive Design
- Responsive Typography
- Performance and Optimization
- Responsive Navigation
- Responsive Forms
- Responsive Tables
- Advanced Layout Techniques
- Putting it All Together: Building a Responsive Website
In class examples will use the SFPOPOS Site.
Homework and labs will use the final project from ACS 1320.
At Class 10 students start a new final project. This is a web site they design and create that uses all of the concepts from class including:
- responsive menus and navigation
- responsive forms
- responsive tables
- advanced techniques
- SFPOPOS for mobile
- Mobile menu
- One of your projects for mobile