Progressive Web Apps in 100 Seconds // Build a PWA from Scratch

[@donjohnny5571]

I love these beyond 100 second videos, don't change this concept.

[@Fireship]

Noted!

[@Mosaeedaly]

Strongly agree

[@user-iq7xy8is3f]

Oh for me if i search up a Word like pwa here the 100sec are enough :)

[@Shuyinz]

Yes please! Don't change please!

[@AkasMajhi]

++

[@Yaxqb]

These 100 seconds videos are literally invaluable. They make it possible for me to know if I should use the tech or not. It's a game changer, because this way I can keep up to date with modern features without digging around in Github or long introduction videos. It's like a news feed really. Don't ever stop❤️

[@KAZVorpal]

I value the video at two dollars.

[@ofmouseandman1316]

I've seen twice where you made: 100seconds... but more... I like the idea of expending in a few minutes after

[@dilipbhaipatel8178]

4

[@ofrikirshen3071]

me: opens youtube to search PWA youtube algorithm and Fireship: PWA in 100 sec

[@logicunleashed]

Same Pinch bro.

[@sudhamajayanthi]

Yeah, it’s ranking first for PWA!

[@onlygiogi]

the 100 seconds is my favorite series on this channel! it explains to you everything u need to know to start using a new technology. AMAZING!

[@richienguyen2703]

I love 100 second and explanation in depth in one video!

[@Chocoholic1337]

Hey man, just wanted to leave you a comment. I've fallen out of touch with the software development world because I'm having a shitty time with my employer. This video... This video brought back my excitement that I had when I got into this profession. Thank you for that. I'm going to start a side project and put my passion in there. Thank you. You've earned a life long subscribed.

[@nileshpatva]

Opened KZbin, First video - PWA in 100 seconds, that's why I love KZbin algorithm, and you too ❤️ Thank you 😊

[@russelfernandes8483]

"and you too"? Surely there is something else going on here. Just kidding! Agreed, this channel is fantastic.

[@DanielosCompaneros]

Dude! Easily the best dev KZbin channel. Such quality! Much interesting! Many educational 😁🔥

[@DanielosCompaneros]

And your business strategy is so clever! You're teasing with your KZbin content to become pro member. Shame I can't afford it

[@mirashif3416]

I can listen to you all day! ♥♥

[@Minitomate]

I just like the way you presented this tutorial, a brief 100 seconds explanaition and at the end a brief showcase of the upcoming video that you're gonna make. Awesome content!

[@brianevans4]

this is starting to look like a much better option as the app stores now only list apps whose politics they agree with. Having an independently installable app seems like a good route for future apps

[@russelfernandes8483]

Fantastic. Best format - 100sec for concept, a little bit more for a fuller description with exercise. And the best part - everything works! Please continue to make videos in this format!

[@ZayyanMasud]

Google should have your voice for the assistant. So smooth. Do you have audiobooks?

[@EllyOguttu]

I wonder if AR will make it possible

[@Formula7Driver]

Maybe if you play it on 0.75 speed

[@orderla8877]

This video is 2yrs old...😲 (I've just discovered PWAs.) Tnx dude, for awesome video.

[@TheBadFred]

Apple hates PWAs because they can't tax every aspect of the app with 33% like it happened with fortnight the battle royal game.

[@cronchcrunch]

It's a 30% cut and it's Fortnite.

[@TheBadFred]

@@lucaspelegrino1 Cordova yes PWA not. Android can TWAs in the play store, kinda trusty PWAs.

[@corvacopia]

Ironic since Steve Jobs originally wanted the iPhone to be based around web apps.

[@CelentanoLuca]

so why are they pushing it so hard

[@balwinderrajput3204]

This is by far the best tech introductory video I ever came across…just in 100 seconds I got to know all about to kick start pwa

[@gyattrizzV]

When he says the line about going beyond 100 seconds it is always so satisfying

[@davidstavis1335]

Fireship continues to be the best learning resource on the entire internet. This video owns.

[@InstaSound]

Thanks for making the 100 second format into something longer. Way better than it was before. The old ones always felt like a teaser clip :D

[@theinquisitivelayman]

Gotta sign up at the website!

[@miteshrocker]

This concept is amazing! Great intro in 100 seconds and awesome tutorial in the Beyond part! Explaining such an interesting concept so well, you're awesome!

[@tharindusathischandra9533]

I really love this way of 100 seconds + beyond,, plz continue this method

[@samuel_abate]

I prefer your 100 seconds to most ... hour courses. I'm grateful for your content, Thanks!

[@midhatahir8104]

Learned more from your 100 seconds videos than 1hr tutorials

[@BillCarlson]

Just wanted to say THANKS for this! Using this info I was able to convert my website to a PWA and make it installable in about 3 hours!!

[@busyrand]

Well now!... This is very impressive... I'm floored by the elegant presentation... You're an amazing explainer!

[@KyleRuscigno]

I was literally just researching this and bam here you come with this video

[@FlorianEagox]

I love PWA I just built a PWA the other day. Great vid

[@sangameshs5403]

1:12 That service worker is working like anything 😂

[@dasten123]

Information about PWA that is not from like 2015... amazing!

[@botdamian5688]

100s videos are my fav. They get straight to the point and if I want to know some more I watch till the end. Always worth watching it and learning new tech! Thanks

[@foxkashima]

This guide is awesome and incredible helpful to start off. Thank you.

[@MrNitPic]

That 100 seconds was 🔥🔥😮‍💨

[@vffbgx616]

I really like this type of videos from you. Both 100sec and beyond 100 sec

[@sarveshhiwase193]

The best quality and best voice no arguments!!

[@oardi]

Thank you so much. I created my first React PWA using a custom Webpack-Stack and your help :)

[@Ezinma88]

I'm not ready for this level yet. But, it's fun to know that this exists for when I am there.

[@richardkirigaya8254]

I love these beyond 100 secs style

[@cmarc2156]

I only watch these videos because I really like your explanations... I am not even a web dev of any sort!

[@codeaperture]

Building a PWA currently.. thanks for best practices

[@djdankmemes9257]

Dude you make some of the best content on the web. Thanks so much for providing and doing this work.

[@abrorkhaytbaev158]

Man, you just predict what I wanna learn. Love your content.

[@hugopfeffer4175]

It would be awesome if you made more in depth content with this level of quality. I would definitely think about buy it.

[@saminamanat]

he does! check out his site

[@zachgoll]

Your videos are so concise and clear man I’m jealous

[@heisthazey7311]

I am about to finish up my computer science degree this spring & this video along with the extended web sockets video have come at the perfect time for touching up my portfolio, love the extended content.

[@jakubwegrzyn3798]

Tells: Push notifications Shows iphone which doesn't support push notifications through the web

[@Pete_YT]

Detect iOS device and fall back to SMS notifications.

[@mateowang6570]

@@Pete_YT That or use something like Ionic

[@mateowang6570]

​@efficientshred True, but you can use Capacitor and turn your ionic app into a native app. There's a Capacitor plugin that will call iOS native APIs for you and fallback to web APIs in non-iOS environments.

[@freeideas]

WAIT! Where did the "INSTALL" button come from, and what does it do? That's the best part of all of this!

[@Warface]

If your website have a manifest and service worker, it will trigger the install after a couple of seconds on the website on your mobile device.

[@freeideas]

@@Warface thanks. You rock!

[@kumarvishalben]

Stadia on iOS as PWA. What a great comeback 😄

[@alherrera9390]

This is my favorite dev channel in all youtube because of this cool stuff

[@CoolTomato]

Finally a video on my favourite web technology!

[@shubhamvermani2221]

woah, a good explanation in a short time, as well as giving out valuable resources! Incredible channel, subscribed instantly!

[@harmez7]

these mini mems among your vids steals my focus and enters me into hard laughin

Lean, informative, concise, directly on point! I love your content!

[@harishst202]

Staying Tuned! Waiting for the Browser API Videos!

[@narendrasinghrathore1012]

Need more on PWA, like animations and similar FPS like we have in native apps

[@jaedmiah]

Thanks i knew about Michael Ross! He was my professor in Oxford and told us about Vectra!

[@imibuks-replit]

This is really usefull, im actually now working on a PWA

[@amnaatarapper]

Im always amazed by the quality and the amount of real world usable informations you can squeez in a so short video! Thank you for the effort, you're making this world a better one for devs everywhere. Peace!

[@wontonfuton]

How could someone dislike these videos! Great vid as always!

[@leonf.7893]

This reminds me of when I was developing Firefox OS apps many years ago.

[@rezaasgary1442]

this channel is something else

[@dave6012]

According to lighthouse my content takes ~14 seconds to be interactive 🙃 It doesn’t _actually_ take that long, but it looks like there’s room for improvement in my webpack build. Thanks for exposing that to me 😬😅

[@Azaroth27]

Thank you very much! It helped me to clarify ideas and find new tools for a new project.

[@usertempeuqwer7576]

We need a 'SSO LDAP SAML ... in 100 sec' Video ! Greatly appreciated .

[@Glow0110]

Great video! Would love to see more in depth videos about PWAs 😎

[@FUNshoot]

Kudos for using a clip from "Metal Construction".

[@anotherbeardedguy]

Im fairly new to you channel but i must say.. Thank you so much, the content. Its easy to listen. All the information is presented clearly. Jus love it. Are you planning on making a video about your app design process?

[@grigoreo_fox]

MAN! thank you so much for you videos!

[@titanprometheus2871]

Service worker gif had me rollin

[@arkhamian7586]

It feels good to understand. Thank you!

[@utkukaanarasan6034]

Is this basically electron but for mobile ?

[@bdpod]

Suggestion: Change the playlist name "100 seconds of code" to something like "X in 100 seconds" Note: This suggestion was nearly "Create a playlist for these 100-second videos" because I missed it before double-checking. Suggestion #2: Keep up the great work! 🙏

[@MercyFromOverwatch2]

Jeff is still my favourite tech youtuber

[@TorstenEngelbrecht]

Love your channel. Regarding PWA's I just wish Safari (and esspecially iOS Safari) would follow the same standards as all other modern browsers OR Apple allowing other browser engines to run natively on their platform. Until this is happening I don't see how PWAs (except for simple ones) can be a real cross-platform solution.

[@EnglishRain]

Brilliant work! Please do more PWA videos!

[@benabdallahbillel]

This channel is dev heaven

[@millsmotion]

Excellent video!

[@alexr.4409]

Hmm unsure about this whole thing with Flutter&Co vs. PWA. What are your thinkings?

[@sircitrus]

I just had to see this!! Great video as always.

[@ksato3991]

Amazing! Love the very concise explanation! Thank you !!

[@thatghost281]

keep up the good work! also, can you please leave the urls to resources you use in the description?

[@HexapoDD]

Perfect for my cup of tea that I just made

[@kvetoslavnovak423]

Great vide as usual. I really like your style - clear, fastt and right to the point. Would it be possible to make a video about backend only authentication with Sapper and Firebase?

[@_zetrax]

Great Content!... only if programmers documented their code like you

[@sushmam6434]

Thank you for a very nice video teaching how to build from scratch. It helped me a lot. :D

[@markfawaz]

You are simply awesome!

[@tbgan6675]

Hope to include topic on how well IOS devices support PWA. Thanks for great info of this video.

[@vijayrana8133]

You earned a subscriber. Good job buddy!

[@lucasmelo010]

thanks for this amazing content. One of the best if not the best.

[@karanjotsandhu237]

Eagerly waiting for the next video...top stuff

[@DretaSaysHi]

Such an amazing video. Helped me a lot.

[@seiied50005]

You are the best. If I could I would like each part of video separately.

[@dhavalparekh6813]

Thank you for this....it’s really informative and makes some concepts clear. I would suggest you create a video difference between mobile app build in PWA and native, pros and cons of pwa....subscribed btw 😄

[@eximy4818]

Your voice is shampoo to my hair ❤️

[@nakedtech1865]

I’d love to see a Flutter PWA

[@_itsbrian_]

Thank you so very much for this video, you saved my life

[@justingolden21]

TO ANYONE USING PARCEL: use manifest.webmanifest instead of manifest.json so parcel isn't dumb and changes the file into a hashed js file. they're functionally identical

[@AlanWagoner]

Dude! This is fricking cool!

[@omaryassir5885]

Fireship makes life easier ⚡

[@ricksondpenha]

Til pwa can be so simple to get started... I always thought u need frameworks like angular or react!!