Course Code: progapp
Duration: 14 hours
Prerequisites:
  • HTML, CSS, and object-oriented JavaScript.
  • A mobile device.
  • Ability to run Google Chrome on mobile device.

Audience

  • Web developers
  • App developers
Overview:

A Progressive Web App (PWA) is a web application that performs like a native mobile app. A Progressive Web App can be deployed as a regular website as well as a Native app on an app store.

In this instructor-led, live training (onsite or remote), participants will learn how to develop their first Progressive Web App as they step through a series of hands-on exercises culminating in the creation and deployment of a functional PWA.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Course Outline:

Introduction

  • Convergence of web and mobile

Reasons for Developing Progressive Web Apps

  • speed and performance (compared to websites)
  • security
  • offline capabilities
  • push notifications
  • improved bounce rates
  • app-like feel and functionality
  • bypassing of App Stores

Enabling Your Website

  • secure HTTPS connection
  • JSON Manifest
  • Service Worker

Building Your First Progressive Web App (PWA)

Using Service Workers to Enable Your App to Work Offline

  • Caching data
  • Serving push notifications
  • Updating content
  • Data manipulation

Event Listeners and Commands

  • Customizing responses to network requests depending on whether online/offline status
  • Data persistence and messaging
  • Accessing Cache API, Fetch API, IndexedDB API, postMessage(), etc.
  • Increasing user engagement through Notification API

Using Cached Assets in Your Application

Configuring Web App Manifest

  • Adding the app to the Home Screen

Application Shell Architecture

UI Considerations

  • Usability
  • Localization

Troubleshooting the PWA

Deploying the PWA to an App Store

Summary and Conclusion

Sites Published:

United Arab Emirates - Progressive Web Apps (PWA)

Qatar - Progressive Web Apps (PWA)

Egypt - Progressive Web Apps (PWA)

Saudi Arabia - Progressive Web Apps (PWA)

South Africa - Progressive Web Apps (PWA)

Brasil - Progressive Web Apps (PWA)

Canada - Progressive Web Apps (PWA)

中国 - Progressive Web Apps (PWA)

香港 - Progressive Web Apps (PWA)

澳門 - Progressive Web Apps (PWA)

台灣 - Progressive Web Apps (PWA)

USA - Progressive Web Apps (PWA)

Österreich - Progressive Web Apps (PWA)

Schweiz - Progressive Web Apps (PWA)

Deutschland - Progressive Web Apps (PWA)

Czech Republic - Progressive Web Apps (PWA)

Denmark - Progressive Web Apps (PWA)

Estonia - Progressive Web Apps (PWA)

Finland - Progressive Web Apps (PWA)

Greece - Progressive Web Apps (PWA)

Magyarország - Progressive Web Apps (PWA)

Ireland - Progressive Web Apps (PWA)

Luxembourg - Progressive Web Apps (PWA)

Latvia - Progressive Web Apps (PWA)

España - Aplicaciones Progresivas

Italia - Progressive Web Apps (PWA)

Lithuania - Progressive Web Apps (PWA)

Nederland - Progressive Web Apps (PWA)

Norway - Progressive Web Apps (PWA)

Portugal - Progressive Web Apps (PWA)

România - Progressive Web Apps (PWA)

Sverige - Progressive Web Apps (PWA)

Türkiye - Progressive Web Apps (PWA)

Malta - Progressive Web Apps (PWA)

Belgique - Progressive Web Apps (PWA)

France - Progressive Web Apps (PWA)

日本 - Progressive Web Apps (PWA)

Australia - Progressive Web Apps (PWA)

Malaysia - Progressive Web Apps (PWA)

New Zealand - Progressive Web Apps (PWA)

Philippines - Progressive Web Apps (PWA)

Singapore - Progressive Web Apps (PWA)

Thailand - Progressive Web Apps (PWA)

Vietnam - Progressive Web Apps (PWA)

India - Progressive Web Apps (PWA)

Argentina - Aplicaciones Progresivas

Chile - Aplicaciones Progresivas

Costa Rica - Aplicaciones Progresivas

Ecuador - Aplicaciones Progresivas

Guatemala - Aplicaciones Progresivas

Colombia - Aplicaciones Progresivas

México - Aplicaciones Progresivas

Panama - Aplicaciones Progresivas

Peru - Aplicaciones Progresivas

Uruguay - Aplicaciones Progresivas

Venezuela - Aplicaciones Progresivas

Polska - Progressive Web Apps (PWA)

United Kingdom - Progressive Web Apps (PWA)

South Korea - Progressive Web Apps (PWA)

Pakistan - Progressive Web Apps (PWA)

Sri Lanka - Progressive Web Apps (PWA)

Bulgaria - Progressive Web Apps (PWA)

Bolivia - Aplicaciones Progresivas

Indonesia - Progressive Web Apps (PWA)

Kazakhstan - Progressive Web Apps (PWA)

Moldova - Progressive Web Apps (PWA)

Morocco - Progressive Web Apps (PWA)

Tunisia - Progressive Web Apps (PWA)

Kuwait - Progressive Web Apps (PWA)

Oman - Progressive Web Apps (PWA)

Slovakia - Progressive Web Apps (PWA)

Kenya - Progressive Web Apps (PWA)

Nigeria - Progressive Web Apps (PWA)

Botswana - Progressive Web Apps (PWA)

Slovenia - Progressive Web Apps (PWA)

Croatia - Progressive Web Apps (PWA)

Serbia - Progressive Web Apps (PWA)

Bhutan - Progressive Web Apps (PWA)

Nepal - Progressive Web Apps (PWA)

Uzbekistan - Progressive Web Apps (PWA)