Responsive Website Tutorial and Examples

Description

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



Have you tried this resource?

Help someone out by sharing your thoughts!

Write a review

Have questions about K-12 education?

Ask our community of thousands of teachers, homeschoolers, and parents! Or see recently-asked questions.

Ask a Question

More Ways to Learn Web Design

Free

Coding for Designers


High School - College | Online class

LEARN HOW TO BE A WEB DESIGNER THAT DEVELOPERS LOVE Students will learn how to translate graphic design to the web; about common pitfalls many print designers face when moving to the web; the...

Free

Modern Web Design


College | Online class

Modern Web Design will prepare you to be a front-end developer by walking you through the basics of HTML, CSS and JavaScript.COURSE PREVIEW MODERN WEB DESIGN This course is an introduction to...

Free
Paid add-ons

Responsive Web Design


7th - College | Online class

In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn...

Free

Advanced Styling with Responsive Design


College | Online class

About this Course It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of...

Free

Responsive Web Design


College | Online class

PROMOTE YOURSELF RESPONSIVELY: BUILD A PORTFOLIO FOR ALL DEVICES At the end of this course you’ll have a responsive portfolio website you’ve built from scratch. You will learn the essential...

$79
Paid add-ons

Learn to Design and Create Websites


7th - College | Online class

This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to...

$15

Web Design


6th - High School | Online class

The CompuScholar Web Design course teaches students how to create their own web pages using HTML and CSS. Topics Covered This course covers fundamental web design skills such as: Basic web site...

Free

Responsive Web Design Tutorial


9th - College | Online video/YouTube

10 videos covering: Dealing with pixels Flexible grid layouts Media queries Desktop vs mobile Templates

$20 monthly
Paid add-ons

Become a Web Designer


College | Online class

Today’s web designer balances clear, concise design skills alongside a strong foundational background in the technology of the web. Our tutorials cover the skills you need to design rich, engaging...

Free

How To Create a Website in a Weekend! (Project-Centered Course)


College | Online class

About this Course What you’ll achieve: In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social...

$99

Photoshop CC For The Web


7th - College | Online class

With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you'll be feeling like a...

Free
Paid add-ons

Web Design for Everybody Capstone


7th - College | Online class

The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to...

$39
Paid add-ons

Learn how to design great user experiences


7th - College | Online class

You will learn how to design technologies that bring people joy, rather than frustration. You’ll learn how to generate design ideas, techniques for quickly prototyping them, and how to use...

Free

Design Principles: an Introduction


High School - College | Online class

What makes an interface intuitive? How can I tell whether one design works better than another? This course will teach you fundamental principles of design and how to effectively evaluate your work...


See all resources for Web Design

Links to supporting retailers are recognized and built automatically, so we can provide you with truly unbiased listings.
We receive a small share of sales from those links to help us keep this service free for all learners. Thanks for your support!

Frequently Asked Questions

What is Responsive Website Tutorial and Examples by University of London, Goldsmiths, University of London?

Responsive Website Tutorial and Examples is a learning resource for Web Design. It is available in the following format(s): Online class. It is suited for 7th - College students.

What grade level is Responsive Website Tutorial and Examples by University of London, Goldsmiths, University of London appropriate for?

It is designed for 7th - College students, but could be useful for students of other ages as well; please look at the description and images to determine suitability.

How much does Responsive Website Tutorial and Examples by University of London, Goldsmiths, University of London cost?

It is free!