Get in Touch

Course Outline

Introduction

  • Convergence of web and mobile technologies

Reasons for Developing Progressive Web Apps

  • Speed and performance (compared to traditional websites)
  • Enhanced security
  • Offline functionality
  • Push notifications
  • Improved user retention and reduced bounce rates
  • App-like user experience and capabilities
  • Ability to bypass app store requirements

Preparing Your Website

  • Secure HTTPS connection
  • JSON Manifest file
  • Service Worker implementation

Building Your First Progressive Web App (PWA)

Leveraging Service Workers to Enable Offline Functionality

  • Data caching strategies
  • Serving push notifications
  • Content updates
  • Data manipulation techniques

Event Listeners and Commands

  • Customizing responses to network requests based on online/offline status
  • Data persistence and inter-component messaging
  • Accessing Cache API, Fetch API, IndexedDB API, postMessage(), and more
  • Boosting user engagement via the Notification API

Utilizing Cached Assets in Your Application

Configuring the Web App Manifest

  • Adding the app to the device Home Screen

Application Shell Architecture

UI Considerations

  • Usability best practices
  • Localization strategies

Troubleshooting the PWA

Deploying the PWA to an App Store

Summary and Conclusion

Requirements

  • Knowledge of HTML, CSS, and object-oriented JavaScript.
  • A mobile device.
  • Ability to run Google Chrome on a mobile device.

Target Audience

  • Web developers
  • App developers
 14 Hours

Testimonials (2)

Related Categories