Este curso faz parte do Programa de cursos integrados Responsive Website Development and Design
Responsive Website Tutorial and Examples
oferecido por
University of London
Goldsmiths, University of London
Informações sobre o curso
4.2
232 classificaçõ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
Programa - O que você aprenderá com este curso
Week
1Responsive Website Tutorials and Examples outline: Course overview
1 vídeo (Total de 1 min), 2 leituras, 1 teste
1 vídeos
2 leituras
Course outline10min
Grading and assessment information10min
1 exercício prático
Prerequisite quiz4min
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
6 vídeos (Total de 44 min), 5 leituras, 7 testes
6 videos
Introductionmin
Recap7min
Getting started11min
Adding a page12min
Administrating the blog and making it responsive9min
Creating A Portfolio Website with Blog summarymin
5 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
6 exercícios práticos
Introduction2min
Recap4min
Getting started4min
Adding a page4min
Administration4min
Creating A Portfolio Website with Blog summary quiz20min
Week
2Collaborative 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.
7 vídeos (Total de 50 min), 7 leituras, 7 testes
7 videos
Introduction: Music Machine5min
Project structure4min
Adding sound12min
Adding interaction20min
Collaboration6min
Collaborative Apps 1 : Music Machine 2015 summarymin
7 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
6 exercícios práticos
Introduction2min
Project structure4min
Adding sound4min
Adding interaction6min
Making it collaborative4min
Collaborative Apps 1 : Music Machine 2015 summary quiz20min
Week
3Collaborative 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.
7 vídeos (Total de 48 min), 6 leituras, 7 testes
7 videos
Drawing machine5min
Drawing machine: worked example6min
Creating the application21min
Creating and serving data10min
Review2min
Collaborative Apps 2 : Drawing Machine summarymin
6 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
6 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
4Creating 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.
7 vídeos (Total de 49 min), 6 leituras, 7 testes
7 videos
Module introductionmin
Setting up the interface12min
Getting data9min
Rendering data on the page19min
Review3min
Creating a Data Visualisation Application summarymin
6 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
6 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 ZB•May 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 DD•Oct 26th 2016
more challenging than expected, issues with the Meteor hosting/community caused some issues, but good learning experience
Instrutores
Dr Matthew Yee-King
LecturerComputing Department, Goldsmiths, University of London
Dr Mick Grierson
ReaderComputing 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.
Perguntas Frequentes – FAQ
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Specialization?
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.
What is the refund policy?
Is financial aid available?
Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.
O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.
© 2018 Coursera Inc. Todos os direitos reservados.
