Gain insights into Progressive Web Apps. Delve into service workers, caching strategies, and their advantages. Learn about real-world Angular projects and deploying PWAs using Firebase. Optimize your web solutions efficiently.

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

<br>

# TL;DR;
Suppose you are already familiar with Angular and have already previously created  Angular apps on your current machine. In that case, you can skip this lesson and jump directly to the next one. 


<br>

# Install Node.js
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.

We can download it from the [official website](https://nodejs.org/).
To verify the installed version or to prove that the installation was successful, run the command `node -v` in a terminal or console window.

Angular requires the current or LTS (Long Term Support) version.

<br> 

# Install a package manager

In order to download and install the libraries, we will need a package manager. We can choose which one to use:

- [npm](https://docs.npmjs.com/about-npm/)
- [yarn](https://yarnpkg.com/)

<br>

However, if you have already installed Node.js, you probably have already also installed npm on your machine. You can verify this, by running the `npm -v` command in a terminal or command window.

In this course, we use npm.

Let's get our hands dirty and set up our environment to create your first Angular project.

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

Create an Angular Project

TL;DR;

Install Node.js

Install a package manager