Progressive Web Apps - The Concise PWA Masterclass

Watch Progressive Web Apps - The Concise PWA Masterclass

  • G
  • 2017
  • 1 Season

The show "Progressive Web Apps - The Concise PWA Masterclass" from Stackacademy.tv is a comprehensive guide to creating high-quality progressive web applications (PWAs). The show is designed to help web developers create PWAs that are fast, reliable, and engaging.

The course is broken down into four main sections. The first section covers the basics of PWAs, including what they are, why they are important, and how they differ from traditional web apps. The second section covers the technical fundamentals of PWAs, such as service workers, app manifests, and caching strategies. The third section focuses on improving the user experience (UX) of PWAs, with topics such as offline support and push notifications. The final section covers optimization techniques, such as improving performance and minimizing network usage.

Throughout the course, the instructor provides clear explanations, practical examples, and hands-on exercises. The course is designed to be accessible to people with a range of skill levels, from beginners to experienced developers.

One of the strengths of the show is its emphasis on real-world use cases. The instructor frequently discusses how each concept can be applied in a real-world scenario, and provides examples of well-designed PWAs that implement each technique. This makes it easier for students to understand how to apply the concepts to their own projects.

Another strength of the show is its attention to detail. The instructor covers each topic thoroughly, providing in-depth explanations and answering common questions. This is particularly evident in the section on technical fundamentals, which can be quite complex. The instructor does an excellent job of breaking down each concept and explaining how it fits into the overall architecture of a PWA.

The show also benefits from its use of clear, concise language. The instructor avoids technical jargon and explains each concept using plain language. This makes the show more accessible to people who are new to web development or who are unfamiliar with the concepts discussed.

One potential weakness of the show is that it can be quite dense. Some sections, particularly the section on technical fundamentals, may be difficult to follow for people who are not familiar with the underlying technologies. However, the instructor does a good job of breaking down complex concepts and providing clear explanations, so even people who are new to the field should be able to follow along with some effort.

Overall, "Progressive Web Apps - The Concise PWA Masterclass" is an excellent resource for anyone interested in creating high-quality PWAs. It provides a comprehensive guide to the concepts and techniques involved in creating PWAs, and does an excellent job of explaining complex technical concepts in a way that is accessible to people with a range of skill levels. The show is well-paced, informative, and engaging, and is likely to be a valuable resource for anyone looking to create fast, reliable, and engaging PWAs.

Filter by Source
No sources available
Seasons
Build a PWA: Testing with LIghthouse
31. Build a PWA: Testing with LIghthouse
September 30, 2017
Learn to use Google's web app auditing tool, Lighthouse, to improve a PWA.
Build a PWA: Deploying with GitHub Pages
30. Build a PWA: Deploying with GitHub Pages
September 30, 2017
Deploy a PWA to GitHub Pages as a free SSL enabled static app hosting solution.
Build a PWA: Managing Cache Storage
29. Build a PWA: Managing Cache Storage
September 30, 2017
Manage cached content with an undetermined expiration. This lesson will teach practical messaging between the main context and the service worker.
Build a PWA: Cache Dynamic Content
28. Build a PWA: Cache Dynamic Content
September 30, 2017
Learn to implement customised caching strategies based on specific content types. This lesson show how to cache API requests with the network as a priority and cache images that persist across Service Worker Updates.
Build a PWA: Adding a Service Worker
27. Build a PWA: Adding a Service Worker
September 30, 2017
Add the first Progressive Web App features to the project app.
Build a PWA: Project Introduction
26. Build a PWA: Project Introduction
September 30, 2017
An overview of the web app to be made progressive, including complete coverage of the app's code and goals of this project.
Safari Offline Support
25. Safari Offline Support
September 30, 2017
Part 2 of providing iOS fallback with the addition of an Application Cache Manifest (App Cache).
Safari App Icons
24. Safari App Icons
September 30, 2017
Learn to provide Web App Manifest fallback for Safari mobile on iOS.
Add to Homescreen
23. Add to Homescreen
September 30, 2017
Understand the trigger requirements for the "Add to Home Screen" dialog and learn to invoke it manually via Chrome Devtools.
Web App Manifest
22. Web App Manifest
September 30, 2017
Understand the basic format and workings of the Web App Manifest file.
Develop with Real Devices
21. Develop with Real Devices
September 30, 2017
A short tutorial on using Chrome remote debugging. i.e. Devtools on a real device.
Caching: Caching Strategies
20. Caching: Caching Strategies
September 30, 2017
An example lesson of identifying and implementing suitable caching strategies for specific resources.
Caching: Caching in the Service Worker
19. Caching: Caching in the Service Worker
September 30, 2017
Integrate the Cache API into the Service Worker to intercept browser requests and serve cached responses.
Caching: Cache API
18. Caching: Cache API
September 30, 2017
Learn the basic workings of the Cache API, including adding entries, deleting entries, using the Put method and listing cache keys.
Caching: CacheStorage
17. Caching: CacheStorage
September 30, 2017
Learn to use the CacheStorage interface for creating, opening and deleting caches.
Caching: Storage Options
16. Caching: Storage Options
September 30, 2017
A brief overview of the different storage options available for Progressive Web Apps and why we'll use the Cache API.
Server Push
15. Server Push
September 30, 2017
An overview of the push notification process. This lesson will show you how to create a basic Node.js push server, subscribe to a push service and receive push notifications on the service worker.
Push Notifications
14. Push Notifications
September 30, 2017
See how to request permission and show native notifications, using the HTML5 Notifications API.
Service Worker: Push Event
13. Service Worker: Push Event
September 30, 2017
A quick demonstration of listening for server push events on a Service Worker.
Service Worker: ServiceWorkerRegistration
11. Service Worker: ServiceWorkerRegistration
September 30, 2017
Learn to use the ServiceWorkerRegistration object to monitor and respond to Service Worker updates and state changes.
Service Worker: Scope
10. Service Worker: Scope
September 30, 2017
Understand how the Service Worker location affects it's permissions scope and how to define a custom scope.
Service Worker: Lifecycle
8. Service Worker: Lifecycle
September 30, 2017
A walkthrough of the various stages of a Service Workers lifecycle. This includes: Registration, Installation, Waiting, Activated
Service Worker: Fetch API
7. Service Worker: Fetch API
September 30, 2017
An introduction to understanding & using the new Fetch API. This is a practical-use tutorial covering the basics of using Fetch over traditional XMLHttpRequest.
Lesson Structure
4. Lesson Structure
September 30, 2017
A guide on what tools will be used throughout the course and how examples will be presented. This lesson will ensure that you can follow along easily and have the best possible environment ready for building and testing PWA's.
Technical Overview
3. Technical Overview
September 30, 2017
An introduction to the different aspects of a Progressive Web App and some design considerations when developing.
Introduction
1. Introduction
September 30, 2017
Course Introduction
Description
  • Premiere Date
    September 30, 2017