Skip to content
Generic filters
Exact matches only

Responsive Web Design (Coursera)

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates.

At the end of the course, you will be able to:

1. Explain why users need to know where they are, where they can go and what is on a web page

2. Create wireframe mockups of web pages

3. Identify the key functional elements of web pages

4. Use Bootstrap components to realise page designs

5. Use JavaScript data structures such as arrays and objects to define the data used in a web page

6. Use the Handlebars template library to convert data to HTML

7. Add interactivity to templates using JavaScript event listeners

In this course, you will complete:

1 website design assignment taking ~1 hour to complete

1 programming assignment taking ~1 hour to complete

4 quizzes, each taking ~20 minutes to complete

multiple practice quizzes, each taking ~5 minutes to complete

Participation in or completion of this online course will not confer academic credit for University of London programmes.


Week 1: Responsive Web Design: Course overview; Web design principles

Week 2: Realising design principles in code

Week 3: Adding content to websites

Week 4: Building a full gallery app

Responsive Web Design is course 2 of 6 in the Responsive Website Development and Design Specialization.

This Specialization covers the basics of modern full stack web development, from UX design, to front-end coding, to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation. Upon completing the Specialization and Capstone Project, you’ll have designed and launched your own fully-functioning, responsive web application.