Progressive Web Apps (PWA) – From Beginner to Expert

Progressive Web Apps (PWA) – From Beginner to Expert, available at $49.99, has an average rating of 3.8, with 235 lectures, 2 quizzes, based on 91 reviews, and has 1115 subscribers.

You will learn about How to build the best in class web applications What Progresssive Web Apps Are and Why They Should Develop Them How to craft the perfect Add To Homescreen Experience Why all websites should be secure and how to secure them What a Service Worker Is How to develop Service Workers Using good JavaScript practices The Service Worker Life Cycle What Service Worker Caching is Different Caching Strategies and How to Apply them in a real application Progressive Web Application and Service Worker Tools How to polyfil legacy browsers and platforms to provide many PWA features How to add native push notifications to any website This course is ideal for individuals who are This course is designed for developers that want to create web applications using the latest web platform technology and reach the largest amount of consumers. It is particularly useful for This course is designed for developers that want to create web applications using the latest web platform technology and reach the largest amount of consumers.

Enroll now: Progressive Web Apps (PWA) – From Beginner to Expert

Summary

Title: Progressive Web Apps (PWA) – From Beginner to Expert

Price: $49.99

Average Rating: 3.8

Number of Lectures: 235

Number of Quizzes: 2

Number of Published Lectures: 203

Number of Published Quizzes: 2

Number of Curriculum Items: 237

Number of Published Curriculum Objects: 205

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

How to build the best in class web applications
What Progresssive Web Apps Are and Why They Should Develop Them
How to craft the perfect Add To Homescreen Experience
Why all websites should be secure and how to secure them
What a Service Worker Is
How to develop Service Workers Using good JavaScript practices
The Service Worker Life Cycle
What Service Worker Caching is
Different Caching Strategies and How to Apply them in a real application
Progressive Web Application and Service Worker Tools
How to polyfil legacy browsers and platforms to provide many PWA features
How to add native push notifications to any website

Who Should Attend

This course is designed for developers that want to create web applications using the latest web platform technology and reach the largest amount of consumers.

Target Audiences

This course is designed for developers that want to create web applications using the latest web platform technology and reach the largest amount of consumers.

Progressive Web Applications are just web sites that progressively become apps. But how does this happen? It takes skilled developers that understand a new way to create web sites that are fast, reliable and engaging.

In this course you will learn what progressive web applications are, why you need to master them and why your stakeholders want progressive web applications over traditional web sites and native applications.

Businesses of all sizes are discovering the power progressive web applications bring to help them reach and engage their audiences. This means they can increase revenues while decreasing costs. Brands like Twitter, Lyft, The Washington Post, Forbes and Weather channel have all discovered the benefits upgrading to a progressive web application bring.

The success these companies are having is driving more demand for developers skilled in service workers, web manifest, push notifications and more.

You will learn how to craft an app shell so your experience can progressively load with an instant presence. I expose you to everything you need to know about progressive web applications and service workers.

This course starts each section addressing the beginner, assuming you have no prior knowledge of the topic. Each section progresses and covers more and more detail until there is just about no nook or cranny not exposed.

The course includes video modules that review a combination of slides and code demos. Slides and source code references are included so you can follow along outside the course. Quizzes are also included so you can identify topics you may need to review and sharpen. Finally, the course also includes some articles about selected topic as an additional reference.

You will master the web manifest file so you can tell the browser how to render your brand’s desired experience.

HTTPS

Home Screen/Installation Experience

How each browser is and plans to implement PWA support

Service Workers

Service Worker Life Cycle

Service Worker Caching

Push Notifications

Background Synchronization

Basic Performance Best Practices and how to implement the PRPL and RAIL Patterns.

This course does not use any JavaScript frameworks. All examples, primarily a demo site called Fast Furniture, rely on vanilla JavaScript.�

The site does use Bootstrap 4 as a CSS library, but know prior Bootstrap knowledge is required.

This does not mean I wont add lectures demonstrating how to use some of the framework PWA CLI tools over time.

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: About the Course

Lecture 2: Fast Furniture – The Reference PWA

Lecture 3: Using Visual Studio Code

Lecture 4: Installing Node

Lecture 5: The Fast Furniture Source Code

Lecture 6: A localhost Web Server Using Node http-server

Lecture 7: Links to Resources

Chapter 2: Progressive Web App Basics

Lecture 1: A New Level of Quality

Lecture 2: Fast Reliable Engaging

Lecture 3: Web vs App Smack Down

Lecture 4: PWA Expert Quotes

Lecture 5: Progressive Web App Success Stories

Lecture 6: Progressive Web App Success Stories

Lecture 7: Web Sites Must Work Offline

Lecture 8: Technical Upgrades and Requirements

Lecture 9: 3 Progressive Web Application Requirements

Lecture 10: Progressive Web Application Upgrade

Chapter 3: Who Supports Progressive Web Apps?

Lecture 1: Who Supports Progressive Web Apps?

Lecture 2: Browsers that Support Progressive Web Apps

Lecture 3: Progressive Web Apps Support Statistics

Lecture 4: Over 1 Billion Users Have Progressive Web Application Devices

Lecture 5: iOS Safari Limitations

Lecture 6: iOS Safari Fallbacks

Lecture 7: Internet Exporer and Progressive Web Apps

Chapter 4: HTTPS Facts You Need to Know

Lecture 1: How HTTPS Works

Lecture 2: How TLS Works

Lecture 3: The History of SSL

Lecture 4: 5 Reasons Why You Should Use HTTPS

Lecture 5: 5 Reasons You Should Implement HTTPS Today

Lecture 6: HTTPS Browser Warnings

Lecture 7: 3 Types of HTTPS Certificates

Lecture 8: Why HTTPS is Faster Than HTTP

Lecture 9: How to Properly Implement HTTPS

Lecture 10: HTTPS Migration Checklist

Lecture 11: HTTP/2 Basics

Chapter 5: The Web Manifest

Lecture 1: What is the Web Manifest

Lecture 2: Web Manifest Identity Properties – Names

Lecture 3: Web Manifest Identity Properties – Description

Lecture 4: Web Manifest Properties – Icons

Lecture 5: What Icon SIzes Should Your PWA Have?

Lecture 6: How PWABuilder.com Can Automate PWA Icon Creation

Lecture 7: Reviewing the Full PWA Iconset in the Developer Tools

Lecture 8: Web Manifest Identity Properties – Theme Colors

Lecture 9: Web Manifest Identity Properties – Display

Lecture 10: Web Manifest Identity Properties – Orientation

Lecture 11: Web Manifest Identity Properties – Start URL

Lecture 12: Web Manifest Identity Properties – Scope

Lecture 13: Web Manifest Identity Properties – Related Applications

Lecture 14: Web Manifest Mime/Content-Type

Lecture 15: Reviewing the Fast Furniture Web Manifest File

Lecture 16: Testing the Add to Homescreen Prompt

Lecture 17: Before Add to Homescreen Prompt Code

Chapter 6: The App Shell

Lecture 1: What is An App Shell

Lecture 2: App Shell Architecture

Lecture 3: Critical Path Assets

Lecture 4: Performance Impact

Lecture 5: When Should You Use An App Shell

Lecture 6: Advanced App Shell Concepts

Chapter 7: HTML5 Forms

Lecture 1: Explaining the Form Submission Library

Chapter 8: Fetch Primer

Lecture 1: What is Fetch

Lecture 2: Compare XHR to Fetch Code

Lecture 3: Basic Fetch Example

Lecture 4: Response Object

Lecture 5: Headers Object

Lecture 6: Body Object

Lecture 7: Request Object

Lecture 8: Response Types

Lecture 9: Request Modes & CORS

Lecture 10: Creating Custom Request Objects

Lecture 11: Using Fetch to Retrieve JSON

Lecture 12: Verify A Successful Response

Lecture 13: Fetch Review

Lecture 14: Using Fetch to Retrieve an Image

Lecture 15: Demonstrating Posting a Form Using Fetch

Chapter 9: Introduction to Service Workers

Lecture 1: What is a Service Worker

Lecture 2: What is a Service Worker?

Lecture 3: What is a Service Worker?

Lecture 4: How HTML5 Fell Short

Lecture 5: Service Worker Capabilities

Lecture 6: Service Workers Change the Game

Lecture 7: How Does a Service Worker Work?

Lecture 8: Service Worker Browser Support

Lecture 9: Service Worker Browser Support

Lecture 10: Progressive Web Application Checklist

Chapter 10: The Service Worker Life Cycle

Lecture 1: Introduction to Service Worker Life Cycle

Lecture 2: The Service Worker Life Cycle

Lecture 3: Service Worker Life Cycle Concepts

Lecture 4: Service Worker Life Cycle Walk Through Register, Install and Activate

Lecture 5: Service Worker Life Cycle Update Walk Through

Instructors

Chris Love
Expert Progressive Web App Engineer

Rating Distribution

1 stars: 12 votes
2 stars: 5 votes
3 stars: 24 votes
4 stars: 20 votes
5 stars: 30 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu