Complete Progressive Web App Bootcamp
What you'll learn
- What a Progressive Web App is
- Use Service Workers to enable your application to work offline
- Create a progressive web app that is installable to the home screen
Course content
- Preview02:15
- 04:44Create pages
- 04:18Create input modal and edit modal
- 01:20Add the floating action button
- 02:22Create icons for the progressive web app
- 04:34Create manifest file
- 01:59Open the web on Android Simulator
- 02:36iOS Simulator icon problems
- 00:38What is service worker
- 00:31Service worker lifecycle introduction
- 01:24Service worker registration
- 02:08Service worker installation
- 01:57Service worker activation
- 04:31Using lighthouse to audit the progressive web app
- 01:25Service worker listen fetch event
- 02:10Open the localhost of the mobile phone
- 02:56Cache the core asset of the app
- 02:47Return the cached assets to the app
- 03:43Dynamic Cache
- 04:33Add a fallback page
- 03:09Limit the number of cache
- 03:59Create Firebase project
- 05:19Add document in cloud firestore
- 03:35Get realtime update with cloud firestore
- 03:52Create the template for the contacts
- 04:30Updating the UI
- 03:30Configure Firestore offline persistence
- 06:29Delete document in cloud firestore
- 04:55Edit document in cloud firestore
- 03:44Toggle favorite
- 02:56Render favorite pages
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
He is a registered teacher who has experience in teaching javascript, physics, maths and statistics for over 10 years.
He got a master degree in data science and statistics, computer science 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
He now enjoys teaching others and continues to learn every single day.