课程信息
4.2
232 个评分
53 个审阅
专项课程

第 5 门课程(共 6 门),位于

100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为12 小时

建议:4 weeks of study, 1-2 hours/week...
可选语言

英语(English)

字幕:英语(English)...
专项课程

第 5 门课程(共 6 门),位于

100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为12 小时

建议:4 weeks of study, 1-2 hours/week...
可选语言

英语(English)

字幕:英语(English)...

教学大纲 - 您将从这门课程中学到什么

1
完成时间(小时)
完成时间为 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分钟
完成时间(小时)
完成时间为 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分钟
2
完成时间(小时)
完成时间为 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分钟
3
完成时间(小时)
完成时间为 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分钟
4
完成时间(小时)
完成时间为 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
53 个审阅Chevron Right

热门审阅

创建者 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

讲师

Avatar

Dr Matthew Yee-King

Lecturer
Computing Department, Goldsmiths, University of London
Avatar

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

常见问题

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

还有其他问题吗?请访问 学生帮助中心