Coursera

Responsive Website Tutorial and Examples (Coursera)

Offered by University of London, Goldsmiths, University of London,
Responsive Website Tutorial and Examples (Coursera)

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.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

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.

Course 5 of 6 in the Responsive Website Development and Design Specialization

Syllabus

WEEK 1
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

WEEK 2
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.

WEEK 3
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.

WEEK 4
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.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Introduction to Accounting Data Analytics and Visualization (Coursera) Coursera
University of Illinois at Urbana-Champaign

Introduction to Accounting Data Analytics and Visualization (Coursera)

Statistics & Data Analysis Data Science

Accounting has always been about analytical thinking. From the earliest days of the profession, Luca Pacioli emphasized the importance of math and order for analyzing business transactions. The skillset that accountants have needed to perform math and to keep order has evolved from pencil and paper, to typewriters and calculators, then to spreadsheets and accounting software. A new skillset that is becoming more important for nearly every aspect of business is that of big data analytics: analyzing large amounts of data to find actionable insights. This course is designed to help accounting students develop an analytical mindset and prepare them to use data analytic programming languages like Python and R.

Jun 15th 2026
5-12 Weeks
Excel Accounting Data Analysis
Details
Visualization for Data Journalism (Coursera) Coursera
University of Illinois at Urbana-Champaign

Visualization for Data Journalism (Coursera)

Statistics & Data Analysis Data Science

While telling stories with data has been part of the news practice since its earliest days, it is in the midst of a renaissance. Graphics desks which used to be deemed as “the art department,” a subfield outside the work of newsrooms, are becoming a core part of newsrooms’ operation. Those people (they often have various titles: data journalists, news artists, graphic reporters, developers, etc.) who design news graphics are expected to be full-fledged journalists and work closely with reporters and editors.

Jun 15th 2026
5-12 Weeks
Python Storytelling Data Analysis
Details
Social Media Data Analytics (Coursera) Coursera
University of Washington

Social Media Data Analytics (Coursera)

Statistics & Data Analysis Data Science

Learner Outcomes: After taking this course, you will be able to: utilize various Application Programming Interface (API) services to collect data from different social media sources such as YouTube, Twitter, and Flickr; process the collected data - primarily structured - using methods involving correlation, regression, and classification to derive insights about the sources and people who generated that data; analyze unstructured data - primarily textual comments - for sentiments expressed in them; use different tools for collecting, analyzing, and exploring social media data for research and development purposes.

Jun 15th 2026
4 Weeks
Data Analysis Social Media Twitter
Details
Introduction to HTML5 (Coursera) Coursera
University of Michigan

Introduction to HTML5 (Coursera)

CS: Programming

Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?).

Jun 15th 2026
3 Weeks
Programming HTML HTML5
Details
Fundamentals of GIS (Coursera) Coursera
University of California, Davis

Fundamentals of GIS (Coursera)

CS: Information & Technology Sci: Physical & Earth Sciences

Explore the world of spatial analysis and cartography with geographic information systems (GIS). What you will learn: define core geospatial concepts; practice with subset data using selections and feature attributes; create map books using advanced mapping techniques; create layer and map packages.

Jun 15th 2026
4 Weeks
Data Analysis Geographic Information Systems GIS
Details
Data Science Companion (Coursera) Coursera
MathWorks

Data Science Companion (Coursera)

Statistics & Data Analysis Data Science

The Data Science Companion provides an introduction to data science. You will gain a quick background in data science and core machine learning concepts, such as regression and classification. You’ll be introduced to the practical knowledge of data processing and visualization using low-code solutions, as well as an overview of the ways to integrate multiple tools effectively to solve data science problems.

Jun 19th 2026
4 Weeks
MATLAB Machine Learning Regression
Details
Exploratory Data Analysis with MATLAB (Coursera) Coursera
MathWorks

Exploratory Data Analysis with MATLAB (Coursera)

Statistics & Data Analysis Data Science

In this course, you will learn to think like a data scientist and ask questions of your data. You will use interactive features in MATLAB to extract subsets of data and to compute statistics on groups of related data. You will learn to use MATLAB to automatically generate code so you can learn syntax as you explore. You will also use interactive documents, called live scripts, to capture the steps of your analysis, communicate the results, and provide interactive controls allowing others to experiment by selecting groups of data.

Jun 15th 2026
5-12 Weeks
MATLAB Data Analysis Exploratory Data Analysis
Details
Data Visualization with Tableau Project (Coursera) Coursera
University of California, Davis

Data Visualization with Tableau Project (Coursera)

Statistics & Data Analysis Data Science

In this project-based course, you will follow your own interests to create a portfolio worthy single-frame viz or multi-frame data story that will be shared on Tableau Public. You will use all the skills taught in this Specialization to complete this project step-by-step, with guidance from your instructors along the way.

Jun 15th 2026
5-12 Weeks
Data Analysis Data Visualization Tableau
Details
3D Data Visualization for Science Communication (Coursera) Coursera
University of Illinois at Urbana-Champaign

3D Data Visualization for Science Communication (Coursera)

Data Science

This course is an introduction to 3D scientific data visualization, with an emphasis on science communication and cinematic design for appealing to broad audiences. You will develop visualization literacy, through being able to interpret/analyze (read) visualizations and create (write) your own visualizations.

Jun 15th 2026
4 Weeks
3D Communication Computer Graphics
Details
Introduction to Web Development (Coursera) Coursera
University of California, Davis

Introduction to Web Development (Coursera)

CS: Software Engineering CS: Programming

This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills.

Jun 15th 2026
5-12 Weeks
Programming HTML Javascript
Details