Responsive Website Tutorial and Examples


Deal Score+3



This course on responsive website will also provide fully working example application code that you can use for your own commercial web projects.

Join Other Email Learners

Follow the guide on landing page

About this Course

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.

The course on responsive website 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

Syllabus

WEEK 1

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

WEEK 2

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

WEEK 3

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

WEEK 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

Free Course on Responsive Website Tutorial and Examples


DISCLAIMER: Courses on Future Syllabus are free but subject to return to their original prices on host platforms upon coupon expiration. Enrol while they are free. To report any error, use the "Further Actions" tab.




Further Actions

Add to wishlist1


Rate below:
3
Show full profile

Editor

Mass Communication Student, Federal University, Oye Ekiti and Content Creation Specialist. Join me on Twitter.

Stay active

Leave a Reply

Future Syllabus
Logo
Register New Account
Login/Register via your social accounts (fully secured)

or proceed manually
Reset Password