À propos de ce cours
6,156 consultations récentes

100 % en ligne

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

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Approx. 15 heures pour terminer

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

Anglais

Sous-titres : Anglais

100 % en ligne

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

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Approx. 15 heures pour terminer

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

Anglais

Sous-titres : Anglais

Programme du cours : ce que vous apprendrez dans ce cours

Semaine
1
25 minutes pour terminer

Responsive Website Tutorials and Examples outline: Course overview

...
1 vidéo (Total 1 min), 2 lectures, 1 quiz
1 vidéo
2 lectures
Course outline10 min
Grading and assessment information10 min
1 exercice pour s'entraîner
Prerequisite quiz4 min
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

...
6 vidéos (Total 44 min), 5 lectures, 7 quiz
6 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 summary54s
5 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
6 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
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.

...
7 vidéos (Total 50 min), 7 lectures, 7 quiz
7 vidéos
Introduction: Music Machine5 min
Project structure4 min
Adding sound12 min
Adding interaction20 min
Collaboration6 min
Collaborative Apps 1 : Music Machine 2015 summary33s
7 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
6 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
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.

...
7 vidéos (Total 48 min), 6 lectures, 7 quiz
7 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 summary42s
6 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
6 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
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.

...
7 vidéos (Total 49 min), 6 lectures, 7 quiz
7 vidéos
Module introduction43s
Setting up the interface12 min
Getting data9 min
Rendering data on the page19 min
Review3 min
Creating a Data Visualisation Application summary47s
6 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
6 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
54 avisChevron Right

Principaux examens pour Responsive Website Tutorial and Examples

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

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 Université de Londres

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, Université de Londres

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 Développement et conception d'un site Web dynamique

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....
Développement et conception d'un site Web dynamique

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.