Creating Progressive Web Apps

1.1 Introduction
You need a native app, or at least that's what we've been told for not just mobile devices, but for desktop and laptop machines. And it's entirely possible that, yes, you do need a native app because there's something to say about applications that are built specifically for particular hardware or operating systems. But at the same time, there's something to say about web applications. They are built for a wide variety of devices and operating systems, plus, they don't consume a lot of storage space, and for the most part, they're relatively friendly to a device's available resources. Well, this is where progressive web applications really shine, because they combine the best features of the web with capabilities that are traditionally thought of as native only. And the best thing is users don't actually have to install a progressive web app. You can increase your application's performance and the user's experience by just implementing progressive web application features. Hi, I am Jeremy McPeak, and I invite you to spend a little bit of time with me so that I can teach you how to write Progressive Web Applications. We'll start completely from scratch and we won't use any monolithic frameworks. So almost everything is just plain, ordinary JavaScript. Now, we'll start with the manifest file, which contains information about your application. But the real fun begins when we start talking about service workers, because then you'll learn how to make your application work offline, even with dynamic resources. You'll also learn how to work with and store data with IndexedDB so that when your application is online, you can actually issue updates to the server. You'll also learn how to create notifications within your application, as well as receive and work with push notifications. And finally, you'll learn how to make your application installable so that end users can install your application on their devices. We have a lot of ground to cover, so when you're ready, cue up the next video and we will get started.
Back to the top

Creating Progressive Web Apps

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
1 lesson, 02:03

1.1
Introduction
02:03

2.Getting Started
4 lessons, 34:07

2.1
What You Need
07:47

2.2
Writing the Application
12:13

2.3
Creating a Manifest File
08:11

2.4
Registering Service Workers
05:56

3.Caching Resources
5 lessons, 40:57

3.1
Caching Basics
08:05

3.2
Caching More Resources
07:30

3.3
Providing an Offline Status
08:34

3.4
Working With Multiple Caches
10:27

3.5
Caching Dynamic Resources
06:21

4.Background Sync
3 lessons, 23:35

4.1
Preparing the Application
08:13

4.2
Storing and Retrieving Data With IndexedDB
07:38

4.3
Syncing Data
07:44

5.Notifications
2 lessons, 21:35

5.1
Creating Notifications
10:34

5.2
Handling Notifications
11:01

6.Making the Application Installable
1 lesson, 08:14

6.1
Finishing Touches
08:14

7.Conclusion
1 lesson, 01:07

7.1
Conclusion
01:07

1.1 Introduction

Creating Progressive Web Apps

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction1 lesson, 02:03

2.Getting Started4 lessons, 34:07

3.Caching Resources5 lessons, 40:57

4.Background Sync3 lessons, 23:35

5.Notifications2 lessons, 21:35

6.Making the Application Installable1 lesson, 08:14

7.Conclusion1 lesson, 01:07

1.1 Introduction

1.Introduction
1 lesson, 02:03

2.Getting Started
4 lessons, 34:07

3.Caching Resources
5 lessons, 40:57

4.Background Sync
3 lessons, 23:35

5.Notifications
2 lessons, 21:35

6.Making the Application Installable
1 lesson, 08:14

7.Conclusion
1 lesson, 01:07