Coding

What are Progressive Web Apps (PWAs) – academind.com Snippet

  • 00:00:01 what our progressive web apps
  • 00:00:04 progressive web apps is a term
  • 00:00:06 describing a set of technologies that
  • 00:00:08 allow us to do one cool thing take your
  • 00:00:11 desktop web application
  • 00:00:14 the idea behind progressive web apps and
  • 00:00:16 different features that comprises is
  • 00:00:19 that we can progressively enhance our
  • 00:00:22 web application to look and feel like a
  • 00:00:24 native mobile app while still staying a
  • 00:00:27 web app it's reliable because it loads
  • 00:00:31 fast and it provides offline
  • 00:00:33 functionality so with one of the
  • 00:00:35 features that's part of progressive Web
  • 00:00:36 Apps serviceworkers you can cache files
  • 00:00:39 to serve them even if the user is
  • 00:00:41 offline progressive web apps are fast
  • 00:00:44 you respond quickly to use reactions and
  • 00:00:47 it's engaging it feels like a native app
  • 00:00:50 because you for example can access the
  • 00:00:52 device camera all of a sudden yes this
  • 00:00:54 is possible from within a web app so why
  • 00:00:58 wouldn't you just build a mobile app if
  • 00:01:00 you want all of that let's have a look
  • 00:01:02 at some numbers here we see the usage of
  • 00:01:06 apps or of things on a mobile device so
  • 00:01:11 off they're available time users spend
  • 00:01:14 87% in native mobile apps and 30% on the
  • 00:01:18 mobile web so in the browser off their
  • 00:01:20 mobile phone searching web pages well
  • 00:01:23 that looks pretty bad for web apps
  • 00:01:24 doesn't it well let's first of all have
  • 00:01:27 a look at why it looks like this because
  • 00:01:29 mobile apps have pushed notifications
  • 00:01:31 that draw users in to them we have home
  • 00:01:35 screen icons which make it easier to
  • 00:01:36 interact with them with them with web
  • 00:01:38 pages we can access native device
  • 00:01:40 features like the camera and they
  • 00:01:42 possibly work offline so if we offer all
  • 00:01:46 of that in the web wouldn't that make it
  • 00:01:48 more appealing it would and with
  • 00:01:51 progressive web apps we can and there's
  • 00:01:54 one strong argument why it's worth the
  • 00:01:56 effort because if we have a look at what
  • 00:01:59 it takes to build a native app if you
  • 00:02:01 want to offer it on both platforms we
  • 00:02:03 need to learn both languages for iOS and
  • 00:02:05 Android and that this is important
  • 00:02:08 80% of the time spent by users in mobile
  • 00:02:10 apps goes towards their top free apps so
  • 00:02:14 you never get anything off their time
  • 00:02:16 they always spend it at Facebook Google
  • 00:02:18 Maps and whatsapp or whatever your
  • 00:02:20 favorite free apps are now that's the
  • 00:02:23 reason why we want to build a
  • 00:02:24 progressive web app we got the
  • 00:02:25 advantages of the web like the broader
  • 00:02:27 reach and we can still use native mobile
  • 00:02:30 app like features in there