Coursera
Coursera Logo

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 External Link Icon

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
Read more
Details Icon

Responsive Website Tutorial and Examples
 at 
Coursera 
Course details

Skills you will learn
More about this course
  • 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.
Read more

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

Responsive Website Tutorial and Examples
 at 
Coursera 
Admission Process

    Important Dates

    May 25, 2024
    Course Commencement Date

    Other courses offered by Coursera

    – / –
    3 months
    Beginner
    – / –
    20 hours
    Beginner
    – / –
    2 months
    Beginner
    – / –
    3 months
    Beginner
    View Other 6715 CoursesRight Arrow Icon
    qna

    Responsive Website Tutorial and Examples
     at 
    Coursera 

    Student Forum

    chatAnything you would want to ask experts?
    Write here...