Об этом курсе
4.2
Оценки: 232
Рецензии: 53
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

Только онлайн-курсы

Начните сейчас и учитесь по собственному графику.
Calendar

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.
Clock

Approx. 12 hours to complete

Предполагаемая нагрузка: 4 weeks of study, 1-2 hours/week...
Comment Dots

English

Субтитры: English...
Globe

Только онлайн-курсы

Начните сейчас и учитесь по собственному графику.
Calendar

Гибкие сроки

Назначьте сроки сдачи в соответствии со своим графиком.
Clock

Approx. 12 hours to complete

Предполагаемая нагрузка: 4 weeks of study, 1-2 hours/week...
Comment Dots

English

Субтитры: English...

Программа курса: что вы изучите

Week
1
Clock
25 минуты на завершение

Responsive Website Tutorials and Examples outline: Course overview

...
Reading
1 видео (всего 1 мин.), 2 материалов для самостоятельного изучения, 1 тест
Video1 видео
Reading2 материала для самостоятельного изучения
Course outline10мин
Grading and assessment information10мин
Quiz1 практическое упражнение
Prerequisite quiz4мин
Clock
4 ч. на завершение

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 видео (всего 44 мин.), 5 материалов для самостоятельного изучения, 7 тестов
Video6 видео
Recap7мин
Getting started11мин
Adding a page12мин
Administrating the blog and making it responsive9мин
Creating A Portfolio Website with Blog summaryмин
Reading5 материала для самостоятельного изучения
Source code10мин
Slides for this module10мин
Getting started: learning outcomes10мин
Adding a page: learning outcomes10мин
Administrating the blog and making it responsive: learning outcomes10мин
Quiz6 практического упражнения
Introduction2мин
Recap4мин
Getting started4мин
Adding a page4мин
Administration4мин
Creating A Portfolio Website with Blog summary quiz20мин
Week
2
Clock
5 ч. на завершение

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 видео (всего 50 мин.), 7 материалов для самостоятельного изучения, 7 тестов
Video7 видео
Introduction: Music Machine5мин
Project structure4мин
Adding sound12мин
Adding interaction20мин
Collaboration6мин
Collaborative Apps 1 : Music Machine 2015 summaryмин
Reading7 материала для самостоятельного изучения
Source code10мин
Slides for this module10мин
Project structure: learning outcomes10мин
Adding sound: learning outcomes10мин
Adding interaction : learning outcomes10мин
Making it collaborative: learning outcomes10мин
URL in lecture video10мин
Quiz6 практического упражнения
Introduction2мин
Project structure4мин
Adding sound4мин
Adding interaction6мин
Making it collaborative4мин
Collaborative Apps 1 : Music Machine 2015 summary quiz20мин
Week
3
Clock
4 ч. на завершение

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 видео (всего 48 мин.), 6 материалов для самостоятельного изучения, 7 тестов
Video7 видео
Drawing machine5мин
Drawing machine: worked example6мин
Creating the application21мин
Creating and serving data10мин
Review2мин
Collaborative Apps 2 : Drawing Machine summaryмин
Reading6 материала для самостоятельного изучения
Source code10мин
Slides for this module10мин
Drawing machine example: learning outcomes10мин
Creating the application: learning outcomes10мин
Creating and serving data: learning outcomes10мин
Review: learning outcomes10мин
Quiz6 практического упражнения
Drawing machine introduction4мин
Drawing machine- worked example2мин
Creating the application6мин
Creating and serving data6мин
Review2мин
Collaborative Apps 2 : Drawing Machine summary quiz20мин
Week
4
Clock
4 ч. на завершение

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 видео (всего 49 мин.), 6 материалов для самостоятельного изучения, 7 тестов
Video7 видео
Module introductionмин
Setting up the interface12мин
Getting data9мин
Rendering data on the page19мин
Review3мин
Creating a Data Visualisation Application summaryмин
Reading6 материала для самостоятельного изучения
Source code10мин
Slides for this module10мин
Setting up the interface: learning outcomes10мин
Getting data: learning outcomes10мин
Rendering data on the page: learning outcomes10мин
Review: learning outcomes10мин
Quiz6 практического упражнения
Introduction2мин
Setting up the interface4мин
Getting data6мин
Rendering data on the page6мин
Review2мин
Creating a Data Visualisation Application summary quiz20мин
4.2

Лучшие рецензии

автор: 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!

автор: DDOct 26th 2016

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

Преподавателя

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London

Dr Mick Grierson

Reader
Computing Department, Goldsmiths, University of London

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

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

О специализации ''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

Часто задаваемые вопросы

  • Зарегистрировавшись на сертификацию, вы получите доступ ко всем видео, тестам и заданиям по программированию (если они предусмотрены). Задания по взаимной оценке сокурсниками можно сдавать и проверять только после начала сессии. Если вы проходите курс без оплаты, некоторые задания могут быть недоступны.

  • Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.

Остались вопросы? Посетите Центр поддержки учащихся.