We may earn an affiliate commission when you visit our partners.
Dr Matthew Yee-King and Dr Mick Grierson

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.

Read more

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.

Enroll now

What's inside

Syllabus

Responsive Website Tutorials and Examples outline: Course overview
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
Read more

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Creates collaborative applications that work across multiple devices like mobile phones
Develops creative, collaborative apps that work in real-time
Emphasizes the importance of data visualization in the creation of interactive applications
Uses advanced user interface libraries like vis.js for animated data visualizations and graphics
Provides fully working example application code that learners can use for commercial projects
Provides guidance on how to develop custom web applications tailored to client requirements

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Analysis of responsive website tutorial reviews

According to learners, this course offers a project-based approach to learning responsive web development and collaborative applications using the Meteor framework. Due to the lack of specific review data, a detailed summary of specific student experiences regarding the course's strengths, weaknesses, instruction quality, or project effectiveness cannot be provided.
Insufficient reviews provided.
"No review data was available for analysis."
"The review distribution and content were not provided."
"Unable to analyze student feedback without review data."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Responsive Website Tutorial and Examples with these activities:
Create a comprehensive study guide
Organize and consolidate course materials for effective review and retention.
Show steps
  • Gather lecture notes, slides, assignments, and other relevant materials
  • Organize the materials into a logical structure
  • Summarize and synthesize the key concepts and ideas
Review JavaScript and HTML/CSS
Strengthen your foundational knowledge in JavaScript and HTML/CSS for better comprehension of Meteor.
Browse courses on JavaScript
Show steps
  • Review online tutorials or resources on JavaScript and HTML/CSS
  • Practice writing simple JavaScript and HTML/CSS code
Join a Meteor study group
Collaborate with peers to reinforce concepts and learn from different perspectives.
Show steps
  • Find or create a Meteor study group
  • Meet regularly to discuss course materials and work on projects
  • Provide feedback and support to fellow group members
Five other activities
Expand to see all activities and additional details
Show all eight activities
Explore Meteor tutorials
Familiarize yourself with the Meteor framework through hands-on practice.
Show steps
  • Find Meteor tutorials on the official website or other resources
  • Complete the tutorials to understand the basic concepts
  • Experiment with different Meteor features
Solve Meteor coding challenges
Sharpen your Meteor programming skills through practical exercises.
Show steps
  • Find Meteor coding challenges online or in dedicated platforms
  • Attempt to solve the challenges using Meteor
  • Review and analyze your solutions
Develop a web application using Meteor
Build a real-world project using the skills learned in the course.
Show steps
  • Design the user interface and functionality
  • Develop the Meteor application
  • Test and debug the application
  • Deploy the application to a hosting provider
Attend a Meteor workshop or conference
Gain insights and hands-on experience from industry experts and fellow practitioners.
Show steps
  • Find a Meteor workshop or conference relevant to your learning goals
  • Attend the workshop or conference and actively participate in sessions
  • Network with other attendees and experts in the field
Contribute to an open-source Meteor project
Apply your Meteor skills to a real-world project while contributing to the community.
Show steps
  • Find an open-source Meteor project that aligns with your interests
  • Review the project's documentation and codebase
  • Identify an area where you can contribute and submit a pull request

Career center

Learners who complete Responsive Website Tutorial and Examples will develop knowledge and skills that may be useful to these careers:
Front-End Developer
Front-End Developers are responsible for the user-facing aspects of websites and applications. This course offers valuable insights into creating responsive designs, integrating media elements, and implementing interactive features. By mastering these concepts, Front-End Developers can enhance the visual appeal, usability, and overall user experience of their web applications.
Creative Technologist
Creative Technologists combine technical skills with creative thinking to develop innovative digital solutions. This course can help them expand their knowledge of web development and enhance their ability to create interactive and visually appealing experiences. By learning to integrate media elements, implement real-time collaboration features, and create data visualizations, they can push the boundaries of digital creativity and deliver impactful solutions.
Web Developer
Web Developers specialize in designing and developing websites. This course can empower them to create dynamic and interactive web applications that cater to the diverse needs of users. By gaining proficiency in the course's concepts, they can develop portfolio websites with blogging functionality, implement real-time collaboration features, and incorporate interactive data visualizations, thus enhancing their ability to deliver exceptional web experiences.
Full-Stack Developer
Full Stack Developers possess expertise in both front-end and back-end development. This course can help them develop a strong foundation in creating responsive web applications. They will learn to design user interfaces, integrate media elements, and implement real-time collaboration features, enabling them to deliver comprehensive web solutions that meet the evolving demands of users.
Chief Technology Officer
Chief Technology Officers (CTOs) are responsible for overseeing the technology strategy and vision of an organization. This course can provide them with a broad understanding of web development principles and best practices. They will learn about responsive design, media integration, and real-time collaboration features, enabling them to make informed decisions about technology investments and drive innovation within their organizations.
Information Architect
Information Architects design and organize the structure and content of websites and applications. This course can enhance their ability to create effective information hierarchies and navigation systems. By understanding the principles of responsive design, they can ensure that users can easily find the information they need, regardless of the device they are using.
Software Architect
Software Architects design and oversee the overall architecture of software systems. This course can provide them with a deeper understanding of web development principles and best practices. By learning about responsive design, media integration, and real-time collaboration features, they can make informed decisions about system design, ensuring scalability, maintainability, and user satisfaction.
Software Engineer
Software Engineers leverage their expertise in coding and design to develop and maintain computer software. Through this course, they can enhance their proficiency in developing web applications by learning to create responsive designs, integrate media elements, and implement real-time collaborative features. This knowledge and skillset will significantly contribute to their ability to build engaging and user-friendly software applications.
Technical Project Manager
Technical Project Managers oversee the development and delivery of technical projects. This course can equip them with the knowledge and skills to manage web development projects effectively. They will learn about responsive design, media integration, and real-time collaboration features, enabling them to make informed decisions, allocate resources efficiently, and ensure project success.
Interaction Designer
Interaction Designers focus on creating meaningful and engaging user interactions. This course can provide them with a deeper understanding of user behavior and the principles of interactive design. By learning to implement real-time collaboration features and integrate media elements, they can create interactive experiences that foster collaboration and drive user engagement.
User Experience Designer
User Experience Designers focus on enhancing the usability and user satisfaction of digital products. This course can equip them with the skills to create responsive designs that adapt seamlessly to different devices and screen sizes. By understanding the principles of interactive web applications, they can design intuitive and engaging user interfaces that drive positive user experiences.
Systems Analyst
Systems Analysts study and analyze business processes and systems to identify areas for improvement. This course can enhance their understanding of web technologies and best practices. They will learn about responsive design, media integration, and real-time collaboration features, enabling them to make informed recommendations for system enhancements that improve efficiency, productivity, and user satisfaction.
Data Analyst
Data Analysts specialize in extracting insights from data. This course can enhance their ability to visualize data effectively. By learning to implement animated data visualizations and graphics, they can create compelling data-driven narratives that inform decision-making and drive business outcomes.
Technical Writer
Technical Writers create user manuals, help documentation, and other technical content. This course can enhance their understanding of web technologies and best practices. By learning about responsive design, media integration, and real-time collaboration features, they can create clear and concise documentation that effectively guides users through technical concepts and procedures.
Product Manager
Product Managers are responsible for overseeing the development and launch of digital products. This course can provide them with a deeper understanding of the technical aspects of web development. By learning about responsive design, media integration, and real-time collaboration features, they can make informed decisions about product features and ensure the delivery of high-quality user experiences.

Reading list

We've selected 11 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Responsive Website Tutorial and Examples.
Provides a comprehensive overview of designing and building data-intensive applications. It covers topics such as data modeling, storage, processing, and analysis, providing a broader perspective on data management beyond the course content.
Offers a comprehensive guide to MongoDB. It covers advanced topics such as data modeling, replication, and aggregation, providing a deeper understanding of the database used in the course.
Focuses on D3.js, a JavaScript library for data visualization. It covers techniques for creating interactive charts, graphs, and visualizations, complementing the data visualization module in the course.
Offers a practical guide to Node.js, the JavaScript runtime environment used in the course. It covers core concepts, modules, networking, and performance optimization, providing a deeper understanding of the underlying technology.
Provides a general overview of data visualization, discussing principles, techniques, and best practices. It useful resource for understanding the broader context of data visualization beyond the course's specific focus.
Introduces JavaScript design patterns, helping developers write maintainable and reusable code. It covers fundamental patterns like factory, singleton, and observer, essential for building complex web applications.
Explores common JavaScript patterns, providing insights into best practices for writing modular, maintainable, and efficient code. It complements the course by offering a deeper dive into JavaScript design principles.
Provides a practical guide to D3.js. It covers techniques for creating interactive visualizations, working with data, and customizing charts. It useful companion to the course's data visualization module.
Covers the Web Audio API, which allows developers to create and manipulate audio content in web applications. It valuable resource for understanding the API used in the course's music remixing module.
Offers a gentle introduction to JavaScript, providing a good foundation for those new to the language. It covers basic syntax, data types, and control flow.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser