課程信息
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

熱門審閱

創建者 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!

創建者 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 :)

講師

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

常見問題

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

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

還有其他問題嗎?請訪問 學生幫助中心