À propos de ce cours
4.2
232 notes
53 avis
100 % en ligne

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Heures pour terminer

Approx. 12 heures pour terminer

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

Anglais

Sous-titres : Anglais
100 % en ligne

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.
Heures pour terminer

Approx. 12 heures pour terminer

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

Anglais

Sous-titres : Anglais

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
Heures pour terminer
25 minutes pour terminer

Responsive Website Tutorials and Examples outline: Course overview

...
Reading
1 video (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
Heures pour terminer
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 videos (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
Semaine
2
Heures pour terminer
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 videos (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
Semaine
3
Heures pour terminer
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 videos (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
Semaine
4
Heures pour terminer
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 videos (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
53 avisChevron Right

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 DDOct 26th 2016

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

Enseignants

Avatar

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London
Avatar

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

  • Une fois que vous êtes inscrit(e) pour un Certificat, vous pouvez accéder à toutes les vidéos de cours, et à tous les quiz et exercices de programmation (le cas échéant). Vous pouvez soumettre des devoirs à examiner par vos pairs et en examiner vous-même uniquement après le début de votre session. Si vous préférez explorer le cours sans l'acheter, vous ne serez peut-être pas en mesure d'accéder à certains devoirs.

  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

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