A course to learn all the benefits PWAs can provide to your web app, like performance optimisation, native-like layout, offline features and more.

angular.tar.gz

appId

authDomain

projectId

appKey

Angular-copy

Angular

Angular-deploy

Offline_page

Angular-prod-build

Progressive Web Applications are the state of modern web solutions. With the proper strategies, it is possible to drastically improve the overall performance and providing data even without a network connection. 
In an increasingly mobile-first world, optimising the time to load web pages can be our business's success. 

We will start by describing what PWAs are and their advantages over native and plain web applications. We then go deeper analysing fundamental concepts like service workers, caching strategies and when to use them in different scenarios. 

Aside from generic, framework-agnostic code samples, there will be an entire "hands-on" section dedicated to Angular, where we will create a complete, real-world PWA project from scratch.

Finally, we will learn how to deploy our PWAs to the cloud with different providers, describing in detail the approach with the Firebase platform. Thus, concluding our journey in the PWAs world.

Optimize your web projects with Progressive Web Apps

Once installed on a device, progressive web apps need roughly the same amount of disk space as a native application.

Once installed on a device, progressive web apps need roughly the same amount of disk space as a native application.

Service workers are supported by all modern browsers.

Service workers are supported by all modern browsers.

Which of the following are valid values for the display property of the webmanifest?

Which of the following are valid values for the display property of the webmanifest?

Which display value best fits PWAs with rich media content or games?

Which display value best fits PWAs with rich media content or games?

Test the concepts you have learned about the PWA basics and the web manifest file.

Introduction

The Progressive Approach

Install a PWA on a Device

Service Workers

Caching Strategies

PWA Tools and Libraries

Angular PWA

Deploying our PWA

Wrap up

Test