Building Progressive Web Applications

blur

Learn Path Description

A progressive web application, often called a PWA, is a type of application built using common web technologies including HTML, CSS, and JavaScript. It is intended to work on any platform that uses a standards-compliant browser, including both desktop and mobile devices. PWA’s offer fast performance, access to mobile device sensors, support push notifications, and the ability to download the app to a mobile home screen, making them a great choice for your next application.

Skills You Will Gain

Courses In This Learning Path

blur
icon

Total Duration

1.4 hour

icon

Level

Beginner

icon

Learn Type

Certifications

Progressive Web Apps: The Big Picture

It can be difficult to understand the advantages and challenges of progressive web apps, as well as differences between other development methods. A great user experience is crucial for success. To do this, you must first understand many concepts. This course Progressive Web Apps: A Big Picture will help you understand the PWA platform and how to start your next project. You will first learn about the differences between other app development methods. Then, you'll learn the key components and the service worker. Finally, you'll discover how to install the app on desktop, Android and iOS. You will also learn how to create a PWA project, how to distribute it from the browser, stores, and end-user deployments. This course will equip you with the knowledge and skills required to create a new app, or upgrade existing apps.

blur
icon

Total Duration

1.57 hour

icon

Level

Intermediate

icon

Learn Type

Certifications

Getting Started with Progressive Web Apps

Progressive Web Apps (PWAs) are a combination of various technologies that bridge the gap between native and web apps. These technologies, such as the app manifest, home screen install support, service workers, and the app shell, empower web developers to create exceptional desktop and mobile experiences. In the course "Getting Started With Progressive Web Apps," you will learn how to transform a web page into a dynamic web app by utilizing these new APIs and features.

The course begins by introducing the concept of the App Shell and its functionality. You will understand how it enhances performance by separating the user interface from the data. Additionally, you will explore client-side storage, which allows for offline functionality and efficient data management.

One of the key components of PWAs is service workers. You will gain a comprehensive understanding of service workers and their role in enabling background synchronization, push notifications, and caching of assets. This knowledge will enable you to create apps that work reliably even in low or no network connectivity situations.

Furthermore, the course covers installable web applications, which allow users to install PWAs directly from their browsers onto their devices' home screens. You will learn how to leverage this feature to enhance user engagement and provide a more app-like experience.

By the end of the course, you will be able to distinguish progressive web apps from traditional web pages and have a thorough overview of all the tools at your disposal for creating these types of applications. This course is ideal for web developers looking to expand their skill set and create high-quality PWAs that deliver exceptional user experiences on both desktop and mobile platforms.

blur
icon

Total Duration

2.03 hours

icon

Level

Beginner

icon

Learn Type

Certifications

Designing Progressive Web Apps

You are used to designing web content within a browser. But, a PWA is a completely different experience. This course, Designing Progressive Web Apps will teach you how to design an app experience that works on iOS, Android, as well as desktop operating systems. You will first learn about the Web App Manifest, and how to create icons and splash screens that define the look of your app. Next, you'll learn why designing without a browser interface is important, and some CSS tricks to make it more native. You will also learn how to create a responsive web design that is both mobile- and desktop-optimized. This includes new ideas for Responsive Web Design techniques and media queries. This course will equip you with the knowledge and skills to create a user-friendly, customized, and accessible experience for Android, iOS, iPadOS and all other desktop operating systems.

blur
icon

Total Duration

2.17 hours

icon

Level

Intermediate

icon

Learn Type

Certifications

Advanced Progressive Web Apps

It's not about creating a great Progressive Web app. Understanding the platform and what it can do is just as important. This course, Advanced Progressive Web Apps teaches you how to integrate your app with both desktop and mobile operating systems. You'll first learn about the app installation process and how you can improve it. You'll then learn how to improve the user experience, including how to understand the app's lifecycle and how to run code in the background. Finally, you will be able to manage updates and new versions. You'll also learn how to integrate the operating system. This includes communication with other apps as well as the use of sensors and hardware. After completing this course, you will have the knowledge and skills to create a Progressive Web app that integrates better with the platform it is installed.

blur
icon

Total Duration

3.06 hours

icon

Level

Intermediate

icon

Learn Type

Certifications

Service Workers: Deep Dive

Service Workers are an excellent addition to any web developer's toolbox. They enable offline scenarios, performance enhancements, push notifications, and many other scenarios. There are some traps to be aware of, however, as this functionality adds complexity.

blur
icon

Total Duration

1.52 hour

icon

Level

Intermediate

icon

Learn Type

Certifications

Web Performance for Progressive Web Apps

Although developing web apps is complicated, performance is an important aspect of any application. This course Web Performance for Progressive Web Apps will teach you how to spot and fix performance problems in PWAs. You'll first learn how to measure performance using various tools.

blur
icon

Total Duration

1.24 hour

icon

Level

Intermediate

icon

Learn Type

Certifications

Deep Dive into Web Push Notifications

Web Push Notifications allow you to deliver timely, engaging content to your users wherever they are. It is very powerful to not have to ask for phone numbers or email addresses and still be able deliver the content at the user’s request. Push notifications have been widely adopted. Deep dive into Web Push Notifications will teach you the basics of notifications. Next, you'll learn the fundamentals of creating web notifications. Next, you'll learn how messages are sent from servers to clients. This will include learning about security issues such as VAPID protocol. You will also learn how to use the best practices suggested by Google to deliver push notifications to users. This course will teach you the material through visual content as well as by creating a project. After completing this course, you will have the skills and knowledge to use Web Push Notifications in order to integrate them into an existing or new project.

blur
icon

Total Duration

117 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Publishing Progressive Web Apps

You have a published Progressive Web App, but you don't know how to publish it. Some users don't install it manually from their browsers. This course Publishing Progressive Web Apps will teach you how to create them. Learn how to distribute your PWAs without requiring manual installation You can access the web browser from your computer without losing any of its benefits platform. First, explore compatible app stores. How to distribute enterprise content and make a publishing plan. Next, discover Trusted Web Activities For Android Google Play Store distribution. You'll also learn how to distribute Google Play Store. Create distribution packages for AppStore iOS and iPadOS as well as Windows via the Microsoft Store You'll be able to access the course once you're done. Skills and knowledge in creating launchers and packaging You will need to publish your Progressive Web Apps at work End-users beyond the browser.

blur
icon

Total Duration

98 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Testing Progressive Web Apps

Progressive Web Apps (PWAs), which use powerful APIs such as notifications and service workers, bring native-like features to your browser. This course, Testing Progressive Web Apps teaches you how to plan and test advanced web APIs with automation tools and cloud-based service. You'll first learn how to create test plans. Next, you will learn how automation tools can be used to test PWA features. You'll also learn how to use cloud-based services to test the app on a variety of devices and platforms. This course will equip you with the knowledge and skills to test Progressive Web Apps and ensure that your users experience a consistent and reliable experience.

blur
icon

Total Duration

85 minutes

icon

Level

Beginner

icon

Learn Type

Certifications

Debugging Progressive Web Apps

You will learn about the techniques and tools needed to troubleshoot a progressive web app. This course, Debugging Progressive Web Apps teaches you how to inspect and fix problems in offline apps. You will first learn about built-in audit tools that allow you to inspect PWA within the browser. You will then learn how to add to the home screen from both production and local servers. Finally, you'll discover how to trigger automatic browser promotions. You will also learn how to implement cache first strategies and uncover and troubleshoot service worker issues in installed PWAs. This course will equip you with the knowledge and skills to debugging strategies to create, test and deliver progressive web apps that end users love.

blur