このコースについて
5,797 最近の表示

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

約15時間で修了

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

英語

字幕:英語

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

約15時間で修了

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

英語

字幕:英語

シラバス - 本コースの学習内容

1
25分で修了

Responsive Website Tutorials and Examples outline: Course overview

...
1件のビデオ (合計1分), 2 readings, 1 quiz
1件のビデオ
2件の学習用教材
Course outline10 分
Grading and assessment information10 分
1の練習問題
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...
6件のビデオ (合計44分), 5 readings, 7 quizzes
6件のビデオ
Recap7 分
Getting started11 分
Adding a page12 分
Administrating the blog and making it responsive9 分
Creating A Portfolio Website with Blog summary54
5件の学習用教材
Source code10 分
Slides for this module10 分
Getting started: learning outcomes10 分
Adding a page: learning outcomes10 分
Administrating the blog and making it responsive: learning outcomes10 分
6の練習問題
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....
7件のビデオ (合計50分), 7 readings, 7 quizzes
7件のビデオ
Introduction: Music Machine5 分
Project structure4 分
Adding sound12 分
Adding interaction20 分
Collaboration6 分
Collaborative Apps 1 : Music Machine 2015 summary33
7件の学習用教材
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 分
6の練習問題
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. ...
7件のビデオ (合計48分), 6 readings, 7 quizzes
7件のビデオ
Drawing machine5 分
Drawing machine: worked example6 分
Creating the application21 分
Creating and serving data10 分
Review2 分
Collaborative Apps 2 : Drawing Machine summary42
6件の学習用教材
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 分
6の練習問題
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....
7件のビデオ (合計49分), 6 readings, 7 quizzes
7件のビデオ
Module introduction43
Setting up the interface12 分
Getting data9 分
Rendering data on the page19 分
Review3 分
Creating a Data Visualisation Application summary47
6件の学習用教材
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 分
6の練習問題
Introduction2 分
Setting up the interface4 分
Getting data6 分
Rendering data on the page6 分
Review2 分
Creating a Data Visualisation Application summary quiz20 分
4.2
54件のレビューChevron Right

人気のレビュー

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

by 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

よくある質問

  • 修了証に登録すると、すべてのビデオ、テスト、およびプログラミング課題(該当する場合)にアクセスできます。ピアレビュー課題は、セッションが開始してからのみ、提出およびレビューできます。購入せずにコースを検討することを選択する場合、特定の課題にアクセスすることはできません。

  • コースに登録する際、専門講座のすべてのコースにアクセスできます。コースの完了時には修了証を取得できます。電子修了証が成果のページに追加され、そこから修了証を印刷したり、LinkedInのプロフィールに追加したりできます。コースの内容の閲覧のみを希望する場合は、無料でコースを聴講できます。

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。