What is a progressive web app in 60 seconds!

What is a progressive web app in 60 seconds!


♪ (intro music) ♪ ♪ (music) ♪ You are creating a wonderful app, and you need to decide, should I make it a web or native? On one hand, web apps
are easier to share via links, and people start using them right away. No need to install anything. Their reach is far and wide. They are multi-platform. On the other hand, native apps
are easier to access on your device, load fast, and have more access
to hardware capabilities. Good news! You might get
the best of both worlds with a Progressive Web App. I’m going to show you
how to do that in 60 seconds. A Progressive Web App is built
and lives on the web but has native app capabilities. It has features like push notifications, and it is installable on your device. That can sound
like an installable website, but there is much more to PWAs. A Progressive Web App
must be a couple of things. First, reliable. It should load instantly
and never show the downasaur– I’m sorry, T-Rex. It should be fast and respond quickly
to user interactions. Last, it should be engaging
and feel like a natural app on the device. There are two fundamental components
in Progressive Web Apps: a) the manifest which is a JSON file
that contains everything about looks– icons, background color,
name, among others. And b) the service worker,
which is a JavaScript file that works with your browser
to create a layer between your app and the network. This allows things like notifications,
fast loading, caching, and background sync. By the way, PWAs also work
on desktop devices. (bell dings) A Progressive Web App will give you,
with a single code base, the big reach of the web, as well as the engaging features
of native apps. For more, check out the links
in the description. You’ll learn a lot more details
about Progressive Web Apps and find a codelab
to create your very own. Don’t forget to subscribe
and share with your friends. (roar) ♪ (music) ♪

Leave a Reply

Your email address will not be published. Required fields are marked *