Skip to content
KnowledgeCity

Angular Advanced: Progressive Web Apps

Learn what Progressive Web Apps are and how you can create and use them in Angular.
Preview the first lesson free — get full access to all 4 lessons.
Course: On-Demand
Advanced Provider Farhan Saleem  4 Lessons ·  20m  in English 

Course Description

In these lessons we will look at Progressive Web Apps (PWA). We will learn how to create and use them to build web applications that run and perform like a native mobile app on mobile devices. We will also learn how to run them locally and how to deploy them on various platforms.

Currently, in order to give your users a mobile experience you have to use the native platforms like Android or iOS to develop your applications, which brings up issues of cost and effort needed to maintain two different code bases for the same application. But now there is another option with PWA’s. You can build the application once and test and deploy it from the same code base in Angular.

In these lessons you will learn to run the PWA locally on your machine, use the Chrome browser’s Lighthouse tool to review, and run the code for the PWA. We will also take a look at how you can deploy the PWA to different platforms, and what the requirements are.

What You'll Learn

  • Create a Progressive Web App (PWA) using Angular from a single code base
  • Configure and set up a PWA to run locally on your machine
  • Run a PWA application locally and review it using the Chrome browser's Lighthouse tool
  • Understand PWA architecture and how a PWA works
  • Deploy a PWA to different platforms and identify the requirements for each

Key Takeaways

  • Progressive Web Apps let you build web applications that run and perform like a native mobile app on mobile devices.
  • With a PWA you can build the application once and test and deploy it from the same code base in Angular, rather than maintaining separate Android and iOS code bases.
  • The Chrome browser's Lighthouse tool is used to review and run the code for the PWA.
  • The course covers deploying a PWA to different platforms along with the requirements for deployment.

Frequently Asked Questions

What will I learn in this course?

You will learn how to create a PWA, understand PWA configuration and setup to run locally, run the PWA locally on your machine, use the Chrome browser's Lighthouse tool to review and run the code, and deploy the PWA to different platforms.

What lessons does this course include?

The course includes four lessons: What Is a PWA Application?, PWA Architecture, Running a PWA Application Locally, and Deploying a PWA Application.

Why use a Progressive Web App instead of native platforms?

Native platforms like Android or iOS require maintaining two different code bases for the same application, bringing up issues of cost and effort. With a PWA you can build the application once and test and deploy it from the same code base in Angular while still giving users a mobile experience.

What skills does this course cover?

It covers Angular (Web Framework), Hosted App, HTML Application, Progressive Web Apps, Web Application Frameworks, and Web Applications.