Informações sobre o curso
4.2
232 classificações
53 avaliações
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

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Clock

Approx. 12 hours to complete

Sugerido: 4 weeks of study, 1-2 hours/week...
Comment Dots

English

Legendas: English...
Globe

cursos 100% online

Comece imediatamente e aprenda em seu próprio cronograma.
Calendar

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.
Clock

Approx. 12 hours to complete

Sugerido: 4 weeks of study, 1-2 hours/week...
Comment Dots

English

Legendas: English...

Programa - O que você aprenderá com este curso

Week
1
Clock
25 minutos para concluir

Responsive Website Tutorials and Examples outline: Course overview

...
Reading
1 vídeo (Total de 1 min), 2 leituras, 1 teste
Video1 vídeos
Reading2 leituras
Course outline10min
Grading and assessment information10min
Quiz1 exercício prático
Prerequisite quiz4min
Clock
4 horas para concluir

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 vídeos (Total de 44 min), 5 leituras, 7 testes
Video6 videos
Recap7min
Getting started11min
Adding a page12min
Administrating the blog and making it responsive9min
Creating A Portfolio Website with Blog summarymin
Reading5 leituras
Source code10min
Slides for this module10min
Getting started: learning outcomes10min
Adding a page: learning outcomes10min
Administrating the blog and making it responsive: learning outcomes10min
Quiz6 exercícios práticos
Introduction2min
Recap4min
Getting started4min
Adding a page4min
Administration4min
Creating A Portfolio Website with Blog summary quiz20min
Week
2
Clock
5 horas para concluir

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 vídeos (Total de 50 min), 7 leituras, 7 testes
Video7 videos
Introduction: Music Machine5min
Project structure4min
Adding sound12min
Adding interaction20min
Collaboration6min
Collaborative Apps 1 : Music Machine 2015 summarymin
Reading7 leituras
Source code10min
Slides for this module10min
Project structure: learning outcomes10min
Adding sound: learning outcomes10min
Adding interaction : learning outcomes10min
Making it collaborative: learning outcomes10min
URL in lecture video10min
Quiz6 exercícios práticos
Introduction2min
Project structure4min
Adding sound4min
Adding interaction6min
Making it collaborative4min
Collaborative Apps 1 : Music Machine 2015 summary quiz20min
Week
3
Clock
4 horas para concluir

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 vídeos (Total de 48 min), 6 leituras, 7 testes
Video7 videos
Drawing machine5min
Drawing machine: worked example6min
Creating the application21min
Creating and serving data10min
Review2min
Collaborative Apps 2 : Drawing Machine summarymin
Reading6 leituras
Source code10min
Slides for this module10min
Drawing machine example: learning outcomes10min
Creating the application: learning outcomes10min
Creating and serving data: learning outcomes10min
Review: learning outcomes10min
Quiz6 exercícios práticos
Drawing machine introduction4min
Drawing machine- worked example2min
Creating the application6min
Creating and serving data6min
Review2min
Collaborative Apps 2 : Drawing Machine summary quiz20min
Week
4
Clock
4 horas para concluir

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 vídeos (Total de 49 min), 6 leituras, 7 testes
Video7 videos
Module introductionmin
Setting up the interface12min
Getting data9min
Rendering data on the page19min
Review3min
Creating a Data Visualisation Application summarymin
Reading6 leituras
Source code10min
Slides for this module10min
Setting up the interface: learning outcomes10min
Getting data: learning outcomes10min
Rendering data on the page: learning outcomes10min
Review: learning outcomes10min
Quiz6 exercícios práticos
Introduction2min
Setting up the interface4min
Getting data6min
Rendering data on the page6min
Review2min
Creating a Data Visualisation Application summary quiz20min
4.2

Melhores avaliações

por 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!

por DDOct 26th 2016

more challenging than expected, issues with the Meteor hosting/community caused some issues, but good learning experience

Instrutores

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London

Dr Mick Grierson

Reader
Computing Department, Goldsmiths, University of London

Sobre 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...

Sobre 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....

Sobre o Programa de cursos integrados 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

Perguntas Frequentes – FAQ

  • 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.

Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.