Progressive Web Apps - PWA Roadshow

Progressive Web Apps, or PWAs, are experiences that combine the best of the web and the best of apps. They load quickly, help you re-engage with users through notifications, and have other properties you'd normally only associate with native apps.
In the first part of the Progressive Web App video series, you’ll find out how others have successfully used PWAs to improve their user experience and learn some of the key concepts behind PWAs.
Code Labs
Your First Progressive Web App - goo.gl/9DJRJq
Debugging Service Workers - goo.gl/suGNRb
Web Push Notifications - goo.gl/QRLk5i
PaymentRequest API - goo.gl/dxWGdP
Catch the rest of the PWA Roadshow here - goo.gl/HdiR8t
Subscribe to the Google Chrome Developers channel: goo.gl/LLLNvf

[@honeypot11]

this is by far the best explanation for PWA

[@WashingtonMoreira]

This gives me inspiration. Thank you so much.

[@NimaJafari]

Thanks, Looking forward to your next videos!

[@prasangsharma7]

Very informative video. PWAs are proving to be of great utility in countries where the internet connection isn't that great, like India.

[@markkevinringor2251]

Nice wrapping the whole PWA in single video

[@michaelstrotton9666]

Excellent explanation of what a WPA is and does. Ten out of Ten

[@AndanHM]

Super nice introduction to PWA.

[@HoangVu-kg3ui]

Thanks to show me the great things!

[@genealbert7888]

Sir, thank you verry much for this video. It might save my thesis project.

[@rontheoracle]

When native mobile apps have gone rogue, PWA is here for the rescue. That is awesome.

[@vapornate]

future of app dev and web dev

[@akashgupta1353]

Best Explanation on PWA 💯

[@mashupstudio.youtube]

I would like found more video talking about how can I go straight forward in the entire develop of a sistema like app as nodejs and another environment of execution

[@Sunny-ip7sg]

That's a really nice explanation.

[@AlexBerg1]

I like this guy.

[@LunfardoAR]

like if PWA was not a buzzword already, let's add FIRE to fire it up. Great video, love the real world examples and metrics

[@VacancyJB]

this is something that apple scared of...as more ppl using web app, the less ppl will download app from store and they will not able to charge fee from the developer...

[@nunoRRsantos]

Yes, it's very true..

[@j.k.1239]

Do you realize that it will end Google android monopoly?....

[@atifkhanthegreat]

paid apps would still be made in native languages. pwa is possible only because platform like iOS and Android are supporting them. iOS give even less support for PWA, for example you can't get push notification for PWA apps

[@ditirorantloane9521]

@@atifkhanthegreat Hi ...but they just mentioned that you can enable push notification on Webapps..actually progressive web apps as there is a difference between the two. Google maps is PWA and on IOS it still sends push notifications. When you are about to leave your house, it would tell you how long it will take you to get to the office with the traffic in mind.

[@omariblake21]

@@atifkhanthegreat yes you can enable push notifications with pwa....

[@HShango]

Absolutely true, I hate it when websites performance is bad, yes "speed kills".

[@itusantiago]

Awesome!

[@sabuein]

Thank you.

[@chiranjeevisubashchandrara117]

Good experience with features

[@anupyadav264]

amazing explanation

[@logicunleashed]

Really useful information.

[@mohamedrafi8872]

A Very Nice Presentation

[@bimbolawal1063]

I'm not a developer but i want to learn about PWAs is this the right head up?

[@BockDAB]

5:51 thank you for not rick rolling us

[@akankshasinha946]

Can we integrate with the tableau dashboards?

[@victorkochkarev2576]

What is the difference between PWA and WebApp the way it was introduced by Steve Jobs when HTML5 and WebKit was introduced.

[@a2ztechgamer681]

Hi, anybody can help me . how to create a mobile web app on browsers like the mobile application. What's the technologies they are using .

[@siddharthsingh5829]

Thankyou so much....😄😄😄

[@shivashukla7894]

PWA seems very interesting. Its 2022 and still why no one talks about it?

[@toomuchtruth]

Could someone please address the elephant in the room with regards to PWAs: browser performance vs native UI. This brave new world homescreen-browser-apps reminds me alot of an old friend- Hybrid apps, which were largely thrown out due to sub par performance. It seems a bit disingenuous that this is being totally ignored.

[@mumblic]

18:03 Airberlin? Oeps! ;-)) This video is clearly recorded a long time ago!

[@kevctrl]

Is that the "Welcome To The Jungle" intro?

[@nunoRRsantos]

This is a great jungle for the firts adventures

[@rajgopinoth4241]

You win the internet today. And it's the superbowl

[@orlovsskibet]

Give us geolocation access in the service-worker - please :-)

[@ServiceManager]

Hi all! I have a "simple problem", when the user clear the cash the Indexdb clear too. How can I solve it!?

[@ChumX100]

At best, be prepared for when it happens, save backups in your servers. If the user want to delete data in his own machine, you shouldn't be able to prevent that in any way.

[@l-cky7924]

Where did this guy get the linux t-shirt?

[@hk_build]

Greate information..!! How to know the website is PWA in a simple way can you name few websites which have offline accessibility ??

[@hemanth6951]

He mentioned in India lot

[@edu.paixao]

WOW!!

[@valacebedo]

This is a good explanation. Meanwhile, Microsoft Web Apps are being used in many companies these days...

[@karthikkn1406]

i have build a PWA for a website balijasevasanghaballari.org, the problem is I have embedded the youtube video when I start to play a video after 30 seconds the screen turns out as there was no video playing, in Mozilla it is working fine

[@hart5483]

The sad thing is, Google's own KZbin don't have PWA. Maybe only Google map that has PWA now. The other is just shortcut (there's chrome logo in it)

[@thomas_teboho]

So then why are native apps still expensive to maintain if PWAs are better alternatives?

[@parrou3]

Is the Angular the best framework to build PWA ?

[@rightwing3599]

Polymer

[@pratikrane149]

Vanilla

[@appscopepwa7965]

Great video. These are indeed some good examples of PWAs. Since this video was posted, even more big services that we used to think of as "app-only" have released their own progressive web apps. For an updated list of these PWAs, I recommend checking out Appsco.pe (appsco.pe).

[@emiliog07]

I wish everybody everywhere would just do Progressive Web Apps

[@mohamedmoues8564]

Emilio Garza All Google services, banks social media shopping sites have PWA and I like it

[@ykaribou]

It makes me want to create PWAs but the questions I always ask to me to create a PWA, how long does it take and how many people are involved in creating them?

[@PeteLePage]

It's building a really good web experience, so it really depends on your team and what you set the goals to be.

[@tomye2940]

in 8:30, when he showed the notification to the front,my phone messenger app, instantly, sent notification with the vibration and "b..km" sound!! "How the magic did he.........oww,aha!" was my reaction 😂

[@raushonmunni2633]

It is amazing when this types of things happen

[@googIe.com.]

10:14 I ❤️ PWAs🐷

[@jaisoneji9943]

is that really you?

[@TonyS4870]

Don't get me wrong, PWA have come a long way and can already do a lot but sensor wise they are still are not as good as native apps. Also it's very hard to do always smooth running (complex) animations on mobile.

[@joantonio6331]

Not so fast... I am making my PWA and I found it AS SMOOTH as a native App... And I am only using Angular 5...

[@davethewebguy]

True but the idea behind PWA is to give a development path for the bulk of people who want an app presence on the phone for their company -- sensors are not needed in the majority of the market that wants an app. The small business flower shop around the corner doesn't need the sensor functionality, and now, they no longer need an expensive app developer who costs a lot because they have that programming range, so they can have an app just like the bigger enterprise businesses. This is a big deal and I hope it takes off.

[@bryanlee5522]

Yes but most apps don't need that stuff. native apps will always exist, but it seems to me that PWAs open the barrier of entry. I mean now a local business could have an app on your phone which wouldn't be worth it

[@ralexand56]

I'll buy in when google makes a pwa youtube or google map app.

[@PeteLePage]

Awesome, we're working on it already! thenextweb.com/apps/2017/12/14/googles-lightweight-maps-go-is-just-a-progressive-web-app-heres-how-to-try-it/

[@achrafg8858]

hello everyone I am in terminale and for my project of end of study I already create a website with symfony 3 now I have to change it into a Progressive web app who can help me (tutorial, blog, site ....) PS: it's my first Progressive web application

[@BrianBest]

Fly away success... your puns slay me man lol 😂

[@PeteLePage]

Thanks - I tend to like bad jokes. I'd tell you a joke about pizza, but it's too cheesy!

[@toomuchtruth]

lol

[@paulocristo1]

Faço com PWA ou melhor TWA

[@madhuramagarwal1012]

Can we monetize a PWA

[@abc3631]

There's nothing that's being said here, that a native app with a native library can not do. Perhaps the only thing that gives web apps the real edge is simplifying the interface enough to allow web developers to contribute to app development with less ramp up time, and giving the maintainers a substantial leeway to push new features without the need for every user to install updates.so what I'm saying is the success stories attributed to PWA may not be a fair conclusion to make. Or maybe I'm missing something here

[@hyperion9062]

D-Did I just get Rickrolled ????

[@alexanderruhle6268]

Nice Video! airberlin is broke btw ;)

[@PeteLePage]

D'oh!

[@centeura1435]

The fact that he is using Twitter as example for ideal web site isn't aging really well, considering these days..

[@abdullahbhuiyan662]

How to become a progressive web app developer... Full tutorial need...

[@DanielGherard]

Learn Polymer. Easy as that.

[@PeteLePage]

We have an instructor lead training program (developers.google.com/web/ilt/pwa/), a Udacity course (www.udacity.com/course/intro-to-progressive-web-apps--ud811) and a quick code lab (developers.google.com/web/fundamentals/codelabs/your-first-pwapp/) that you can run through!

[@LunfardoAR]

Thank you. A recommendation, you should put a space after the url and before the closing parenthesis

[@johnbalvin5401]

thank you, by the way, links don´t work because the last ")", if you omit that, it works

[@imranhossain3504]

Easy

[@andyturner4197]

"The average user installs zero apps per month. By contrast, mobile users visit over 100 websites every month" This is obviously not a comparable stat. These users might be going to the same websites they always do every month, which is comparable to using all the same apps that they already had installed. No new apps installed = no new websites visited.

[@chiboymarcel527]

Actually I don't think so. A successfull facebooker, most almost certainly visit at least two extarnal links in three days, now add some gmail, stack, medium. Yeah you get the point :)

[@MatthewTaylorAu]

This looks to be same googlelabs as this link. developers.google.com/web/fundamentals/codelabs/your-first-pwapp/ and this git repo > github.com/googlecodelabs/your-first-pwapp.git github.com/googlecodelabs/your-first-pwapp/archive/master.zip I couldn't find a completed git repo to compare any typos. I have this working on local host, but hangs when hosted on an aws ec2 instance. www.automationservices.host/ Uncaught TypeError: Cannot read property 'then' of null at app.js:218 getForecastFromCache(location.geo) .then((forecast) => { renderForecast(card, forecast); });

[@fatih-araz]

Nobody will add a homepage to the homescreen. Why should i? At the end of the day my homescreen will blow up. Hmmm a time wasting project. Maybe interesting for websites which are not allowed to be listed in the appstore/playstore

[@wazy1852]

0:01 welcome to the jungle

[@soura]

olx pe bech de!

[@reaperforever8478]

Rip dinosaur

[@jacobtran4010]

Apple watching this and laughing.. ha ha .

[@judgewest2000]

Jacob Tran totally agree. I’ve built a bunch of pwa’s for iOS for many years, and panic with every new big iOS release as something will not work

[@mattizzle81]

Safari is garbage. Apple is still bitter at Google for 'stealing' their idea of smartphones/tablets. They will fight tooth and nail against a more powerful web that doesn't lock apps into a single platform.

[@AZAMILYAS]

AI+PWA+BOTS+VA= APP KILLERS?

[@kittu999c]

That's a stiff explanation

[@victorgarza9008]

i see hacer 2546624748

[@weldongreen9547]

FYI AirBerlin is bankrupt and has closed down... (without refunding any tickets). So you might trigger a lot of EU fliers with that PWA celebration ;)

[@PeteLePage]

D'oh, we recorded these a few months ago. :(

[@weldongreen9547]

Pete LePage ahh that makes sense :D still lives the bit about twitter!!!

[@fungilation]

I want to like this, but this guy is trying too hard. Like he's whining about Facebook stealing all of Google's attention. Lol, poor corporate baby. And oh, PWA doesn't work on iPhones. No go.

[@PeteLePage]

No, why not? They're just websites, so they work just fine on any device with a browser. You may not get exactly the same features, but it's still a good web experience. And Apple is working on implementing service workers, so that'll start to work on iOS devices in a future update.

[@mumblic]

@Gary F Don't try to be such Apple fan boy ;-)) You will get PWA's also!

[@fungilation]

Ok Fandroid.

[@WiLLyRS89]

they work with ios 11.3 and major, right?

[@joeys7519]

@@fungilation ios is implimenting pwa support

[@movingshapes]

A LOT of talk and NO meat.

[@dustinpoissant]

This seems like an interesting topic but I can't stand the way this guy talks. Re record this with a better actor and I'll watch it

[@kartalturhan]

+1

[@Chris2phaBrown]

I was thinking the same thing, then scrolled down an saw this comment. To me, it sounds like this guy is trying too hard to sell something. I reminds me of something you would see on a home shopping TV channel.

[@gabrielkwiecinskiantunes8950]

He's not an actor. He says at the beginning he's a developer advocate. Are you usually triggered by how people talk?

[@TJ-wc3iq]

It's easy to criticize, so you can always shoot your own better version. He isn't a fellow stand-up comic, btw.

[@PeteLePage]

What about it bugs you? Always looking for constructive feedback to do better!