Progressive Web Apps (PWA) and Accelerated Mobile Pages (AMP) Training Course

Last updated

Course Code

pwaamp

Duration

14 hours (usually 2 days including breaks)

Requirements

  • Experience with front-end development

Audience

  • Developers

Overview

Progressive Web Apps (PWA) are web applications that function like native applications on Android, Windows, and more. Accelerated Mobile Pages (AMP) are condensed web applications that are built for high speed loading. Integrating both into a web application creates a fast and engaging mobile experience.

This instructor-led, live training (online or onsite) is aimed at developers who wish to integrate AMP and PWA  to create a fast and engaging mobile web application.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start integrating AMP and PWA into a web application.
  • Minify HTML and CSS.
  • Cache with Service Worker for offline usability.
  • Create and style push notifications.

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

Overview of the Front-End Web Development Cycle

  • JavaScript logic/libraries, HTML, and CSS
  • Front-end versus back-end

AMP and PWA

  • Processes and modules used to optimize a web application

Free Hosted Cache Platforms

  • Rel alternatives
  • SERP impact

Progressive Web Apps Go Native

  • Cross-platform
  • Backward compatibility
  • Feature parity

Preparing the Development Environment

  • Installing tools to generate Service Worker code
  • Installing a static content server

Developing the Application

  • Code a todo list AMP template with AMP specs
  • Style the AMP template with AMP tags
  • Installing and configuring AMP-Install-Service Worker

Transforming the AMP to a PWA

  • Generating Service Worker's code
  • Customizing cached information depending on whether online or offline
  • Adding a manifest
  • Adding an appshell to receive requests
  • Creating and styling push notifications 

Testing the Application

  • Refreshing on a browser to view code changes

Deploying the Application

  • Running the application on mobile simulator or mobile device

Summary and Conclusion

Testimonials

★★★★★
★★★★★

Related Categories

Related Courses

Course Discounts

Course Discounts Newsletter

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.

Some of our clients

is growing fast!

We are looking to expand our presence in the US!

As a Business Development Manager you will:

  • expand business in the US
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!

This site in other countries/regions