Development of adaptive websites using modern HTML, CSS, and JavaScript frameworks for cross-device compatibility.
Course overview
Responsive Web Design teaches you how to build websites that look great on any screen. You will use modern HTML, CSS, and JavaScript to create adaptive layouts. The course focuses on cross-device compatibility, ensuring your designs work on phones, tablets, and desktops.
You will learn to construct fluid grids and apply media queries to adjust content for different viewports. JavaScript frameworks are used to add interactivity that enhances the user experience. This course builds on your foundation in visual communication and video production.
Who takes this course
This course is offered to students in the Graphic & Interactive Design program. It is a required course for third-year students in the program.
Credits: 3 · Hours: 45
Prerequisites
Learning outcomes
- Construct responsive layouts using HTML5 and CSS3 media queries
- Implement fluid grid systems that adapt to mobile, tablet, and desktop viewports
- Apply JavaScript frameworks to enhance interactivity across devices
- Test website performance and accessibility on multiple platforms
- Integrate design principles from visual communication into web interfaces
Evaluation
| Component | Weight (%) |
| Mid-term responsive layout project | 25 |
| JavaScript interactivity assignment | 20 |
| Final responsive website portfolio | 45 |
| Peer review and critique participation | 10 |