Complete Progressive Web App Bootcamp

Learn to build discoverable, engaging Progressive Web Apps (PWAs) from scratch.

New

Rating: 0.0 out of 5

0.0  (0 ratings) 

1,348 students

Created by Kim Chen

Published 9/2020

Language : English [Auto]

What you'll learn

1. What a Progressive Web App is
2. Use Service Workers to enable your application to work offline
3. Create a progressive web app that is installable to the home screen

Course content

1 section • 31 lectures • 1h 39m total length

Preview

Create pages

Create input modal and edit modal

Add the floating action button

Create icons for the progressive web app

Create manifest file

Open the web on Android Simulator

iOS Simulator icon problems

What is service worker

Service worker lifecycle introduction

Service worker registration

Service worker installation

Service worker activation

Using lighthouse to audit the progressive web app

Service worker listen fetch event

Open the localhost of the mobile phone

Cache the core asset of the app

Return the cached assets to the app

Dynamic Cache

Add a fallback page

Limit the number of cache

Create Firebase project

Add document in cloud firestore

Get realtime update with cloud firestore

Create the template for the contacts

Updating the UI

Configure Firestore offline persistence

Delete document in cloud firestore

Edit document in cloud firestore

Toggle favorite

Render favorite pages

Enroll now

Requirements

• Basic HTML, CSS, and JavaScript
• Have a mobile device or emulator

Description

What is Progessive Web App (PWA)?

PWAs are web applications created utilizing various explicit advances and standard examples to permit them to exploit both web and local application highlights. For instance, web applications are more discoverable than local applications; it's much simpler and quicker to visit a site than to introduce an application, and you can likewise share web applications by essentially sending a connection.

Then again, local applications are better incorporated with the working framework and along these lines offer a more consistent encounter for the clients. You can introduce a local application so it works disconnected, and clients love tapping their symbols to handily get to their most loved applications, instead of exploring to it utilizing a program.

PWAs enable us to make web applications that can appreciate these equivalent favorable circumstances.

It is anything but a shiny new idea—such thoughts have been returned to commonly on the web stage with different methodologies before. Reformist Enhancement and responsive plan as of now permit us to fabricate versatile neighborly sites.

What will you learn in this course?

In this course you'll begin dealing with your absolute first Progressive Web App (PWA) - a web application that can exploit a considerable lot of the highlights local applications have appreciated. You'll likewise get more involvement with making a web application that works disconnected utilizing Service Workers. At last, you'll make your application installable to the client's home screen with the Web App Manifest file.

Who this course is for:

• Students who want to create a web app that works offline
• Students who want to create a web app that can install
• Students who want to create a web app that can operate on a mobile device just as if they were native applications

Instructor :Kim Chen

Registered teacher, MSc in Business Statistics, PGDE

He is a registered teacher who has experience in teaching physics, maths and statistics for over 10 years.

He got a master degree in data science and statistics in the  University of Hong Kong.

He got GPA 3.55/4.0 and got A in the following subjects

Foundations of Data Science

Statistics of Management

Regression in Practice

Stochastic Modelling

Simulations and Statistical Computing

Has taught over 1000 students on mathematics and science. His students has great improvement in the examinations. He has also provided one-on-one group training to individuals and workshops at colleges.

Exam oriented teaching make you feel exam is a game, he will teach you fast, accurate and solve problems with direction.

He now enjoys teaching others and continues to learn every single day.