Get updates on Eligibility, Admission, Placements Fees Structure
Quick Facts
| Medium Of Instructions | Mode Of Learning | Mode Of Delivery |
|---|---|---|
| English | Self Study | Video and Text Based |
Course Overview
In the Responsive Web Design certification course, candidates will learn how to apply principles from interaction design and interaction with human computers to design and create an interactive website that looks professional. Candidates can learn how to make the web page templates use responsive grid formats to conform to various screen sizes. They will learn how to add design elements, navigation and use JavaScript objects and templates to isolate and view data.
Responsive Web Design training course is one of six courses in the Responsive Website Development and Design Specialisation. The fundamentals of modern full-stack web creation are addressed by this specialisation from UX design to front-end coding to custom databases. In a wide variety of technologies including JavaScript, HTML / CSS and MongoDB candidates will be able to develop fundamental skills and learn how to carry forward the reactive multi-user web application by using the meteor.js framework.
The Highlights
- 2nd course of Responsive Website Development and Design Specialisation
- 100 percent online mode of learning
- Approximately 25 hours to complete
- Offered by University of London
- Offered by Goldsmiths, University of London
- Certification by Coursera
Programme Offerings
- Online Course
- Quiz
- assignments
- Practice Exercises
Courses and Certificate Fees
| Certificate Availability | Certificate Providing Authority |
|---|---|
| yes | Coursera |
Responsive Web Design Fee Structure :
Particulars | Amount |
Fee for 1 month | Rs. 1,676/- |
Fee for 3 months | Rs. 3,369/- |
Fee for 6 months | Rs. 5,029/- |
Eligibility Criteria
Certification Qualifying details
Responsive Web Design Certificate by Coursera can be obtained only after the 4 weeks curriculum has been successfully completed. It should be subscribed to by paying the appropriate fee in order to get full access to the specialisation and to obtain a certificate of completion candidates.
What you will learn
After completing the Responsive Web Design certification syllabus course, candidates will be gaining knowledge in,
- Candidates will be able to do explain why users need to Identify web pages' main functional elements, Build web-page wireframe mockups, Using Bootstrap elements to enforce page designs, Use the template library Handlebars to convert data to HTML and Using JavaScript event listeners, Use JavaScript data structures to describe the data used on a web page such as arrays and objects, add interactivity to templates.
- Candidates will be also discussing more advanced subjects such as visualisation of results, APIs and animation.
- To show the potential and progress in the specialisation, candidates can add several projects to their portfolio.
- Using simple elements to monitor layout and style, candidates can create web pages, use responsive web design concepts to take a website from wireframe to website, create multi-user interactive experiences and incorporate safety features.
- Candidates can incorporate accessibility and usability into their responsive websites just like any competent full-stack web developer.
Who it is for
If someone is interested in making web design that is responsive in every way, and want to be placed as web designers.
Application Details
Please follow the steps given below for candidates applying to the Responsive Web Design classes course.
Step 1: Visit the website of Coursera by clicking the link given below.
https://www.coursera.org/learn/responsive-web-design
Step 2: Click on the Enroll for free button.
Step 3: Candidates will be asked to log in or sign up. With your Google/ Facebook/ Apple account please sign up or log in.
Step 4: Candidates will audit the course for free or subscribe to a credential for the whole specialisation. Choose a choice accordingly.
Step 5: After the option has been chosen fee payment has to be done if it is needed to compete admission.
The Syllabus
Readings
- Course outline
- Learning outcomes
- Grading and assessment
Videos
- Overview
- Where can you go?
- Usability and user experience
- What is here?
- Guidelines for design
- Accessibility
- Summary
- Design examples
Readings
- Lecture slides
- URLs for this lesson
- URL for this lesson
- URL for this lesson
- Lecture slides
- Lecture slides
Assignments
- Usability and user experience
- What is here?
- Where can you go?
- Guidelines for design
- Accessibility
- Web design principles summary quiz
- Design examples
Peer Review
- Design principles on your favourite website
Videos
- Overview
- Where can you go?
- Basic Bootstrap set up
- Building out the site
- Collapsible navbars
- Responsive grid
- Where am I?
- Bootstrap themes
- Summary
Readings
- Code for this module
- Basic Bootstrap starter code (inc. images)
- URL for this lesson
- URL for this lesson
- URL for this lesson
- URLs for this lesson
- URL for this lesson
Assignments
- Basic Bootstrap set up
- Collapsible navbars
- Where can you go?
- Where am I?
- Building out the site
- Bootstrap themes
- Responsive grid
- Realising design principles in code summary quiz
Peer Review
- Working with navbars
Videos
- Overview
- JavaScript objects
- Separating structure and content
- Putting data into templates
- JavaScript templates with Handlebars
- Displaying the same data with different templates, Use a Bootstrap modal
- Displaying different data with the same template
- Summary
Readings
- URL for this module
- Source Code
- URL for this lesson
- Source Code
- Source Code
Assignments
- Separating structure and content
- JavaScript templates with Handlebars
- JavaScript objects
- Displaying different data with the same template
- Displaying the same data with different templates, Use a Bootstrap modal
- Putting data into templates
- Adding content to websites summary quiz
Peer Review
- Edit a template
Videos
- Overview
- Storing objects in arrays and displaying them with a template
- JavaScript arrays
- Implementing a search function
- Dynamically displaying single images from an array
- Writing the templates for the gallery
- Data structure for a complete image gallery
- Switching displays in the gallery
Readings
- Source Code for this module
- Source Code
- URL for this lesson
- Source code for the gallery
Assignments
- JavaScript arrays
- Dynamically displaying single images from an array
- Storing objects in arrays and displaying them with a template
- Implementing a search function
- Writing the templates for the gallery
- Data structure for a complete image gallery
- Building a full gallery app summary quiz
Peer Review
- Animal gallery