Udacity

Responsive Images (Udacity)

Offered by Udacity, Google,
Responsive Images (Udacity)

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.

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

Quick load times and responsive content leads to higher conversions. There's much more to images on the web than . Attributes like srcset, markup techniques using CSS, fonts, and inline images, and the brand new element are now available to help you create the best possible experience for your users. This course will help you ensure that you deliver the highest quality images with the fewest possible bytes.

What You Will Learn

Lesson 1
Getting up and Running

  • Start debugging on your mobile devices to work with responsive images with Sam Dutton.
  • Get started with Developer Tools and mobile debugging.

Lesson 2
Units, Formats, Environments

  • Compare different kinds of images on the web and the units you can use to scale them.
  • Set up your development environment so that responsive images are a part of your workflow.
  • Apply responsive image principles in a real-world scenario!

Lesson 3
Images with Markup

  • Dive into using markup techniques like CSS and icon fonts to create responsive graphics.
  • Learn how to use markup techniques that are natively responsive and often extremely lightweight.
  • Replace extraneous images with markup techniques add social media icons to the responsive blog project!

Lesson 4
Full Responsiveness

  • Make your images fully responsive using the new element!
  • Learn to use the srcset and sizes attributes.
  • Make the blog project fully responsive by implementing to display beautiful images across a range of device widths and pixel ratios.
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

The Data Scientist's Toolbox (Coursera) Coursera
Johns Hopkins University

The Data Scientist's Toolbox (Coursera)

Statistics & Data Analysis Data Science

In this course you will get an introduction to the main tools and ideas in the data scientist's toolbox. The course gives an overview of the data, questions, and tools that data analysts and data scientists work with. There are two components to this course. The first is a conceptual introduction to the ideas behind turning data into actionable knowledge. The second is a practical introduction to the tools that will be used in the program like version control, markdown, git, GitHub, R, and RStudio.

Jun 22nd 2026
4 Weeks
Data Github Data Analysis
Details
Big Data Analytics in Healthcare (Udacity) Udacity
Georgia Institute of Technology,Udacity

Big Data Analytics in Healthcare (Udacity)

Health & Society Statistics & Data Analysis

Data science plays an important role in many industries. In facing massive amount of heterogeneous data, scalable machine learning and data mining algorithms and systems become extremely important for data scientists. The growth of volume, complexity and speed in data drives the need for scalable data analytic algorithms and systems. In this course, we study such algorithms and systems in the context of healthcare applications.

Self Paced
Self-Paced
Healthcare Big Data Hadoop
Details
Data Science Interview Prep (Udacity) Udacity
Udacity

Data Science Interview Prep (Udacity)

Personal and Professional Development Data Science

Confidently take on the tech interview. Data science job interviews can be daunting. Technical interviewers often ask you to design an experiment or model. You may need to solve problems using Python and SQL. You will likely need to show how you connect data skills to business decisions and strategy. In this course, you'll review the common questions asked in data science, data analyst, and machine learning interviews.

Self Paced
Self-Paced
Data Structures Machine Learning Interview
Details
Bayesian Statistics: From Concept to Data Analysis (Coursera) Coursera
University of California, Santa Cruz

Bayesian Statistics: From Concept to Data Analysis (Coursera)

Statistics & Data Analysis Data Science

This course introduces the Bayesian approach to statistics, starting with the concept of probability and moving to the analysis of data. We will learn about the philosophy of the Bayesian approach as well as how to implement it for common types of data. We will compare the Bayesian approach to the more commonly-taught Frequentist approach, and see some of the benefits of the Bayesian approach.

Jun 22nd 2026
4 Weeks
Statistics Probability Data Analysis
Details
Introduction to Imagemaking (Coursera) Coursera
California Institute of the Arts

Introduction to Imagemaking (Coursera)

Film & Audio

This course for serious makers, and for students new to imagemaking. Imagemaking is a fluid and exciting area of graphic design that comes out of practice and process: experimenting fearlessly, showing and sharing ideas, and giving and receiving knowledgeable and constructive input.

Jun 22nd 2026
4 Weeks
Image Art Creativity
Details
Practical Machine Learning (Coursera) Coursera
Johns Hopkins University

Practical Machine Learning (Coursera)

Statistics & Data Analysis Data Science

One of the most common tasks performed by data scientists and data analysts are prediction and machine learning. This course will cover the basic components of building and applying prediction functions with an emphasis on practical applications. The course will provide basic grounding in concepts such as training and tests sets, overfitting, and error rates.

Jun 22nd 2026
4 Weeks
Algorithms Machine Learning Regression
Details
Exploratory Data Analysis (Coursera) Coursera
Johns Hopkins University

Exploratory Data Analysis (Coursera)

Statistics & Data Analysis Data Science

This course covers the essential exploratory techniques for summarizing data. These techniques are typically applied before formal modeling commences and can help inform the development of more complex statistical models. Exploratory techniques are also important for eliminating or sharpening potential hypotheses about the world that can be addressed by the data.

Jun 22nd 2026
4 Weeks
Statistics Data Analysis Data Science
Details
Statistical Inference (Coursera) Coursera
Johns Hopkins University

Statistical Inference (Coursera)

Statistics & Data Analysis Data Science

Statistical inference is the process of drawing conclusions about populations or scientific truths from data. There are many modes of performing inference including statistical modeling, data oriented strategies and explicit use of designs and randomization in analyses. Furthermore, there are broad theories (frequentists, Bayesian, likelihood, design based, …) and numerous complexities (missing data, observed and unobserved confounding, biases) for performing inference.

Jun 22nd 2026
4 Weeks
Statistics Probability Data Analysis
Details
Troubleshooting and Debugging Techniques (Coursera) Coursera
Google

Troubleshooting and Debugging Techniques (Coursera)

CS: Information & Technology Computer Science

In this course, we'll give you the tools to quickly identify and solve real-world problems that you might come across in your IT role. We'll look at a bunch of different strategies and approaches for tackling the most common pitfalls of your code and IT infrastructure. You'll learn strategies for approaching almost any technical problem and then see how those apply to solving different real-world scenarios.

Jun 23rd 2026
4 Weeks
Debugging Troubleshooting Google IT Automation with Python Professional Certificate
Details
Model Building and Validation (Udacity) Udacity
Udacity

Model Building and Validation (Udacity)

Statistics & Data Analysis Data Science

Advanced Techniques for Analyzing Data. This course will teach you how to start from scratch in answering questions about the real world using data. Machine learning happens to be a small part of this process. The model building process involves setting up ways of collecting data, understanding and paying attention to what is important in the data to answer the questions you are asking, finding a statistical, mathematical or a simulation model to gain understanding and make predictions.

Self Paced
Self-Paced
Machine Learning Modeling Data Analysis
Details