Getting Started with Progressive Web Apps
In this course, we will create a 'Car Deals' website using techniques and technologies to transform it from a simple web page into a progressive web app.
What you'll learn
Progressive Web Apps consist of a new palette of technologies such as the web app manifest, home-screen install support, service workers and the app shell. These bridge the gap even more between native and web apps offering new capabilities to web developers to create amazing desktop and mobile experiences. In this course, Getting Started with Progressive Web Apps, you'll learn how to develop car deals website using some of these new APIs and features that will transform it from a simple web page into a progressive web app. First, you'll explore the App Shell and figure out how it works. Next, you'll learn about client-side storage and service workers. Finally, you'll discover how to work with installable web apps. By the end of this course, you'll know what progressive web apps are and you'll have a full scope of the tools that you have at your disposal.
Table of contents
- Introduction 0m
- What Is the App Shell? 2m
- Environment Setup 1m
- Online Demos - Compatibility 2m
- App Shell Setup: Styles 3m
- App Shell Setup: Layout 1m
- Loading Dynamic Data: Templates 3m
- Promises 5m
- Loading Dynamic Data: Fetch API 2m
- Loading Dynamic Data: Template Binding 3m
- First Load 1m
- Loading External Pages 2m
- Summary 1m
- Introduction 0m
- Cookies 1m
- HTML5 Web Storage 2m
- WebSQL: Overview 1m
- IndexedDB: Overview 1m
- IndexedDB: Demo 4m
- Car Deals Storage: Setting Up 2m
- Car Deals Storage: Adding Data 2m
- Car Deals Storage: Retrieving Data 2m
- Car Deals Storage: Load More 2m
- Offline or Bad Network 4m
- App Cache 2m
- Cache API 3m
- Summary 1m
- Introduction 0m
- The Problem 1m
- Service Worker Overview 2m
- Service Worker Requirements 1m
- Register a Service Worker 3m
- Service Worker Lifecycle Overview 3m
- Service Worker Lifecycle Demo 2m
- Service Worker Scope 1m
- Pre-caching 2m
- Update Cache 2m
- Immediate Control 3m
- Additional Events 3m
- Fetching 2m
- Network Only Strategy 2m
- Network First Then Offline Strategy 3m
- Offline First Then Network Strategy 2m
- Caching Scenarios 2m
- Communication with Client 2m
- Summary 1m
About the author
Bill is a Microsoft MVP, Google Developer Expert, a Senior Software Engineer at Software Competitiveness International, and the creator of Dotnetweekly. He has over 7 years of experience in building Web Applications and is excited to learn and teach technologies as they develop/mature in the ever-changing world of the web. Bill started his career in Silicon Valley in 2006 developing Facebook applications that grew to have more that 6 million users. He then continued working on the Ruby-on-Rails ... more