Udacity

Responsive Web Design Fundamentals (Udacity)

Offered by Udacity, Google,

Great Experiences on Any Device. In this course you'll learn the fundamentals of responsive web design with Google's Pete LePage! You'll create your own responsive web page that works well on any device - phone, tablet, desktop or anything in between.

Class Deals by MOOC List - Click here and see Udacity's Active Discounts, Deals, and Promo Codes.

You’ll start by exploring what makes a site responsive and how some common responsive design patterns work across different devices. From there, you’ll learn how to create your own responsive layout using the viewport tag and CSS media queries. As you proceed, you’ll experiment with major and minor breakpoints, and optimizing text for reading.

The way people browse the web is changing quickly - fewer and fewer users access the web at a desk in front of a large monitor with a keyboard and mouse. The web is increasingly being enjoyed on phones, tablets, wearables, TVs and everything in between. By designing a site to be responsive, it will look good and work well no matter what device your users have in front of them.
Throughout this course, you'll work through a project creating a home town website that works well on phones, tablets and desktop displays.

What You Will Learn

Lesson 1
Why Responsive

Introduction to responsive design with Pete LePage.
Why does responsive design work for any device?
Remote debugging and emulation in the browser.

Lesson 2
Starting Small

What is the viewport?
Learn about sizing the content to the viewport.
Touch targets and why they should be large.

Lesson 3
Building Up

How to take advantage of CSS media queries.
What is a breakpoint and how to choose one.
How to use the CSS flexbox to modify layout.

Lesson 4
Common Responsive Patterns

How to apply the mostly fluid pattern.
How to apply the column drop pattern.
How to apply layout shifter pattern.

Lesson 5
Optimizations

Using minor break points.
How to optimize text layout.
How to use responsive tables and strategies for dealing with them.

Prerequisites and Requirements
You should be comfortable reading and writing HTML and CSS. You should also be able to inspect and modify websites using browser developer tools (we use Google Chrome, but you should be able to accomplish all the tasks in this course with any browser's developer tools).If you are unfamiliar with HTML and CSS, or if feel like you need to brush up on them, start with our Intro to HTML and CSS.You will not need to write JavaScript for this course.

Go to Class

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Coursera

University of Melbourne,The Chinese University of Hong Kong

Advanced Modeling for Discrete Optimization (Coursera)

CS: Software Engineering

Optimization is a common form of decision making, and is ubiquitous in our society. Its applications range from solving Sudoku puzzles to arranging seating in a wedding banquet. The same technology can schedule planes and their crews, coordinate the production of steel, and organize the transportation of iron ore from the mines to the ports. Good decisions in manpower and material resources management also allow corporations to improve profit by millions of dollars.

Aug 17th 2026

5-12 Weeks

Debugging Discrete Optimization Modeling

Udacity

Udacity,Google

Responsive Images (Udacity)

CS: Software Engineering Computer Science

Fewer Bytes, Faster Loads. Did you know that images account for more than 60% of the bytes on average needed to load a web page? In this course you will learn how to work with images on the modern web, so that your images look great and load quickly on any device. Along the way, you will pick up a range of skills and techniques to smoothly integrate responsive images into your development workflow. By the end of the course, you will be developing with images that adapt and respond to different viewport sizes and usage scenarios.

Self Paced

Self-Paced

Image Debugging Responsiveness

Udacity

Java Programming Basics (Udacity)

CS: Software Engineering CS: Programming

Take your first steps towards becoming a Java developer! Learn Java syntax and create conditional statements, loops, and functions. Taking this course will provide you with a basic foundation in Java syntax, which is the first step towards becoming a successful Java developer. You’ll learn how computers make decisions and how Java keeps track of information through variables and data types.

Self Paced

Self-Paced

Programming Java Debugging

Coursera

University of California, Santa Cruz

GO Programming for Everyone: Part 1 (Coursera)

CS: Software Engineering

This course introduces you to the GO programming language. It is appropriate for a beginner, but especially for anyone who already knows C.

Aug 17th 2026

5-12 Weeks

Programming Debugging Arrays

Coursera

University of California, Irvine

The Arduino Platform and C Programming (Coursera)

CS: Software Engineering

The Arduino is an open-source computer hardware/software platform for building digital devices and interactive objects that can sense and control the physical world around them. In this class you will learn how the Arduino platform works in terms of the physical board and libraries and the IDE (integrated development environment). You will also learn about shields, which are smaller boards that plug into the main Arduino board to perform other functions such as sensing light, heat, GPS tracking, or providing a user interface display. The course will also cover programming the Arduino using C code and accessing the pins on the board via the software to control external devices.

Aug 3rd 2026

4 Weeks

Programming Debugging Arduino

Coursera

University of Pennsylvania

Inheritance and Data Structures in Java (Coursera)

CS: Software Engineering Computer Science

This course provides a comprehensive look at Java inheritance, including access modifiers and overriding methods. Students are introduced to abstract classes, and will learn how to read and write to files, use regular expressions for parsing text, and how to leverage complex data structures like collections and maps. Additionally, this course offers strategies for catching errors and debugging code, including an overview of Eclipse’s debugging tool.

Aug 3rd 2026

4 Weeks

Java Debugging Data Structures

Coursera

The State University of New York

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

CS: Software Engineering CS: Information & Technology

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Aug 3rd 2026

3 Weeks

Programming HTML Javascript

Udacity

Georgia Institute of Technology,Udacity

Software Analysis & Testing (Udacity)

CS: Software Engineering Computer Science

This course covers the theory and practice of software analysis, which lies at the heart of many software development processes such as diagnosing bugs, testing, debugging, and more. It presents diverse techniques, each with their own strengths and limitations, for automating tasks such as testing, debugging, and finding bugs in complex real-world programs. These techniques include dataflow analysis, constraint-based analysis, type systems, model checking, symbolic execution, and more. The course teaches the principles underlying these techniques as well as imparts hands-on experience with using and implementing tools based on these techniques.

Self Paced

Self-Paced

Testing Debugging Software Testing

Coursera

Codio

Angular for Front End Engineers (Coursera)

CS: Information & Technology Computer Science

Explore HTML, CSS, JavaScript, and Angular without installing anything! This course is designed for intermediate learners who already have a solid foundation of basic skills in HTML, CSS, and JavaScript. However, a broad overview of these topics will also be provided for beginning learners. The modules in this course cover web development basics, introduction to Angular, and developing an Angular application. At the end of the course, learners will fully develop a todo application using HTML, CSS, and Angular.

Aug 3rd 2026

3 Weeks

HTML Javascript CSS

Coursera

Google Cloud

App Deployment, Debugging, and Performance en Français (Coursera)

CS: Software Engineering Computer Science

Dans ce cours, les développeurs d'applications apprennent à concevoir et développer des applications cloud natives qui intègrent parfaitement les services gérés de Google Cloud. À travers un ensemble de présentations, de démonstrations et d'ateliers pratiques, ils découvrent comment appliquer les bonnes pratiques de développement d'applications et comment utiliser les services de stockage Google Cloud appropriés pour le stockage d'objets, les données relationnelles, la mise en cache et l'analyse. Les participants peuvent choisir d'effectuer les ateliers dans leur langage préféré (Node.js, Java ou Python).

Aug 3rd 2026

1 Week

Debugging Performance Data Storage

Coursera

NIIT StackRoute

Developing Responsive Web Pages Using HTML5 and CSS3 (Coursera)

CS: Software Engineering CS: Programming

The number of mobile users has increased exponentially over the past few years. Shopping, social connect, entertainment and other activities are just a few clicks away for these mobile users. A responsive web design adjusts the layout and appearance of the web pages to suit the resolution and width of the screens. This makes a web page look attractive on devices with diverse screen sizes. Designing a well-organized, responsive, and user-friendly web page has therefore become the need of the hour.

Aug 3rd 2026

3 Weeks

HTML5 Bootstrap Web Development

Coursera

Scrimba

Learn HTML and CSS (Coursera)

CS: Programming Computer Science

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Aug 17th 2026

5-12 Weeks

Programming HTML CSS