Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Progressive Web App

Progressive Web Apps (PWA) - From Beginner to Expert

Learn How To Deliver the Best User Experiences using the Best Web Technology
Rating: 4.2 out of 54.2 (77 ratings)
984 students
Created by Chris Love
Last updated 6/2018
English
30-Day Money-Back Guarantee

What you'll 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

Course content

23 sections • 203 lectures • 21h 6m total length

  • Preview01:41
  • Preview05:50
  • Using Visual Studio Code
    13:47
  • Installing Node
    11:38
  • The Fast Furniture Source Code
    17:45
  • A localhost Web Server Using Node http-server
    09:11
  • Links to Resources
    00:04

  • Preview04:25
  • Preview06:36
  • Preview20:38
  • PWA Expert Quotes
    07:10
  • Progressive Web App Success Stories
    10:43
  • Progressive Web App Success Stories
    02:32
  • Web Sites Must Work Offline
    04:28
  • Technical Upgrades and Requirements
    09:52
  • 3 Progressive Web Application Requirements
    01:15
  • Progressive Web Application Upgrade
    01:13
  • 3 Progressive Web Application Basics
    3 questions

  • Who Supports Progressive Web Apps?
    00:16
  • Preview03:23
  • Progressive Web Apps Support Statistics
    02:22
  • Over 1 Billion Users Have Progressive Web Application Devices
    02:12
  • iOS Safari Limitations
    06:44
  • iOS Safari Fallbacks
    03:03
  • Internet Exporer and Progressive Web Apps
    06:29

  • How HTTPS Works
    12:32
  • How TLS Works
    01:49
  • The History of SSL
    01:47
  • 5 Reasons Why You Should Use HTTPS
    15:44
  • 5 Reasons You Should Implement HTTPS Today
    05:28
  • HTTPS Browser Warnings
    07:55
  • 3 Types of HTTPS Certificates
    07:54
  • Why HTTPS is Faster Than HTTP
    09:03
  • How to Properly Implement HTTPS
    18:37
  • HTTPS Migration Checklist
    02:53
  • HTTP/2 Basics
    18:58

  • What is the Web Manifest
    10:01
  • Web Manifest Identity Properties - Names
    02:23
  • Web Manifest Identity Properties - Description
    00:35
  • Web Manifest Properties - Icons
    06:06
  • What Icon SIzes Should Your PWA Have?
    10:37
  • How PWABuilder.com Can Automate PWA Icon Creation
    02:13
  • Reviewing the Full PWA Iconset in the Developer Tools
    03:31
  • Web Manifest Identity Properties - Theme Colors
    02:05
  • Web Manifest Identity Properties - Display
    03:19
  • Web Manifest Identity Properties - Orientation
    01:12
  • Web Manifest Identity Properties - Start URL
    03:28
  • Web Manifest Identity Properties - Scope
    02:42
  • Web Manifest Identity Properties - Related Applications
    02:43
  • Web Manifest Mime/Content-Type
    01:29
  • Reviewing the Fast Furniture Web Manifest File
    04:40
  • Testing the Add to Homescreen Prompt
    02:16
  • Before Add to Homescreen Prompt Code
    04:20

  • What is An App Shell
    10:45
  • App Shell Architecture
    10:56
  • Critical Path Assets
    04:58
  • Performance Impact
    08:41
  • When Should You Use An App Shell
    05:30
  • Advanced App Shell Concepts
    03:26

  • Explaining the Form Submission Library
    18:57

  • What is Fetch
    06:16
  • Compare XHR to Fetch Code
    03:58
  • Basic Fetch Example
    07:43
  • Response Object
    02:06
  • Headers Object
    02:58
  • Body Object
    03:03
  • Request Object
    06:33
  • Response Types
    03:19
  • Request Modes & CORS
    03:34
  • Creating Custom Request Objects
    00:51
  • Using Fetch to Retrieve JSON
    11:17
  • Verify A Successful Response
    00:56
  • Fetch Review
    01:50
  • Using Fetch to Retrieve an Image
    14:43
  • Demonstrating Posting a Form Using Fetch
    06:49

  • What is a Service Worker
    12:10
  • What is a Service Worker?
    04:16
  • What is a Service Worker?
    02:03
  • How HTML5 Fell Short
    15:06
  • Service Worker Capabilities
    09:19
  • Service Workers Change the Game
    03:56
  • How Does a Service Worker Work?
    01:57
  • Service Worker Browser Support
    06:47
  • Service Worker Browser Support
    05:29
  • Progressive Web Application Checklist
    02:27

  • Introduction to Service Worker Life Cycle
    01:45
  • The Service Worker Life Cycle
    01:06
  • Service Worker Life Cycle Concepts
    09:37
  • Service Worker Life Cycle Walk Through Register, Install and Activate
    13:35
  • Service Worker Life Cycle Update Walk Through
    20:42
  • Service Worker Installation Event
    07:31
  • Service Worker Life Cycle Activate
    05:06
  • Update and skipWaiting
    10:20
  • Service Worker Automatic Update Wlk Through
    07:13
  • Service Worker Scope
    05:28
  • Service Worker Clients
    03:32
  • Unregister a Service Worker
    01:13
  • Replace Buggy Service Worker
    04:21
  • How to Uninstall a Service Worker
    04:30
  • How to Uninstall a Service Worker
    04:30
  • Service Worker Life Cycle Pro Tips
    11:47

Requirements

  • Students should have at least a fundamental understanding of HTML, CSS and JavaScript. It is recommended they also have a computure they can develop web sites and a preferred code editor. The example code is available via GitHub, so basic git source control knowledge is helpful. All code demonstrations are done using Visual Studio code, a free download.

Description

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.

Who this course is 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.

Instructor

Chris Love
Expert Progressive Web App Engineer
Chris Love
  • 4.2 Instructor Rating
  • 77 Reviews
  • 984 Students
  • 1 Course

Chris Love is a front-end developer for people and companies who are lost in the sea of modern web and user experience standards. He has a quarter century of web development experience, and has built a wide variety of web sites and applications in those years. In recent years, he immersed himself in responsive web design, single-page web applications and web performance optimization.

He applies these interests to run a small web consulting company, Love2Dev, that focuses on Progressive Web Applications and modern web technology. Love2Dev offers web development and analysis to help companies engage end users and operate more efficiently.

Chris authored 3 web development books including, High Performance Single Page Web Applications. He is currently authoring a new Progressive Web App book for Packt, due out this Fall.

He is a 10 time Microsoft MVP in ASP.NET and Web Platform. Chris regularly speaks at user groups, code camps and developer conferences. 

Through his blog, speaking and books, he’s here to help you shake up your approach to web development while making it all feel like fun. His insights and opinions have been featured in various magazines, popular podcasts web sites. He has helped hundreds of businesses and individuals, ranging from mom and pop shops through major corporate brands, to build modern web experiences.

When he’s not working on front-end development, you can find him spending time with his step-kids, learning karate, training for Spartan races and serving on his church board of directors.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.