8221  Reviews star_rate star_rate star_rate star_rate star_half

Building Progressive Web Applications using PWABuilder

In this Progressive Web Applications training course, participants learn how to build, enhance, and deploy Progressive Web Applications (PWAs) using PWABuilder. This hands-on class covers the latest...

Read More
Course Code WA3655
Duration 1 day
Available Formats Classroom

In this Progressive Web Applications training course, participants learn how to build, enhance, and deploy Progressive Web Applications (PWAs) using PWABuilder. This hands-on class covers the latest technologies and best practices for creating engaging, reliable, and installable web applications. By the end of the course, learners confidently build robust PWAs that deliver exceptional user experiences.

Skills Gained

  • Gain hands-on experience in building PWAs
  • Learn to use PWABuilder for developing and deploying PWAs
  • Master the core principles and best practices of PWAs
  • Transform existing web applications into powerful PWAs

Prerequisites

  • Basic understanding of HTML, CSS, and JavaScript
  • Familiarity with web development concepts

Course Details

Setup Requirements

  • A computer with internet access
  • A lab VM with the necessary software will be provided as part of the training

Introduction to Progressive Web Applications

  • What are Progressive Web Applications?
  • Key features and benefits
  • Examining successful PWAs
  • Introduction to Service Workers
  • The App Manifest

Building Your First PWA

  • Setting up the development environment
  • Creating the basic structure of a PWA
  • Implementing Service Workers
  • Adding offline functionality
  • Making the PWA installable

Enhancing PWAs with Advanced Features

  • Push notifications
  • Background sync
  • Precaching and runtime caching
  • Handling user authentication
  • Integration with third-party services

Introduction to PWABuilder

  • Overview of PWABuilder
  • Setting up and configuring PWABuilder
  • Generating the PWA manifest and Service Worker
  • Customizing the generated files
  • Testing the PWA

Deploying and Publishing PWAs

  • Packaging PWAs for different platforms
  • Hosting options and deployment strategies
  • Using PWABuilder to deploy
  • SEO practices for PWAs
  • Monitoring and updating PWAs

Best Practices and Performance Optimization

  • Ensuring performance and reliability
  • Accessibility considerations
  • Progressive enhancement techniques
  • Analyzing PWA performance using Lighthouse
  • Keeping your PWA secure