Progressive Web Apps The Concise PWA Masterclass
What you’ll 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.
Requirements
An understanding of HTML, CSS and JavaScript in the browser.
Basic knowledge of JavaScript ES6 syntax would be beneficial.
Description
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 solveLearn supporting JavaScript concepts for working with PWAs, including Promises & the Fetch APIPractical, In-depth lessons on each individual aspect of building a PWAService WorkersPush NotificationsCachingNative capabilitiesAn 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 OverviewWith 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.
Overview
Section 1: Overview
Lecture 1 Introduction
Lecture 2 Technical Overview
Lecture 3 Lesson Structure
Section 2: Service Worker
Lecture 4 Introduction
Lecture 5 Promise API
Lecture 6 Fetch API
Lecture 7 Lifecycle
Lecture 8 Events: Fetch
Lecture 9 Scope
Lecture 10 ServiceWorkerRegistration
Lecture 11 Events: Message
Lecture 12 Events: Push
Section 3: Push Notifications
Lecture 13 Notifications
Lecture 14 Server Push
Section 4: Caching
Lecture 15 Storage Options
Lecture 16 CacheStorage
Lecture 17 Cache API
Lecture 18 Caching in the Service Worker
Lecture 19 Caching Strategies
Section 5: Native App Features
Lecture 20 Develop with Real Devices
Lecture 21 Web App Manifest
Lecture 22 Add to Homescreen
Lecture 23 Safari App Icons
Section 6: Build a Progressive Web App – Project
Lecture 24 Project Introduction
Lecture 25 Adding a Service Worker
Lecture 26 Cache Dynamic Content
Lecture 27 Managing Cache Storage
Lecture 28 Deploying with GitHub Pages
Lecture 29 Testing with LIghthouse
Section 7: Build a Push Server – Project
Lecture 30 Project Setup
Lecture 31 Server Endpoints
Lecture 32 Public Key
Lecture 33 Server Subscription
Lecture 34 Subscription Storage
Lecture 35 Push Notifications
Lecture 36 Subscription Management
Section 8: Rapid PWAs with Workbox – Project
Lecture 37 App Overview & Setup
Lecture 38 App Shell
Lecture 39 App Logic
Lecture 40 Camera
Lecture 41 Adding Messages
Lecture 42 Syncing Messages
Lecture 43 Creating a Service Worker
Lecture 44 Automating Service Worker Builds
Section 9: Epilogue
Lecture 45 Resources & Further Learning
Lecture 46 Bonus Lecture: Feedback & Stackacademy.tv Courses
This course is best suited for Web Developers looking to expand their skillset.,The course aims to teach the core technologies behind Progressive Web Apps.,There is no coverage of the JavaScript language or the browser’s JavaScript context, this knowledge is assumed.
Course Information:
Udemy | English | 5h 58m | 1.84 GB
Created by: Ray Viljoen
You Can See More Courses in the Developer >> Greetings from CourseDown.com