Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Progressive Web App

Complete Progressive Web App Bootcamp

Learn to build discoverable, engaging Progressive Webs Apps (PWAs) from scratch,
Rating: 4.0 out of 54.0 (160 ratings)
61,441 students
Created by Kim Chen
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

3 sections • 41 lectures • 2h 6m total length

  • Preview02:15
  • Create pages
    04:44
  • Create input modal and edit modal
    04:18
  • Add the floating action button
    01:20
  • Create icons for the progressive web app
    02:22
  • Create manifest file
    04:34
  • Open the web on Android Simulator
    01:59
  • iOS Simulator icon problems
    02:36
  • What is service worker
    00:38
  • Service worker lifecycle introduction
    00:31
  • Service worker registration
    01:24
  • Service worker installation
    02:08
  • Service worker activation
    01:57
  • Using lighthouse to audit the progressive web app
    04:31
  • Service worker listen fetch event
    01:25
  • Open the localhost of the mobile phone
    02:10
  • Cache the core asset of the app
    02:56
  • Return the cached assets to the app
    02:47
  • Dynamic Cache
    03:43
  • Add a fallback page
    04:33
  • Limit the number of cache
    03:09
  • Create Firebase project
    03:59
  • Add document in cloud firestore
    05:19
  • Get realtime update with cloud firestore
    03:35
  • Create the template for the contacts
    03:52
  • Updating the UI
    04:30
  • Configure Firestore offline persistence
    03:30
  • Delete document in cloud firestore
    06:29
  • Edit document in cloud firestore
    04:55
  • Toggle favorite
    03:44
  • Render favorite pages
    02:56

  • Mimick fetch
    03:14
  • Callback and callback hell
    01:31
  • From callback to promise
    04:46
  • From promise to async await
    02:24

  • Prepare for this section
    05:02
  • Cache Only Strategy
    01:24
  • Network only strategy
    01:17
  • Network first strategy
    02:19
  • Network first + Dynamic Cache strategy
    03:05
  • Cache First Strategy + Fallback
    02:17

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 Computer Science, Statistics
Kim Chen
  • 4.1 Instructor Rating
  • 1,960 Reviews
  • 187,908 Students
  • 10 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.