This course is part of the Responsive Website Development and Design Specialization

4.2
stars
277 ratings

Dr Matthew Yee-King +1 more instructor

35,779 already enrolled

Offered By

University of London

Goldsmiths, University of London

Responsive Website Development and Design SpecializationUniversity of London

About this Course

5,247 recent views

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.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 5 of 6 in the

Responsive Website Development and Design Specialization

Approx. 24 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 5 of 6 in the

Responsive Website Development and Design Specialization

Approx. 24 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructors

Dr Matthew Yee-King

Lecturer

Computing Department, Goldsmiths, University of London

352,820 Learners

43 Courses

Dr Mick Grierson

Reader

Computing Department, Goldsmiths, University of London

106,866 Learners

3 Courses

Offered by

University of London

The University of London is a federal University which includes 17 world leading Colleges. With extensive experience in distance learning since 1858, University of London has enriched the lives of thousands of students, delivering high quality degrees across the globe. Today, University of London is a global leader in flexible study, offering degree programmes to over 45,000 students in over 190 countries, delivering world-leading research across the world. To find out more about University of London, 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.

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Syllabus - What you will learn from this course

Content Rating96%(4,082 ratings)

Week1

Week 1

1 hour to complete

Responsive Website Tutorials and Examples outline: Course overview

1 hour to complete

1 video (Total 1 min), 2 readings, 1 quiz

6 hours to complete

Creating a Portfolio Website with a Blog

6 hours to complete

6 videos (Total 44 min), 5 readings, 7 quizzes

6 videos

Introduction51sRecap7mGetting started11mAdding a page12mAdministrating the blog and making it responsive9mCreating A Portfolio Website with Blog summary54s

5 readings

Source code10mSlides for this module10mGetting started: learning outcomes10mAdding a page: learning outcomes10mAdministrating the blog and making it responsive: learning outcomes10m

6 practice exercises

Introduction30mRecap30mGetting started30mAdding a page30mAdministration30mCreating A Portfolio Website with Blog summary quiz30m

Week2

Week 2

6 hours to complete

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.

6 hours to complete

7 videos (Total 50 min), 7 readings, 7 quizzes

7 videos

Module introduction37sIntroduction: Music Machine5mProject structure4mAdding sound12mAdding interaction20mCollaboration6mCollaborative Apps 1 : Music Machine 2015 summary33s

7 readings

Source code10mSlides for this module10mProject structure: learning outcomes10mAdding sound: learning outcomes10mAdding interaction : learning outcomes10mMaking it collaborative: learning outcomes10mURL in lecture video10m

6 practice exercises

Introduction30mProject structure30mAdding sound30mAdding interaction30mMaking it collaborative30mCollaborative Apps 1 : Music Machine 2015 summary quiz30m

Week3

Week 3

6 hours to complete

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.

6 hours to complete

7 videos (Total 48 min), 6 readings, 7 quizzes

7 videos

Module introduction35sDrawing machine5mDrawing machine: worked example6mCreating the application21mCreating and serving data10mReview2mCollaborative Apps 2 : Drawing Machine summary42s

6 readings

Source code10mSlides for this module10mDrawing machine example: learning outcomes10mCreating the application: learning outcomes10mCreating and serving data: learning outcomes10mReview: learning outcomes10m

6 practice exercises

Drawing machine introduction30mDrawing machine- worked example30mCreating the application30mCreating and serving data30mReview30mCollaborative Apps 2 : Drawing Machine summary quiz30m

Week4

Week 4

6 hours to complete

Creating a Data Visualisation Application

6 hours to complete

7 videos (Total 49 min), 6 readings, 7 quizzes

7 videos

Recap of previous modules3mModule introduction43sSetting up the interface12mGetting data9mRendering data on the page19mReview3mCreating a Data Visualisation Application summary47s

6 readings

Source code10mSlides for this module10mSetting up the interface: learning outcomes10mGetting data: learning outcomes10mRendering data on the page: learning outcomes10mReview: learning outcomes10m

6 practice exercises

Introduction30mSetting up the interface30mGetting data30mRendering data on the page30mReview30mCreating a Data Visualisation Application summary quiz30m

Reviews

4.2

65 reviews

5 stars
59.56%
4 stars
19.49%
3 stars
10.83%
2 stars
3.61%
1 star
6.49%

About the Responsive Website Development and Design Specialization

Responsive web design is all about creating the best user experience regardless of whether a user is accessing your site from a desktop computer, a mobile phone, or a tablet.

This Specialisation 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. You will add several projects to your portfolio to demonstrate your skill and growth throughout this Specialisation. You will create web pages using basic elements to control layout and style, use responsive web design principles to take a site from wireframe to website, implement security features, and create collaborative multi-user experiences. Just like any professional full stack web developer, you will build accessibility and usability into your responsive websites.

Responsive Website Development and Design

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

Responsive Website Tutorial and Examples

About this Course