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

Пікірлер: 130

  • @honeypot11
    @honeypot113 жыл бұрын

    this is by far the best explanation for PWA

  • @AndanHM
    @AndanHM6 жыл бұрын

    Super nice introduction to PWA.

  • @NimaJafari
    @NimaJafari6 жыл бұрын

    Thanks, Looking forward to your next videos!

  • @WashingtonMoreira
    @WashingtonMoreira4 жыл бұрын

    This gives me inspiration. Thank you so much.

  • @michaelstrotton9666
    @michaelstrotton96663 жыл бұрын

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

  • @prasangsharma7
    @prasangsharma75 жыл бұрын

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

  • @markkevinringor2251
    @markkevinringor22516 жыл бұрын

    Nice wrapping the whole PWA in single video

  • @akashgupta1353
    @akashgupta13533 жыл бұрын

    Best Explanation on PWA 💯

  • @genealbert7888
    @genealbert78885 жыл бұрын

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

  • @HoangVu-kg3ui
    @HoangVu-kg3ui6 жыл бұрын

    Thanks to show me the great things!

  • @rontheoracle
    @rontheoracle5 жыл бұрын

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

  • @vapornate
    @vapornate5 жыл бұрын

    future of app dev and web dev

  • @AlexBerg1
    @AlexBerg16 жыл бұрын

    I like this guy.

  • @Sunny-ip7sg
    @Sunny-ip7sg2 жыл бұрын

    That's a really nice explanation.

  • @LunfardoAR
    @LunfardoAR6 жыл бұрын

    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

  • @HShango
    @HShango4 жыл бұрын

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

  • @VacancyJB
    @VacancyJB6 жыл бұрын

    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

    @nunoRRsantos

    5 жыл бұрын

    Yes, it's very true..

  • @j.k.1239

    @j.k.1239

    5 жыл бұрын

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

  • @atifkhanthegreat

    @atifkhanthegreat

    4 жыл бұрын

    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

    @ditirorantloane9521

    4 жыл бұрын

    @@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

    @omariblake21

    4 жыл бұрын

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

  • @itusantiago
    @itusantiago6 жыл бұрын

    Awesome!

  • @anupyadav264
    @anupyadav2643 жыл бұрын

    amazing explanation

  • @chiranjeevisubashchandrara117
    @chiranjeevisubashchandrara1174 жыл бұрын

    Good experience with features

  • @mohamedrafi8872
    @mohamedrafi88724 жыл бұрын

    A Very Nice Presentation

  • @logicunleashed
    @logicunleashed3 жыл бұрын

    Really useful information.

  • @sabuein
    @sabuein2 жыл бұрын

    Thank you.

  • @mashupstudio.youtube
    @mashupstudio.youtube4 жыл бұрын

    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

  • @BockDAB
    @BockDAB5 жыл бұрын

    5:51 thank you for not rick rolling us

  • @siddharthsingh5829
    @siddharthsingh5829 Жыл бұрын

    Thankyou so much....😄😄😄

  • @bimbolawal1063
    @bimbolawal10635 жыл бұрын

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

  • @toomuchtruth
    @toomuchtruth6 жыл бұрын

    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.

  • @hk_build
    @hk_build3 жыл бұрын

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

  • @kevctrl
    @kevctrl6 жыл бұрын

    Is that the "Welcome To The Jungle" intro?

  • @nunoRRsantos

    @nunoRRsantos

    5 жыл бұрын

    This is a great jungle for the firts adventures

  • @rajgopinoth4241

    @rajgopinoth4241

    4 жыл бұрын

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

  • @victorkochkarev2576
    @victorkochkarev25765 жыл бұрын

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

  • @ServiceManager
    @ServiceManager3 жыл бұрын

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

  • @ChumX100

    @ChumX100

    3 жыл бұрын

    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.

  • @a2ztechgamer681
    @a2ztechgamer6815 жыл бұрын

    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 .

  • @akankshasinha946
    @akankshasinha946 Жыл бұрын

    Can we integrate with the tableau dashboards?

  • @orlovsskibet
    @orlovsskibet5 жыл бұрын

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

  • @shivashukla7894
    @shivashukla78942 жыл бұрын

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

  • @karthikkn1406
    @karthikkn14065 жыл бұрын

    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

  • @mumblic
    @mumblic6 жыл бұрын

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

  • @valacebedo
    @valacebedo3 жыл бұрын

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

  • @tomye2940
    @tomye29404 жыл бұрын

    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

    @raushonmunni2633

    3 жыл бұрын

    It is amazing when this types of things happen

  • @l-cky7924
    @l-cky79243 жыл бұрын

    Where did this guy get the linux t-shirt?

  • @hemanth6951
    @hemanth69515 жыл бұрын

    He mentioned in India lot

  • @parrou3
    @parrou36 жыл бұрын

    Is the Angular the best framework to build PWA ?

  • @rightwing3599

    @rightwing3599

    5 жыл бұрын

    Polymer

  • @pratikrane149

    @pratikrane149

    5 жыл бұрын

    Vanilla

  • @appscopepwa7965
    @appscopepwa79656 жыл бұрын

    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).

  • @hart5483
    @hart54835 жыл бұрын

    The sad thing is, Google's own KZread 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
    @thomas_teboho5 жыл бұрын

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

  • @edu.paixao
    @edu.paixao6 жыл бұрын

    WOW!!

  • @emiliog07
    @emiliog076 жыл бұрын

    I wish everybody everywhere would just do Progressive Web Apps

  • @mohamedmoues8564

    @mohamedmoues8564

    6 жыл бұрын

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

  • @ykaribou
    @ykaribou6 жыл бұрын

    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

    @PeteLePage

    6 жыл бұрын

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

  • @BrianBest
    @BrianBest6 жыл бұрын

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

  • @PeteLePage

    @PeteLePage

    6 жыл бұрын

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

  • @toomuchtruth

    @toomuchtruth

    6 жыл бұрын

    lol

  • @achrafg8858
    @achrafg88585 жыл бұрын

    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

  • @googIe.com.
    @googIe.com.6 жыл бұрын

    10:14 I ❤️ PWAs🐷

  • @jaisoneji9943

    @jaisoneji9943

    3 жыл бұрын

    is that really you?

  • @abc3631
    @abc36313 жыл бұрын

    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

  • @ralexand56
    @ralexand566 жыл бұрын

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

  • @PeteLePage

    @PeteLePage

    6 жыл бұрын

    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/

  • @TonyS4870
    @TonyS48706 жыл бұрын

    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

    @joantonio6331

    6 жыл бұрын

    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

    @davethewebguy

    6 жыл бұрын

    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

    @bryanlee5522

    4 жыл бұрын

    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

  • @madhuramagarwal1012
    @madhuramagarwal10123 жыл бұрын

    Can we monetize a PWA

  • @paulocristo1
    @paulocristo111 ай бұрын

    Faço com PWA ou melhor TWA

  • @centeura1435
    @centeura14354 жыл бұрын

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

  • @andyturner4197
    @andyturner41976 жыл бұрын

    "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

    @chiboymarcel527

    5 жыл бұрын

    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 :)

  • @hyperion9062
    @hyperion90626 жыл бұрын

    D-Did I just get Rickrolled ????

  • @abdullahbhuiyan662
    @abdullahbhuiyan6626 жыл бұрын

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

  • @DanielGherard

    @DanielGherard

    6 жыл бұрын

    Learn Polymer. Easy as that.

  • @PeteLePage

    @PeteLePage

    6 жыл бұрын

    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

    @LunfardoAR

    6 жыл бұрын

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

  • @johnbalvin5401

    @johnbalvin5401

    6 жыл бұрын

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

  • @MatthewTaylorAu
    @MatthewTaylorAu4 жыл бұрын

    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); });

  • @alexanderruhle6268
    @alexanderruhle62686 жыл бұрын

    Nice Video! airberlin is broke btw ;)

  • @PeteLePage

    @PeteLePage

    6 жыл бұрын

    D'oh!

  • @fatih-araz
    @fatih-araz3 жыл бұрын

    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

  • @imranhossain3504
    @imranhossain35042 жыл бұрын

    Easy

  • @soura
    @soura6 жыл бұрын

    olx pe bech de!

  • @wazy1852
    @wazy18523 жыл бұрын

    0:01 welcome to the jungle

  • @reaperforever8478
    @reaperforever84784 жыл бұрын

    Rip dinosaur

  • @kittu999c
    @kittu999c6 жыл бұрын

    That's a stiff explanation

  • @jacobtran4010
    @jacobtran40106 жыл бұрын

    Apple watching this and laughing.. ha ha .

  • @judgewest2000

    @judgewest2000

    6 жыл бұрын

    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

    @mattizzle81

    5 жыл бұрын

    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
    @AZAMILYAS6 жыл бұрын

    AI+PWA+BOTS+VA= APP KILLERS?

  • @victorgarza9008
    @victorgarza90084 жыл бұрын

    i see hacer 2546624748

  • @weldongreen9547
    @weldongreen95476 жыл бұрын

    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

    @PeteLePage

    6 жыл бұрын

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

  • @weldongreen9547

    @weldongreen9547

    6 жыл бұрын

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

  • @fungilation
    @fungilation6 жыл бұрын

    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

    @PeteLePage

    6 жыл бұрын

    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

    @mumblic

    6 жыл бұрын

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

  • @fungilation

    @fungilation

    6 жыл бұрын

    Ok Fandroid.

  • @WiLLyRS89

    @WiLLyRS89

    6 жыл бұрын

    they work with ios 11.3 and major, right?

  • @joeys7519

    @joeys7519

    5 жыл бұрын

    @@fungilation ios is implimenting pwa support

  • @movingshapes
    @movingshapes3 жыл бұрын

    A LOT of talk and NO meat.

  • @dustinpoissant
    @dustinpoissant6 жыл бұрын

    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

    @kartalturhan

    6 жыл бұрын

    +1

  • @Chris2phaBrown

    @Chris2phaBrown

    6 жыл бұрын

    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

    @gabrielkwiecinskiantunes8950

    6 жыл бұрын

    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

    @TJ-wc3iq

    6 жыл бұрын

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

  • @PeteLePage

    @PeteLePage

    6 жыл бұрын

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

Келесі