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
Scrapy: Powerful Web Scraping & Crawling with Python
- 4.4
-
![]()
![]()
![]()
![]()
![]()
Python Scrapy Tutorial - Learn how to scrape websites and build a powerful web crawler using Scrapy, Splash and Python Why this course?...
jQuery for Beginners - Create Website Animations Easily
- 4.6
-
![]()
![]()
![]()
![]()
![]()
jQuery for Beginners : Learn this Javascript Framework to add animations easily and fast to any website. ADD NICE FEATURES TO WEBSITES OR APPS EASILY....
Ultimate PHP, Laravel, CSS & Sass! Learn PHP, Laravel & Sass
- 4.3
-
![]()
![]()
![]()
![]()
![]()
Learn PHP,Laravel,PDO,Security and create layouts using CSS GRID, Bootstrap, Flexbox,topped up with JavaScript and Ajax This course now is updated with Laravel!...
ESP32 Bootcamp: A Step By Step Practical Approach
- 0.0
-
![]()
![]()
![]()
![]()
![]()
From Zero To Professional in ESP32, Enter the Internet of Things world with this Bootcamp From Zero To Professional in ESP32, Enter the Internet of Things world with this Bootcamp...
