Offline Web Applications (Udacity)

Offered by Udacity, Google,
Offline Web Applications (Udacity)

Using IndexedDB & Service Worker. This course is focused squarely on user experience, and seeks to show developers how thinking offline-first is the best way to ensure that applications perform their best in all scenarios, not just ideal ones. You'll learn to recognize the differences between good, poor, intermittent, and missing connectivity for your users , and master how to make applications that navigate these conditions with ease.

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

Using the skills you master in this course, you'll conclude by building an app that that works both online and offline, and loads in new data when it can. You'll be a master of the cache! Your web apps will interact with the network just like native apps do. This will lead to better user experiences even in traditionally challenging connection scenarios like being stuck in a train tunnel, having to rely on over-crowded conference Wi-Fi, or traveling through a cellular "dead zone!"
User experience—as it is impacted by poor connectivity—is rarely taken into consideration to the extent it should be by developers. Developers build their applications using reliable internet and fast computers. They experience their own creations in an ideal environment, and they are almost always thinking online-first. But if you are truly focused on user experience, you need to understand how your applications perform in all scenarios. This is why it is critical to build applications that are offline-first.
In order to build applications that look and feel good ALL the time—not just in the best of cases—you need to do more than just learn new techniques and tools, you need to change your approach and way of thinking. This course will help you do just that.

What You Will Learn

Lesson 1
The Benefits of Offline First

  • The benefits of developing offline-first applications.
  • Understanding Lie-Fi.

Lesson 2
Introducing the Service Worker

  • How to use Service Workers.
  • Understanding the Service Worker Lifecycle.
  • How to use Service Worker DevTools.

Lesson 3
IndexedDB and Caching

  • What is IndexedDB?
  • How to cache assets using IndexedDB?

Prerequisites and Requirements
This course is for web developers with JavaScript experience, including:

  • object-oriented JavaScript
  • using native Promises
  • running a Node web server from the terminal

Students should also be proficient in HTML and CSS, and have experience creating web apps.

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

Related Courses

Create High-Fidelity Designs and Prototypes in Figma (Coursera) Coursera
Google

Create High-Fidelity Designs and Prototypes in Figma (Coursera)

Create High-Fidelity Designs and Prototypes in Figma is the fifth course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you will follow step-by-step tutorials to learn how to create high-fidelity designs, called mockups, in Figma, a popular design tool. Then, you’ll turn those designs into an interactive prototype that works like a finished product. You’ll conduct research to collect feedback about your designs and make improvements. Finally, you’ll learn how to share your designs with development teams and highlight your work in your professional UX portfolio.

Jun 1st 2026
5-12 Weeks
Product Design (Udacity) Udacity
Udacity

Product Design (Udacity)

There is nothing more powerful than an idea whose time has come. This course is designed to help you materialize your game-changing idea and transform it into a product that you can build a business around. Product Design blends theory and practice to teach you product validation, UI/UX practices, Google’s Design Sprint and the process for setting and tracking actionable metrics.

Self Paced
Self-Paced
Intro to AJAX (Udacity) Udacity
Udacity

Intro to AJAX (Udacity)

Making Asynchronous Requests with jQuery. In this course you will learn how to make asynchronous requests with JavaScript (using jQuery’s AJAX functionality), and gain a better understanding of what’s actually happening when you do so. You will also learn how to use data APIs so you can take advantage of freely accessible data in your applications, including photo results, news articles and up-to-date data about the world around us.

Self Paced
Self-Paced
Understanding User Needs (Coursera) Coursera
University of Michigan

Understanding User Needs (Coursera)

Designing effective interactive systems requires understanding the needs and capabilities of the people who will be using them. In this UX course we will focus on how to interact with users (or potential users) to understand what they need, what they currently do, what they love and hate, and examine human capabilities and behavior as they relate to UX design.

Jun 1st 2026
5-12 Weeks
Introduction to HTML, CSS, & JavaScript (Coursera) Coursera
IBM

Introduction to HTML, CSS, & JavaScript (Coursera)

Want to take the first steps to become a Web Developer? This course will help you discover the languages, frameworks, and tools that you will need to create interactive and engaging websites right from the beginning. You will begin by learning about the roles of front-end, back-end, and full-stack developers and how they work together on development projects. Through this, you will also become familiar with the terminology and skills needed in your career as a web developer.

Jun 1st 2026
4 Weeks
Creative Design, Prototyping, and Testing (Coursera) Coursera
University of Maryland, College Park

Creative Design, Prototyping, and Testing (Coursera)

Designing the customer and user experience is essential to creating great products today. Gone is the old paradigm of “form follows function” model of design. The process must be iterative and follow the best product design and development processes. While designing a great user experience can be a lengthy and expensive process, there are approaches to doing it faster and smarter, without compromising results.

Jun 1st 2026
4 Weeks
Introduction to Web Applications (Coursera) Coursera
Akamai Technologies, Inc.

Introduction to Web Applications (Coursera)

Students start by learning about the HyperText Markup Language (HTML) and basic rules for creating compliant HTML. They learn tags for creating web pages and formatting text on the page including lists and special characters. Students will learn how to embed images, video and audio in web pages and format information in tables. They will learn to create hyperlinks, and to use text and images for hyperlinks including creating image maps. Students will also create HTML forms to collect user information.

Jun 1st 2026
4 Weeks
Build Wireframes and Low-Fidelity Prototypes (Coursera) Coursera
Google

Build Wireframes and Low-Fidelity Prototypes (Coursera)

Build Wireframes and Low-Fidelity Prototypes is the third course in a certificate program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design. In this course, you’ll continue to design a mobile app for your professional UX portfolio. You’ll start by creating storyboards and getting familiar with the basics of drawing.

Jun 2nd 2026
3 Weeks
Design a User Experience for Social Good & Prepare for Jobs (Coursera) Coursera
Google

Design a User Experience for Social Good & Prepare for Jobs (Coursera)

Design a User Experience for Social Good and Prepare for Jobs is the seventh and final course in a program that will equip you with the skills you need to become an entry-level UX designer. In this course, you will design a dedicated mobile app and a responsive website focused on social good. You will showcase all that you’ve learned during the certificate program to complete the design process from beginning to end: empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes and prototypes, and testing designs to get feedback. By the end of this course, you will have a new cross-platform design project to include in your professional UX portfolio.

Jun 2nd 2026
5-12 Weeks
Web Application Development: Basic Concepts (Coursera) Coursera
University of New Mexico

Web Application Development: Basic Concepts (Coursera)

This is the first course in a Coursera Specialization track involving Web Application Architectures. This course will give you the basic background, terminology and fundamental concepts that you need to understand in order to build modern full stack web applications. A full stack web developer is familiar with each "layer" of the software technologies involved in a web application, including data modeling and database technologies, the web server environment and middleware components, network protocols, the user interface and basic visual design and user interaction concepts.

May 25th 2026
5-12 Weeks
Building High Quality User Experience Using Material UI (Coursera) Coursera
NIIT StackRoute

Building High Quality User Experience Using Material UI (Coursera)

A user experience is built upon a user’s experiences and interactions with a product, system, or service. Providing high quality digital experiences in a web application involves writing CSS codes which focus on display, navigation, actions, input, and communication. However, CSS has its own set of challenges which can be addressed using Material UI design library.

Jun 1st 2026
2 Weeks