Progressive Web Apps: The Concise PWA Masterclass

Everything you need to build Progressive Web Apps from Scratch, or upgrade your existing Web Apps to PWAs.

4.76 (968 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Progressive Web Apps: The Concise PWA Masterclass
6,755
students
6 hours
content
May 2020
last update
$74.99
regular price

What you will learn

Understand the purpose of PWAs.

Learn each aspect of the Service Worker API and the Caching API in depth.

Learn to add PWA technologies into existing web apps with the help of progressive enhancement.

Convert an existing web app to a full-featured Progressive Web App without compromising support for older Browsers.

Audit and improve a Progressive Web App with the help of Google Lighthouse testing tool.

Why take this course?

Learn to build discoverable, engaging Progressive Webs Apps (PWAs) from scratch, or Upgrade Existing Web Apps to PWAs using Service Workers, Caches API and Web App Manifests.

Learn the Essential technologies, and Concepts behind PWAs to get started as quickly and efficiently as possible.

  • Understand the purpose of PWAs and the problems they solve

  • Learn supporting JavaScript concepts for working with PWAs, including Promises & the Fetch API

  • Practical, In-depth lessons on each individual aspect of building a PWA

    • Service Workers

    • Push Notifications

    • Caching

    • Native capabilities


An invaluable skill for any Web/Mobile Developer, made available via a very concise and well-planned curriculum. 

Progressive Web Apps is an incredibly exciting, fast-growing and sought after skill in Web App Development.

This course will provide a very practical & concise approach to learning Progressive Web Apps and the curriculum includes all the aspects of PWAs ready for production today.

There’s no faster way to get started with PWAs and the course will particularly focus on upgrading existing web apps to be fully progressive without any compromise in non-supporting browsers.


Content and Overview

With 38 concise and practical lessons, this course aims to teach a solid understanding of Progressive Web Apps and is suitable for anyone with a basic understanding of HTML, CSS & JavaScript in the browser.

The course starts with an introduction to Progressive Web Apps as a concept and follows on to cover Service Workers in great details.
The Service Worker section includes short lessons on supporting JavaScript concepts, including Promises and the Fetch API.

The course also dedicates an entire section to understanding the Cache API and using it alongside Service Workers.

Finally, to put the entirety of the course contents to practice, a practical project sections covers the process of assessing and upgrading an existing Web App to be fully Progressive while still maintaining it’s initial integrity through progressive enhancement.

Upon completion of this course you will have the practical skills to immediately start building fully customised, production ready, Progressive Web Apps.

This course is to the point and everything is demonstrated in the most simple, yet practical ways.

Content

Overview

Introduction
Technical Overview
Lesson Structure

Service Worker

Introduction
Promise API
Promises - Test your knowledge
Fetch API
Understanding Promises & the Fetch API
Lifecycle
Events: Fetch
Scope
ServiceWorkerRegistration
Events: Message
Events: Push

Push Notifications

Notifications
Server Push

Caching

Storage Options
CacheStorage
Cache API
Caching in the Service Worker
Caching Strategies

Native App Features

Develop with Real Devices
Web App Manifest
Add to Homescreen
Safari App Icons

Build a Progressive Web App - Project

Project Introduction
Adding a Service Worker
Cache Dynamic Content
Managing Cache Storage
Deploying with GitHub Pages
Testing with LIghthouse

Build a Push Server - Project

Project Setup
Server Endpoints
Public Key
Server Subscription
Subscription Storage
Push Notifications
Subscription Management

Rapid PWAs with Workbox - Project

App Overview & Setup
App Shell
App Logic
Camera
Adding Messages
Syncing Messages
Creating a Service Worker
Automating Service Worker Builds

Epilogue

Resources & Further Learning
Bonus Lecture: Feedback & Course Coupons

Screenshots

Progressive Web Apps: The Concise PWA Masterclass - Screenshot_01Progressive Web Apps: The Concise PWA Masterclass - Screenshot_02Progressive Web Apps: The Concise PWA Masterclass - Screenshot_03Progressive Web Apps: The Concise PWA Masterclass - Screenshot_04

Our review

🌟 **Course Overview:** The course has received an outstanding global rating of **4.76**, with all recent reviews being positive. The majority of students have praised the instructor's clarity, the course's structure, and its applicability to real-world projects. The content is considered concise, well-paced, and comprehensive, covering the basics before moving on to more advanced concepts. **Pros:** - **Excellent Instructor**: The instructor is consistently praised for their clear explanation style, reminiscent of other popular Udemy instructors like Brad Traversy. - **Structured Learning**: The course is designed in a way that starts with fundamental concepts and gradually progresses to more complex topics. - **Real-World Application**: The principles taught are highly applicable to any JavaScript framework, making the knowledge transferable and valuable for various projects. - **High-Quality Content**: The content is well-produced, with clear visuals, easy-to-read text, and engaging animations that aid understanding. - **Positive Student Outcomes**: Many students have successfully completed PWA projects and found the course to be a great introduction or overview of Progressive Web Apps. - **Incidental Learning**: Exposure to different technologies such as jQuery, Bootstrap, and various APIs is a bonus for learners. - **Recommendation for Beginners and Experienced Users Alike**: The course is commended for its suitability for learners at all levels. **Cons:** - **Outdated References**: Some frameworks and tools have been updated since the course was created, leading to minor discrepancies (e.g., Bootstrap classes, Workbox strategies, and documentation changes). - **Resource Management**: It is suggested that having continuous flow where each lecture's code is available in the next lecture would be helpful to avoid downloading resources multiple times. - **Viewing Experience on Smaller Devices**: There is a recommendation to zoom in more during coding segments for better viewing on smaller devices. - **Documentation Challenges**: Some students found the current Workbox documentation less intuitive than before. - **Technology Updates**: Students should be aware of changes in technologies like Chrome's remote devices feature and the deprecation of certain Workbox functions. **Additional Notes:** - **IndexedDB**: One student suggested that a chapter dealing with IndexedDB would be beneficial. - **Async/Await for Promise Hell**: Simplifying complex callback structures with async/await could enhance understanding and code maintainability. - **Resource Availability**: It is recommended that the instructor provides commented code from one lecture to the next to facilitate a smoother learning experience. **Conclusion:** Overall, this course is highly recommended for anyone interested in learning about Progressive Web Apps (PWA) and Service Workers. The positive feedback from students underscores its effectiveness and the instructor's teaching style. While there are some outdated references and minor issues with resource availability, these do not significantly detract from the overall course experience. With a focus on practical application and clear explanations, this course stands as one of the best available for PWA development on Udemy.

Charts

Price

Progressive Web Apps: The Concise PWA Masterclass - Price chart

Rating

Progressive Web Apps: The Concise PWA Masterclass - Ratings chart

Enrollment distribution

Progressive Web Apps: The Concise PWA Masterclass - Distribution chart
1233648
udemy ID
5/29/2017
course created date
5/12/2019
course indexed date
Bot
course submited by