Progressive Web Apps (PWA) - The Complete Guide [Video]
Video
Video
$49.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with video?
What do you get with Audiobook?
What do you get with Exam Trainer?
Video
$49.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterGetting Started
- About this Course
- What are Progressive Web Apps?
- PWAs vs Native Mobile Apps
- A Demo PWA & What We'll Build in this Course
- Our First Progressive Web App
- PWA Core Building Blocks
- Comparing PWAs and SPAs
- What is "Progressive Enhancement"?
- Course Outline
- Course Project Setup
- How to get the Most out of this Course
-
Understanding the App Manifest
- Module Introduction
- Using an App Manifest to Make your App Installable
- Adding the Manifest
- Understanding App Manifest Properties
- Adding Properties to the App Manifest
- PWAs and Browser Support
- Using the Chrome Developer Tools
- Simulating the Web App on an Emulator
- Installing the Web App ? Prerequisites
- Adding Properties for Safari
- Adding Properties for the Internet Explorer
- Wrap Up
-
The Service Workers
- Module Introduction
- Why Service Workers Are Amazing!
- Understanding Service Worker Events
- The Service Worker Lifecycle
- Service Worker Browser Support
- Registering a Service Worker
- Reacting to Incoming Events (in SW)
- Updating & Activating Service Workers
- Non-Lifecycle Events
- Getting that "App Install Banner"
- Testing the App on Real Device (and Installing the App!)
- Deferring the App Install Banner
- Wrap Up
-
Promise and Fetch
-
Service Workers – Caching
- Module Introduction
- Why Caching?
- Understanding the Cache API
- Browser Support
- Adjusting the Course Project
- Identifying (Pre-) Cacheable Items
- Static Caching/ Precaching
- Retrieving Items from the Cache
- Adding & Retrieving Multiple Files (to/ from Cache)
- Cache Multiple Files with addAll
- Dynamic Caching - The Basics
- Implementing Dynamic Caching
- Handling Errors
- Adding Cache Versioning
- Different Cache Versions & Cleanup
- Optimizing Cache Management
- Wrap Up
-
Service Workers - Advanced Caching
- Module Introduction
- Module Preparation: Adding a Button
- Offering "Cache on Demand"
- Providing an Offline Fallback Page
- Strategy: Cache with Network Fallback
- Strategy: Cache Only
- Strategy: Network Only
- Strategy: Network with Cache Fallback
- Strategy: Cache then Network
- Cache then Network & Dynamic Caching
- Cache then Network with Offline Support
- Cache Strategies & "Routing"
- Applying Cache Only
- A Better Way of Parsing Static Cache URLs
- A Better Way of Serving Fallback Files
- Post Request and Cache API
- Cleaning/ Trimming the Cache
- Getting Rid of a Service Worker
- Preparing the Project for the Next Steps
- Wrap Up
-
IndexedDB and Dynamic Data
- Module Introduction
- Understanding the Basics
- Setting up Firebase
- Connecting Frontend to Backend
- Dynamic Caching vs. Caching Dynamic Content
- Introducing IndexedDB
- IndexedDB Browser Support
- Adding the IDB File
- Storing Fetched Posts in IndexedDB
- Using IndexedDB in the Service Worker
- Reading Data from IDB
- Clearing IDB & Handling Server-Client Mismatch
- Implementing the Clear Database Method
- Deleting Single Items from the Database
- IndexedDB and Caching Strategies
- Wrap Up
-
Creating a Responsive User Interface (UI)
-
Background Sync
-
Web Push Notifications
- Module Introduction
- Why we need Web Push Notifications
- How Push & Notifications Work
- Displaying Notifications - Some Theory First
- Browser Support
- Requesting Permissions
- Displaying Notifications
- Notifications from Within the Service Worker
- Understanding Notifications' Options
- Advanced Options
- Adding Actions to Notifications
- Reacting to Notification Interaction ? Clicks
- Reacting to Notification Interaction ? Closing
- From Notifications to Push Messages
- Creating a Push Subscription
- Storing Subscriptions
- Connecting Server & Client (PWA)
- Sending Push Messages from the Server
- Listening to Push Messages
- Displaying Push Notifications on a Real Device
- Opening a Page upon User Interaction
- Improving our Code
- Wrap Up
-
Native Device Features
- Module Introduction
- Preparing the Project
- Getting DOM Access
- Creating our own Polyfills
- Getting the Video Image
- Hooking Up the Capture Button
- Storing the Image on a Server
- Accepting File Upload Example with Firebase
- Testing the Camera & Upload
- Implementing a Fallback
- Getting the User Position
- Fixing Bugs
- Testing the App on a Real Device
- Wrap Up
-
Service Worker Management with Workbox
- Module Introduction
- Understanding the Basics
- Installing Workbox & Using It
- Configuring Workbox Precaching
- Customizing the Service Worker
- Implementing Routing with the Workbox Router
- Expanding Dynamic Caching
- Options and Setting up Strategies
- Custom Handlers (Example: For IndexedDB)
- Providing an Offline HTML Fallback
- Handling Background Synchronization and Push Notifications
- Understanding the Workbox Documentation
- Enhancing the Build Workflow
- Running our App on a Real Server
- Auditing our Webpage with Lighthouse
- Wrap Up
-
SPAs and PWAs
-
Course Roundup
About this
video
Progressive Web Apps (PWA) are the next big thing in web development as they bring mobile-app-like experiences to your users without requiring them to install an app from the App store/ Play store.You still create a web application (HTML, CSS, JavaScript) but this course will teach you how to add features such as camera access, service workers for offline support, push notifications, and more. This combines the best of both worlds: You deliver fast, engaging and reliable experiences whilst still having the reach and accessibility of a web page. "Progressive Web App" is simply a term that summarizes all the features that allow you to deliver mobile-like experiences. The topic is highly trending and it also is a topic which is here to stay! Not only is it strongly promoted by Google (actually a lot of talks at Google I/O 2017, Google's developer conference, were devoted to PWAs), it's also quickly being adopted by big companies like Twitter or the Washington Post. Having the skills to build and optimize these kind of web apps is already an important and highly demanded skill for modern web developers, a trend which is only going to accelerate! Therefore, learning how to build PWAs will give you a competitive edge! To ensure that you can apply the knowledge to ANY of your projects, the course project doesn't assume any JavaScript framework but focuses on the core features mentioned above!
- Publication date:
- April 2018
- Publisher
- Packt
- Duration
- 13 hours 51 minutes
- ISBN
- 9781789135770
Latest Reviews
(2 reviews total)