Responsive Website Tutorial and Examples
- Offered byCoursera
Responsive Website Tutorial and Examples at Coursera Overview
Duration | 24 hours |
Start from | Start Now |
Total fee | Free |
Mode of learning | Online |
Official Website | Explore Free Course |
Credential | Certificate |
Responsive Website Tutorial and Examples at Coursera Highlights
- Shareable Certificate Earn a Certificate upon completion
- 100% online Start instantly and learn at your own schedule.
- Course 5 of 6 in the Responsive Website Development and Design Specialization
- Flexible deadlines Reset deadlines in accordance to your schedule.
- Approx. 24 hours to complete
- English Subtitles: Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English, Spanish
Responsive Website Tutorial and Examples at Coursera Course details
- In this course, we will show you exciting examples of collaborative, interactive web applications that use various types of media including sound, images and big data.
- We will show you how to build sites that provide precisely this functionality, using Meteor. We will also provide fully working example application code that you can use for your own commercial web projects.
- The course also provides a range of advice and suggestions about how to develop bespoke web applications which match the requirements of clients, where clients are people who commission the product or people who use the product.
- We will take you through the development of the following applications:
- 1. A portfolio website with collaborative blogging functionality.
- 2. An interactive, realtime, multi user music remixing system.
- 3. An interactive, online graffiti wall where users can collaborate to create graphics.
- 4. An interactive data visualisation platform for exploring and plotting big data in exciting ways.
- At the end of this course, you will be able to:
- ? Implement animated data visualisations and graphics using advanced user interface libraries such as vis.js
- ? Work with external data sources
- ? Create multi user, realtime, collaborative environments
- ? Use media APIs such as the Web Audio API
- Participation in or completion of this online course will not confer academic credit for University of London programmes.
Responsive Website Tutorial and Examples at Coursera Curriculum
Responsive Website Tutorials and Examples outline: Course overview
Course overview
Course outline
Grading and assessment information
Prerequisite quiz
Introduction
Recap
Getting started
Adding a page
Administrating the blog and making it responsive
Creating A Portfolio Website with Blog summary
Source code
Slides for this module
Getting started: learning outcomes
Adding a page: learning outcomes
Administrating the blog and making it responsive: learning outcomes
Introduction
Recap
Getting started
Adding a page
Administration
Creating A Portfolio Website with Blog summary quiz
Collaborative Apps 1 : Music Machine
Module introduction
Introduction: Music Machine
Project structure
Adding sound
Adding interaction
Collaboration
Collaborative Apps 1 : Music Machine 2015 summary
Source code
Slides for this module
Project structure: learning outcomes
Adding sound: learning outcomes
Adding interaction : learning outcomes
Making it collaborative: learning outcomes
URL in lecture video
Introduction
Project structure
Adding sound
Adding interaction
Making it collaborative
Collaborative Apps 1 : Music Machine 2015 summary quiz
Collaborative Apps 2 : Drawing Machine
Module introduction
Drawing machine
Drawing machine: worked example
Creating the application
Creating and serving data
Review
Collaborative Apps 2 : Drawing Machine summary
Source code
Slides for this module
Drawing machine example: learning outcomes
Creating the application: learning outcomes
Creating and serving data: learning outcomes
Review: learning outcomes
Drawing machine introduction
Drawing machine- worked example
Creating the application
Creating and serving data
Review
Collaborative Apps 2 : Drawing Machine summary quiz
Creating a Data Visualisation Application
Recap of previous modules
Module introduction
Setting up the interface
Getting data
Rendering data on the page
Review
Creating a Data Visualisation Application summary
Source code
Slides for this module
Setting up the interface: learning outcomes
Getting data: learning outcomes
Rendering data on the page: learning outcomes
Review: learning outcomes
Introduction
Setting up the interface
Getting data
Rendering data on the page
Review
Creating a Data Visualisation Application summary quiz