Responsive Website Tutorial and Examples

Goldsmiths University of London and University of London via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Free Online Course (Audit)
Languages

English
Certificate

Paid Certificate Available
Duration & workload

23 hours 12 minutes
Sessions

On-Demand
Subtitles

Arabic, French, Portuguese, Italian, German, Russian, English, Spanish, Thai, Indonesian, Kazakh, Hindi, Swedish, Korean, Greek, Chinese, Ukrainian, Japanese, Polish, Dutch, Turkish, Hungarian, Bengali, Pashto, Urdu, Azerbaijani, Farsi

Found in

Part of

Responsive Website Development and Design

3.7

Overview

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.

Syllabus

Responsive Website Tutorials and Examples outline: Course overview
Creating a Portfolio Website with a Blog

Welcome to the first module of 'Responsive Website Tutorial and Examples!'. In this session we will be exploring a real-world web development task based on a common brief that web developers have to respond to every day – producing a portfolio website with both static and dynamic content features. I hope you enjoy the module! -Mick

Collaborative Apps 1 : Music Machine

Welcome to the second module of 'Responsive Website Tutorial and Examples!'. Meteor is great at making collaboration simple. You can make collaborative sites in a day or so that work across many devices including mobile. By the end of this session you will understand how to structure and build collaborative, real-time applications, how to integrate the web audio API, and how to specifically set and get variables stored in the database using basic interface elements.

Collaborative Apps 2 : Drawing Machine

Welcome to the third module of 'Responsive Website Tutorial and Examples!'.Meteor allows us to make creative, collaborative apps that work in real-time. Both the Client and the Server can insert information into a Mongo collection. Ordinary web users can do this interactively, without having to program the database manually. In this session we will look at this approach through the lens of collaborative drawing. You will learn how to create a canvas using d3.js, change attributes of the canvas, create client code for inserting data into the database and how to render database entries as a drawing.

Creating a Data Visualisation Application

Welcome to the final module of 'Responsive Website Tutorial and Examples!'.In this session we will be looking at how to use data from external sources to create interactive visualisations for the purposes of creating an interactive data visualisation web app.

Taught by

Matthew Yee-King and Dr Mick Grierson

Reviews

5.0 rating, based on 4 Class Central reviews

4.2 rating at Coursera based on 280 ratings

Start your review of Responsive Website Tutorial and Examples

Manoj Joshi @manozoshi

Coursera is one of the leading online learning platforms that offers a wide range of courses from top universities and institutions around the world. Here is a review of Coursera based on its features and benefits: Variety of Courses: Coursera offe…

Coursera is one of the leading online learning platforms that offers a wide range of courses from top universities and institutions around the world. Here is a review of Coursera based on its features and benefits:

Variety of Courses: Coursera offers a vast variety of courses in various fields, including computer science, business, arts, humanities, and more. The courses are taught by expert instructors, and the materials are designed to be interactive and engaging.

Quality of Content: The courses offered by Coursera are of high quality and are designed to provide students with an in-depth understanding of the subject matter. The content is often delivered through video lectures, readings, quizzes, and assignments.

Accessibility: Coursera is an accessible platform that allows students to learn from anywhere in the world, as long as they have an internet connection. This makes it an ideal option for people who are unable to attend traditional in-person classes.
Harold Barrios

Si tomarás este curso, hazlo! Te llenará de todo ese conocimiento que buscas y quieres, es increíble como puedas manejar la web con una sabiduría que aprenderás con el estudio y la práctica.
Jason Michael Cherry

Outstanding class! This one is different from the other classes, as breath of material is larger, but depth is less. A perfect follow-up to the very depthful classes that precede it in the specialization.
Monica Carvajal