À propos de ce cours
4.2
232 notes
53 avis
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...
Globe

Cours en ligne à 100 %

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Calendar

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Clock

Recommandé : 4 weeks of study, 1-2 hours/week

Approx. 12 heures pour terminer
Comment Dots

English

Sous-titres : English
Globe

Cours en ligne à 100 %

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Calendar

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Clock

Recommandé : 4 weeks of study, 1-2 hours/week

Approx. 12 heures pour terminer
Comment Dots

English

Sous-titres : English

Programme du cours : ce que vous apprendrez dans ce cours

1

Section
Clock
25 minutes pour terminer

Responsive Website Tutorials and Examples outline: Course overview

...
Reading
1 vidéo (Total 1 min), 2 lectures, 1 quiz
Video1 vidéo
Reading2 lectures
Course outline10 min
Grading and assessment information10 min
Quiz1 exercice pour s'entraîner
Prerequisite quiz4 min
Clock
4 heures pour terminer

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...
Reading
6 vidéos (Total 44 min), 5 lectures, 7 quiz
Video6 vidéos
Recap7 min
Getting started11 min
Adding a page12 min
Administrating the blog and making it responsive9 min
Creating A Portfolio Website with Blog summary min
Reading5 lectures
Source code10 min
Slides for this module10 min
Getting started: learning outcomes10 min
Adding a page: learning outcomes10 min
Administrating the blog and making it responsive: learning outcomes10 min
Quiz6 exercices pour s'entraîner
Introduction2 min
Recap4 min
Getting started4 min
Adding a page4 min
Administration4 min
Creating A Portfolio Website with Blog summary quiz20 min

2

Section
Clock
5 heures pour terminer

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....
Reading
7 vidéos (Total 50 min), 7 lectures, 7 quiz
Video7 vidéos
Introduction: Music Machine5 min
Project structure4 min
Adding sound12 min
Adding interaction20 min
Collaboration6 min
Collaborative Apps 1 : Music Machine 2015 summary min
Reading7 lectures
Source code10 min
Slides for this module10 min
Project structure: learning outcomes10 min
Adding sound: learning outcomes10 min
Adding interaction : learning outcomes10 min
Making it collaborative: learning outcomes10 min
URL in lecture video10 min
Quiz6 exercices pour s'entraîner
Introduction2 min
Project structure4 min
Adding sound4 min
Adding interaction6 min
Making it collaborative4 min
Collaborative Apps 1 : Music Machine 2015 summary quiz20 min

3

Section
Clock
4 heures pour terminer

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. ...
Reading
7 vidéos (Total 48 min), 6 lectures, 7 quiz
Video7 vidéos
Drawing machine5 min
Drawing machine: worked example6 min
Creating the application21 min
Creating and serving data10 min
Review2 min
Collaborative Apps 2 : Drawing Machine summary min
Reading6 lectures
Source code10 min
Slides for this module10 min
Drawing machine example: learning outcomes10 min
Creating the application: learning outcomes10 min
Creating and serving data: learning outcomes10 min
Review: learning outcomes10 min
Quiz6 exercices pour s'entraîner
Drawing machine introduction4 min
Drawing machine- worked example2 min
Creating the application6 min
Creating and serving data6 min
Review2 min
Collaborative Apps 2 : Drawing Machine summary quiz20 min

4

Section
Clock
4 heures pour terminer

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....
Reading
7 vidéos (Total 49 min), 6 lectures, 7 quiz
Video7 vidéos
Module introduction min
Setting up the interface12 min
Getting data9 min
Rendering data on the page19 min
Review3 min
Creating a Data Visualisation Application summary min
Reading6 lectures
Source code10 min
Slides for this module10 min
Setting up the interface: learning outcomes10 min
Getting data: learning outcomes10 min
Rendering data on the page: learning outcomes10 min
Review: learning outcomes10 min
Quiz6 exercices pour s'entraîner
Introduction2 min
Setting up the interface4 min
Getting data6 min
Rendering data on the page6 min
Review2 min
Creating a Data Visualisation Application summary quiz20 min
4.2

Meilleurs avis

par ZBMay 22nd 2017

Exciting course that connects all the previous course's materials together into a professional backdrop. Very rewarding and I can't wait to take the capstone!

par VSFeb 14th 2016

Very excited to wrap up this specialization and go on a high note. Hoping to do an awesome capstone project at the end :)

Enseignants

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London

Dr Mick Grierson

Reader
Computing Department, Goldsmiths, University of London

À propos de University of London

The University of London is a federal University which includes 18 world leading Colleges. Our distance learning programmes were founded in 1858 and have enriched the lives of thousands of students, delivering high quality University of London degrees wherever our students are across the globe. Our alumni include 7 Nobel Prize winners. Today, we are a global leader in distance and flexible study, offering degree programmes to over 50,000 students in over 180 countries. To find out more about studying for one of our degrees where you are, visit www.london.ac.uk...

À propos de Goldsmiths, University of London

Championing research-rich degrees that provoke thought, stretch the imagination and tap into tomorrow’s world, at Goldsmiths we’re asking the questions that matter now in subjects as diverse as the arts and humanities, social sciences, cultural studies, computing, and entrepreneurial business and management. We are a community defined by its people: innovative in spirit, analytical in approach and open to all....

À propos de la Spécialisation Responsive Website Development and Design

This Specialization covers the basics of modern full stack web development, from UX design, to front-end coding, to custom databases. You’ll build foundational skills in a full range of technologies, including HTML/CSS, Javascript, and MongoDB, and you’ll learn to implement a reactive, multi-user web application using the meteor.js framework. We’ll also touch on more advanced topics, such as APIs, data visualization, and animation....
Responsive Website Development and Design

Foire Aux Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.