Responsive Web Design

Created by: Dr Matthew Yee-King, Dr Kate Devlin, Dr Marco Gillies and Dr Mick Grierson

icon
Course Description

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 vigation 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.

icon
Instructor Details

Dr Matthew Yee-King, Dr Kate Devlin, Dr Marco Gillies and Dr Mick Grierson

Dr Matthew Yee-King is a Lecturer in Computing at Goldsmiths, University of London. He is an expert in creative digital signal processing and computer music and has worked with some of the leading names in the UK experimental music scene. He teaches on the BSc Creative Computing topics such as audio signal processing and synthesis, programming in Processing and audio development for the Android platform.

Read More

icon
Reviews

4.5

100 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete
% % % % %