Über diesen Kurs
4.2
239 Bewertungen
54 Bewertungen

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Ca. 15 Stunden zum Abschließen

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

Englisch

Untertitel: Englisch

100 % online

Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.

Flexible Fristen

Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.

Ca. 15 Stunden zum Abschließen

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

Englisch

Untertitel: Englisch

Lehrplan - Was Sie in diesem Kurs lernen werden

Woche
1
25 Minuten zum Abschließen

Responsive Website Tutorials and Examples outline: Course overview

...
1 Videos (Gesamt 1 min), 2 Lektüren, 1 Quiz
1 Videos
2 Lektüren
Course outline10m
Grading and assessment information10m
1 praktische Übungen
Prerequisite quiz4m
4 Stunden zum Abschließen

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 Videos (Gesamt 44 min), 5 Lektüren, 7 Quiz
6 Videos
Recap7m
Getting started11m
Adding a page12m
Administrating the blog and making it responsive9m
Creating A Portfolio Website with Blog summary54
5 Lektüren
Source code10m
Slides for this module10m
Getting started: learning outcomes10m
Adding a page: learning outcomes10m
Administrating the blog and making it responsive: learning outcomes10m
6 praktische Übungen
Introduction2m
Recap4m
Getting started4m
Adding a page4m
Administration4m
Creating A Portfolio Website with Blog summary quiz20m
Woche
2
5 Stunden zum Abschließen

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 Videos (Gesamt 50 min), 7 Lektüren, 7 Quiz
7 Videos
Introduction: Music Machine5m
Project structure4m
Adding sound12m
Adding interaction20m
Collaboration6m
Collaborative Apps 1 : Music Machine 2015 summary33
7 Lektüren
Source code10m
Slides for this module10m
Project structure: learning outcomes10m
Adding sound: learning outcomes10m
Adding interaction : learning outcomes10m
Making it collaborative: learning outcomes10m
URL in lecture video10m
6 praktische Übungen
Introduction2m
Project structure4m
Adding sound4m
Adding interaction6m
Making it collaborative4m
Collaborative Apps 1 : Music Machine 2015 summary quiz20m
Woche
3
4 Stunden zum Abschließen

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 Videos (Gesamt 48 min), 6 Lektüren, 7 Quiz
7 Videos
Drawing machine5m
Drawing machine: worked example6m
Creating the application21m
Creating and serving data10m
Review2m
Collaborative Apps 2 : Drawing Machine summary42
6 Lektüren
Source code10m
Slides for this module10m
Drawing machine example: learning outcomes10m
Creating the application: learning outcomes10m
Creating and serving data: learning outcomes10m
Review: learning outcomes10m
6 praktische Übungen
Drawing machine introduction4m
Drawing machine- worked example2m
Creating the application6m
Creating and serving data6m
Review2m
Collaborative Apps 2 : Drawing Machine summary quiz20m
Woche
4
4 Stunden zum Abschließen

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 Videos (Gesamt 49 min), 6 Lektüren, 7 Quiz
7 Videos
Module introduction43
Setting up the interface12m
Getting data9m
Rendering data on the page19m
Review3m
Creating a Data Visualisation Application summary47
6 Lektüren
Source code10m
Slides for this module10m
Setting up the interface: learning outcomes10m
Getting data: learning outcomes10m
Rendering data on the page: learning outcomes10m
Review: learning outcomes10m
6 praktische Übungen
Introduction2m
Setting up the interface4m
Getting data6m
Rendering data on the page6m
Review2m
Creating a Data Visualisation Application summary quiz20m
4.2
54 BewertungenChevron Right

Top-Bewertungen

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

von DDOct 26th 2016

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

Dozenten

Avatar

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London
Avatar

Dr Mick Grierson

Reader
Computing Department, Goldsmiths, University of London

Über 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...

Über 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....

Über die Spezialisierung 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

Häufig gestellte Fragen

  • Sobald Sie sich für ein Zertifikat angemeldet haben, haben Sie Zugriff auf alle Videos, Quizspiele und Programmieraufgaben (falls zutreffend). Aufgaben, die von anderen Kursteilnehmern bewertet werden, können erst dann eingereicht und überprüft werden, wenn Ihr Unterricht begonnen hat. Wenn Sie sich den Kurs anschauen möchten, ohne ihn zu kaufen, können Sie womöglich auf bestimmte Aufgaben nicht zugreifen.

  • Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.

Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..