Responsive Website Development and Design Specialization
4.8 /5- Offered byCoursera
Responsive Website Development and Design Specialization at Coursera Overview
Duration | 19 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Difficulty level | Beginner |
Official Website | Explore Free Course  |
Credential | Certificate |
Responsive Website Development and Design Specialization at Coursera Highlights
- Offered By University of London
- inlcudes peer graded assignments, exercises and quizzes
- 17% got a pay increase or promotion
- 44% got a tangible career benefit from this course
Responsive Website Development and Design Specialization at Coursera Course details
- Explain why users need to know where they are, where they can go and what is on a web page
- Create wireframe mockups of web pages
- Identify the key functional elements of web pages
- Use Bootstrap components to realise page designs
- Use JavaScript data structures such as arrays and objects to define the data used in a web page
- Use the Handlebars template library to convert data to HTML
- Add interactivity to templates using JavaScript event listeners
- 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.
Responsive Website Development and Design Specialization at Coursera Curriculum
WEEK-1-Responsive Web Design: Course overview
Web design principles
Overview
Usability and user experience
Where can you go?
What is here?
Accessibility
Guidelines for design
Design examples
Summary
WEEK-2-Realising design principles in code
Overview
Basic Bootstrap set up
Where can you go?
Collapsible navbars
Building out the site
Where am I?
Responsive grid
Bootstrap themes
Summary
WEEK-3-Adding content to websites
Overview
Separating structure and content
JavaScript objects
JavaScript templates with Handlebars
Putting data into templates
Displaying different data with the same template
Displaying the same data with different templates, Use a Bootstrap modal
Summary
WEEK-4-Building a full gallery app
Overview
JavaScript arrays
Storing objects in arrays and displaying them with a template
Dynamically displaying single images from an array
Implementing a search function
Data structure for a complete image gallery
Writing the templates for the gallery
Switching displays in the gallery
Responsive Website Development and Design Specialization at Coursera Admission Process
Important Dates
Other courses offered by Coursera
Student Forum
Anything you would want to ask experts?