About this Course
최근 조회 7,592

다음 전문 분야의 6개 강좌 중 5번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

완료하는 데 약 15시간 필요

권장: 4 weeks of study, 1-2 hours/week...

영어

자막: 영어

다음 전문 분야의 6개 강좌 중 5번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.

완료하는 데 약 15시간 필요

권장: 4 weeks of study, 1-2 hours/week...

영어

자막: 영어

강의 계획 - 이 강좌에서 배울 내용

1
완료하는 데 25분 필요

Responsive Website Tutorials and Examples outline: Course overview

...
1 video (Total 1 min), 2 readings, 1 quiz
1개의 동영상
2개의 읽기 자료
Course outline10m
Grading and assessment information10m
1개 연습문제
Prerequisite quiz4m
완료하는 데 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 videos (Total 44 min), 5 readings, 7 quizzes
6개의 동영상
Recap7m
Getting started11m
Adding a page12m
Administrating the blog and making it responsive9m
Creating A Portfolio Website with Blog summary54
5개의 읽기 자료
Source code10m
Slides for this module10m
Getting started: learning outcomes10m
Adding a page: learning outcomes10m
Administrating the blog and making it responsive: learning outcomes10m
6개 연습문제
Introduction2m
Recap4m
Getting started4m
Adding a page4m
Administration4m
Creating A Portfolio Website with Blog summary quiz20m
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 videos (Total 50 min), 7 readings, 7 quizzes
7개의 동영상
Introduction: Music Machine5m
Project structure4m
Adding sound12m
Adding interaction20m
Collaboration6m
Collaborative Apps 1 : Music Machine 2015 summary33
7개의 읽기 자료
Source code10m
Slides for this module10m
Project structure: learning outcomes10m
Adding sound: learning outcomes10m
Adding interaction : learning outcomes10m
Making it collaborative: learning outcomes10m
URL in lecture video10m
6개 연습문제
Introduction2m
Project structure4m
Adding sound4m
Adding interaction6m
Making it collaborative4m
Collaborative Apps 1 : Music Machine 2015 summary quiz20m
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 videos (Total 48 min), 6 readings, 7 quizzes
7개의 동영상
Drawing machine5m
Drawing machine: worked example6m
Creating the application21m
Creating and serving data10m
Review2m
Collaborative Apps 2 : Drawing Machine summary42
6개의 읽기 자료
Source code10m
Slides for this module10m
Drawing machine example: learning outcomes10m
Creating the application: learning outcomes10m
Creating and serving data: learning outcomes10m
Review: learning outcomes10m
6개 연습문제
Drawing machine introduction4m
Drawing machine- worked example2m
Creating the application6m
Creating and serving data6m
Review2m
Collaborative Apps 2 : Drawing Machine summary quiz20m
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 videos (Total 49 min), 6 readings, 7 quizzes
7개의 동영상
Module introduction43
Setting up the interface12m
Getting data9m
Rendering data on the page19m
Review3m
Creating a Data Visualisation Application summary47
6개의 읽기 자료
Source code10m
Slides for this module10m
Setting up the interface: learning outcomes10m
Getting data: learning outcomes10m
Rendering data on the page: learning outcomes10m
Review: learning outcomes10m
6개 연습문제
Introduction2m
Setting up the interface4m
Getting data6m
Rendering data on the page6m
Review2m
Creating a Data Visualisation Application summary quiz20m
4.2
54개의 리뷰Chevron Right

Responsive Website Tutorial and Examples의 최상위 리뷰

대학: 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

런던 대학교 정보

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

골드스미스 대학교 정보

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 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.