Course Summary
Learn how to create responsive websites with this course. Discover how to design and code responsive websites that work well on different devices.Key Learning Points
- Learn the basics of responsive web design
- Create a responsive website from scratch
- Understand how to use media queries to make your website responsive
Related Topics for further study
Learning Outcomes
- Create responsive websites using HTML, CSS, and media queries
- Understand the basics of UI/UX design
- Implement responsive web design on existing websites
Prerequisites or good to have knowledge before taking this course
- Basic knowledge of HTML and CSS
- A text editor like Sublime or Atom
Course Difficulty Level
BeginnerCourse Format
- Self-paced
- Video lectures
- Hands-on projects
Similar Courses
- Web Design for Everybody
- HTML, CSS, and Javascript for Web Developers
Related Education Paths
Notable People in This Field
- Brad Frost
- Ethan Marcotte
Related Books
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.
Outline
- Responsive Website Tutorials and Examples outline: Course overview
- Course overview
- Course outline
- Grading and assessment information
- Prerequisite quiz
- Creating a Portfolio Website with a Blog
- Introduction
- Recap
- Getting started
- Adding a page
- Administrating the blog and making it responsive
- Creating A Portfolio Website with Blog summary
- Source code
- Slides for this module
- Getting started: learning outcomes
- Adding a page: learning outcomes
- Administrating the blog and making it responsive: learning outcomes
- Introduction
- Recap
- Getting started
- Adding a page
- Administration
- Creating A Portfolio Website with Blog summary quiz
- Collaborative Apps 1 : Music Machine
- Module introduction
- Introduction: Music Machine
- Project structure
- Adding sound
- Adding interaction
- Collaboration
- Collaborative Apps 1 : Music Machine 2015 summary
- Source code
- Slides for this module
- Project structure: learning outcomes
- Adding sound: learning outcomes
- Adding interaction : learning outcomes
- Making it collaborative: learning outcomes
- URL in lecture video
- Introduction
- Project structure
- Adding sound
- Adding interaction
- Making it collaborative
- Collaborative Apps 1 : Music Machine 2015 summary quiz
- Collaborative Apps 2 : Drawing Machine
- Module introduction
- Drawing machine
- Drawing machine: worked example
- Creating the application
- Creating and serving data
- Review
- Collaborative Apps 2 : Drawing Machine summary
- Source code
- Slides for this module
- Drawing machine example: learning outcomes
- Creating the application: learning outcomes
- Creating and serving data: learning outcomes
- Review: learning outcomes
- Drawing machine introduction
- Drawing machine- worked example
- Creating the application
- Creating and serving data
- Review
- Collaborative Apps 2 : Drawing Machine summary quiz
- Creating a Data Visualisation Application
- Recap of previous modules
- Module introduction
- Setting up the interface
- Getting data
- Rendering data on the page
- Review
- Creating a Data Visualisation Application summary
- Source code
- Slides for this module
- Setting up the interface: learning outcomes
- Getting data: learning outcomes
- Rendering data on the page: learning outcomes
- Review: learning outcomes
- Introduction
- Setting up the interface
- Getting data
- Rendering data on the page
- Review
- Creating a Data Visualisation Application summary quiz
Summary of User Reviews
This course teaches how to create responsive websites. It has received positive reviews from users. One key aspect that many users liked was the practical approach of the course.Pros from User Reviews
- Practical approach to creating responsive websites
- Clear explanations of concepts
- Engaging and interactive assignments
- Great instructor support
- Useful tips and tricks for web design
Cons from User Reviews
- Some users found the pace of the course too slow
- Limited information on advanced web design techniques
- Course material could be more organized
- Not enough focus on mobile-first design
- Some users had technical difficulties with the platform
Dr Matthew Yee-King
4.2 Raiting
Learn To Build Beautiful HTML5 And CSS3 Websites In 1 Month
- 4.1
-
![]()
![]()
![]()
![]()
![]()
The fastest way to learn HTML5/CSS3 & how to build websites that wow. Great for designers, entrepreneurs, & beginners! " - Cortell...
The Ultimate CSS - Best Practise on Animations & Effects
- 3.8
-
![]()
![]()
![]()
![]()
![]()
Brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS. How does it work?...
How To Make A Wordpress Website 2020 | Divi Theme Tutorial
- 4.5
-
![]()
![]()
![]()
![]()
![]()
Learn how to make a wordpress website with the #1 most popular wordpress theme in the world, the divi theme Why Take This AMAZING Course?...
Responsive Website Tutorial and Examples
- 4.2
-
![]()
![]()
![]()
![]()
![]()
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....
