К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Responsive Website Tutorial and Examples · LearnSpace
Назад в каталог
courseraПрограммирование

Responsive Website Tutorial and Examples

Курс от University of London, Goldsmiths, University of London
Уровень не указан≈ 27.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

Web ApplicationsInteractive Data VisualizationDatabasesWeb DevelopmentMongoDBCollaborative SoftwareResponsive Web DesignFront-End Web DevelopmentWeb Development ToolsReal Time DataVisualization (Computer Graphics)JavaScript FrameworksRequirements AnalysisData StoreApplication DevelopmentUser Interface (UI) DesignFull-Stack Web DevelopmentData IntegrationWeb Design and DevelopmentWeb Frameworks

Программа курса

5 модулей · 83 учебных материалов

01Responsive Website Tutorials and Examples outline: Course overview4 материалов

Course overview

Course outlineЧтениеCourse overviewВидеоGrading and assessment informationЧтениеPrerequisite quizЗадание

Учитесь у экспертов

Professor Matthew Yee-King

Lecturer

Dr Mick Grierson

Reader

Responsive Website Tutorial and Examples
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 27.2 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
02Creating a Portfolio Website with a Blog18 материалов

Introduction

IntroductionВидеоIntroductionЗаданиеSource codeЧтениеSlides for this moduleЧтение

Recap

RecapВидеоRecapЗадание

Getting started

Getting started: learning outcomesЧтениеGetting startedВидеоGetting startedЗадание

Adding a page

Adding a page: learning outcomesЧтениеAdding a pageВидеоAdding a pageЗадание

Administrating the blog and making it responsive

Administrating the blog and making it responsive: learning outcomesЧтениеAdministrating the blog and making it responsiveВидеоAdministrationЗадание

Creating A Portfolio Website with Blog Summary

Creating A Portfolio Website with Blog summaryВидеоCreating A Portfolio Website with Blog summary quizЗаданиеCustomise the portfolio siteВзаимная проверка
03Collaborative Apps 1 : Music Machine21 материалов

Introduction

Module introductionВидеоIntroduction: Music MachineВидеоIntroductionЗаданиеSource codeЧтениеSlides for this moduleЧтение

Project structure

Project structure: learning outcomesЧтениеProject structureВидеоProject structureЗадание

Adding sound

Adding sound: learning outcomesЧтениеAdding soundВидеоAdding soundЗадание

Adding interaction

Adding interaction : learning outcomesЧтениеAdding interactionВидеоAdding interactionЗадание

Making it collaborative

Making it collaborative: learning outcomesЧтениеURL in lecture videoЧтениеCollaborationВидеоMaking it collaborativeЗадание

Summary

Collaborative Apps 1 : Music Machine 2015 summaryВидеоCollaborative Apps 1 : Music Machine 2015 summary quizЗаданиеCustomise the music machineВзаимная проверка
04Collaborative Apps 2 : Drawing Machine20 материалов

Drawing machine introduction

Module introductionВидеоDrawing machineВидеоDrawing machine introductionЗаданиеSource codeЧтениеSlides for this moduleЧтение

Drawing machine example

Drawing machine example: learning outcomesЧтениеDrawing machine: worked exampleВидеоDrawing machine- worked exampleЗадание

Creating the application

Creating the application: learning outcomesЧтениеCreating the applicationВидеоCreating the applicationЗадание

Creating and serving data

Creating and serving data: learning outcomesЧтениеCreating and serving dataВидеоCreating and serving dataЗадание

Review

Review: learning outcomesЧтениеReviewВидеоReviewЗадание

Collaborative Apps 2 : Drawing Machine summary

Collaborative Apps 2 : Drawing Machine summaryВидеоCollaborative Apps 2 : Drawing Machine summary quizЗаданиеCustomise the drawing machineВзаимная проверка
05Creating a Data Visualisation Application20 материалов

Introduction/ re-cap

Recap of previous modulesВидеоModule introductionВидеоIntroductionЗаданиеSource codeЧтениеSlides for this moduleЧтение

Setting up the interface

Setting up the interface: learning outcomesЧтениеSetting up the interfaceВидеоSetting up the interfaceЗадание

Getting data

Getting data: learning outcomesЧтениеGetting dataВидеоGetting dataЗадание

Rendering data on the page

Rendering data on the page: learning outcomesЧтениеRendering data on the pageВидеоRendering data on the pageЗадание

Review

Review: learning outcomesЧтениеReviewВидеоReviewЗадание

Creating a Data Visualisation Application Summary

Creating a Data Visualisation Application summaryВидеоCreating a Data Visualisation Application summary quizЗаданиеCustomise the data visualisationВзаимная проверка