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

Поділитися
Вставка
  • Опубліковано 29 лис 2024

КОМЕНТАРІ • 443

  • @donjohnny5571
    @donjohnny5571 4 роки тому +1931

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

    • @Fireship
      @Fireship  4 роки тому +186

      Noted!

    • @Mosaeedaly
      @Mosaeedaly 4 роки тому +23

      Strongly agree

    • @user-iq7xy8is3f
      @user-iq7xy8is3f 4 роки тому +5

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

    • @Shuyinz
      @Shuyinz 4 роки тому +2

      Yes please! Don't change please!

    • @AkasMajhi
      @AkasMajhi 4 роки тому +1

      ++

  • @Yaxqb
    @Yaxqb 3 роки тому +174

    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
      @KAZVorpal 3 місяці тому +1

      I value the video at two dollars.

  • @onlygiogi
    @onlygiogi 4 роки тому +163

    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!

  • @ofmouseandman1316
    @ofmouseandman1316 4 роки тому +191

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

  • @Joerje
    @Joerje 4 роки тому +307

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

  • @TheBadFred
    @TheBadFred 4 роки тому +140

    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
      @cronchcrunch 4 роки тому +6

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

    • @TheBadFred
      @TheBadFred 3 роки тому +1

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

    • @corvacopia
      @corvacopia 11 місяців тому +3

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

    • @CelentanoLuca
      @CelentanoLuca 10 місяців тому

      so why are they pushing it so hard

  • @richienguyen2703
    @richienguyen2703 4 роки тому +30

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

  • @Chocoholic1337
    @Chocoholic1337 4 роки тому +26

    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
    @nileshpatva 4 роки тому +14

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

    • @russelfernandes8483
      @russelfernandes8483 3 роки тому

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

  • @russelfernandes8483
    @russelfernandes8483 3 роки тому +7

    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!

  • @samuel_abate
    @samuel_abate 2 роки тому

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

  • @brianevans4
    @brianevans4 3 роки тому +6

    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

  • @davidstavis1335
    @davidstavis1335 2 роки тому

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

  • @gyattrizzV
    @gyattrizzV Рік тому

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

  • @Minitomate
    @Minitomate 4 роки тому +16

    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!

  • @BillCarlson
    @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!!

  • @orderla8877
    @orderla8877 Рік тому +4

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

  • @t_sathis
    @t_sathis 4 роки тому +1

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

  • @DanielosCompaneros
    @DanielosCompaneros 4 роки тому +67

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

    • @DanielosCompaneros
      @DanielosCompaneros 4 роки тому +1

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

  • @cmarc2156
    @cmarc2156 4 роки тому

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

  • @dasten123
    @dasten123 4 роки тому

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

  • @codeaperture
    @codeaperture 4 роки тому

    Building a PWA currently.. thanks for best practices

  • @KyleRuscigno
    @KyleRuscigno 4 роки тому +1

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

  • @busyrand
    @busyrand 4 роки тому +2

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

  • @mirashif3416
    @mirashif3416 4 роки тому +44

    I can listen to you all day! ♥♥

  • @FlorianEagox
    @FlorianEagox 4 роки тому +2

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

  • @InstaSound
    @InstaSound 4 роки тому +12

    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

  • @vffbgx616
    @vffbgx616 2 роки тому

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

  • @Ezinma88
    @Ezinma88 3 роки тому

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

  • @midhatahir8104
    @midhatahir8104 4 роки тому +2

    Learned more from your 100 seconds videos than 1hr tutorials

  • @sarveshhiwase193
    @sarveshhiwase193 4 роки тому +1

    The best quality and best voice no arguments!!

  • @alherrera9390
    @alherrera9390 4 роки тому

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

  • @kumarvishalben
    @kumarvishalben 4 роки тому +1

    Stadia on iOS as PWA.
    What a great comeback 😄

  • @zachgoll
    @zachgoll 4 роки тому

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

  • @djdankmemes9257
    @djdankmemes9257 Рік тому

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

  • @miteshrocker
    @miteshrocker 4 роки тому +6

    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!

  • @ZayyanMasud
    @ZayyanMasud 4 роки тому +35

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

    • @EllyOguttu
      @EllyOguttu 4 роки тому +1

      I wonder if AR will make it possible

    • @Formula7Driver
      @Formula7Driver 3 роки тому

      Maybe if you play it on 0.75 speed

  • @balwinderrajput3204
    @balwinderrajput3204 3 роки тому +1

    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

  • @harishst202
    @harishst202 4 роки тому

    Staying Tuned! Waiting for the Browser API Videos!

  • @oardi
    @oardi 3 роки тому +1

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

  • @botdamian5688
    @botdamian5688 4 роки тому

    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

  • @harmez7
    @harmez7 2 роки тому

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

  • @hugopfeffer4175
    @hugopfeffer4175 4 роки тому +2

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

  • @dave6012
    @dave6012 3 роки тому

    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 😬😅

  • @jaedmiah
    @jaedmiah 4 роки тому

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

  • @MercyFromOverwatch2
    @MercyFromOverwatch2 3 роки тому

    Jeff is still my favourite tech youtuber

  • @imibuks-replit
    @imibuks-replit 2 роки тому

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

  • @usertempeuqwer7576
    @usertempeuqwer7576 4 роки тому

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

  • @heisthazey7311
    @heisthazey7311 4 роки тому

    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.

  • @richardkirigaya8254
    @richardkirigaya8254 4 роки тому +1

    I love these beyond 100 secs style

  • @FUNshoot
    @FUNshoot 3 роки тому

    Kudos for using a clip from "Metal Construction".

  • @leonf.7893
    @leonf.7893 4 роки тому +1

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

  • @jakubwegrzyn3798
    @jakubwegrzyn3798 4 роки тому +26

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

    • @Pete_YT
      @Pete_YT 4 роки тому +3

      Detect iOS device and fall back to SMS notifications.

    • @mateowang6570
      @mateowang6570 4 роки тому +2

      @@Pete_YT That or use something like Ionic

    • @mateowang6570
      @mateowang6570 4 роки тому

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

  • @narendrasinghrathore1012
    @narendrasinghrathore1012 3 роки тому +1

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

  • @freeideas
    @freeideas 2 роки тому +1

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

    • @Warface
      @Warface 2 роки тому +1

      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
      @freeideas 2 роки тому

      @@Warface thanks. You rock!

  • @CoolTomato
    @CoolTomato 4 роки тому +1

    Finally a video on my favourite web technology!

  • @abrorkhaytbaev158
    @abrorkhaytbaev158 4 роки тому +2

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

  • @foxkashima
    @foxkashima 7 місяців тому

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

  • @wontonfuton
    @wontonfuton 4 роки тому

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

  • @tbgan6675
    @tbgan6675 4 роки тому

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

  •  4 роки тому +1

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

  • @bdpod
    @bdpod 4 роки тому

    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! 🙏

  • @shubhamvermani2221
    @shubhamvermani2221 3 роки тому

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

  • @yoericktv9610
    @yoericktv9610 4 роки тому

    I’m a noob programmer and I love your content

  • @samldev
    @samldev 4 роки тому +1

    iOS support is the number one blocker of PWAs right now in my opinion. And it's obvious why it's not a priority, they don't want people turning to PWAs instead of the app store where they can take their 15/30%

  • @Glow0110
    @Glow0110 3 роки тому

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

  • @seiied50005
    @seiied50005 3 роки тому

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

  • @noartifice
    @noartifice 2 роки тому

    Surprised not to hear Ionic mentioned in the list of tools/frameworks for building PWA's given your past tutorials on the topic

  • @benabdallahbillel
    @benabdallahbillel 4 роки тому

    This channel is dev heaven

  • @_zetrax
    @_zetrax 4 роки тому +1

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

  • @Azaroth27
    @Azaroth27 3 роки тому

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

  • @ricksondpenha
    @ricksondpenha 3 роки тому

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

  • @sveltecasts763
    @sveltecasts763 4 роки тому +35

    No iOS Safari PWA push notifications in 2020 😭😭

    • @Giigigi1122
      @Giigigi1122 4 роки тому

      Jup. I’ve been working to deliver app with PWA but then facing the realities. Moved to Flutter.

    • @melski9205
      @melski9205 4 роки тому +8

      I doubt Apple is ever going to let PWAs work on their side, the store is worth too much to them. Their store guidelines ensure that its not possible too.

    • @Alessandro-nq3tm
      @Alessandro-nq3tm 4 роки тому +14

      Safari Is the new internet explorer, no more doubts

    • @mxdanger
      @mxdanger 4 роки тому

      @@Alessandro-nq3tm WebKit is almost on par with Chromium, I wouldn't call it IE...

    • @Pete_YT
      @Pete_YT 4 роки тому +1

      Detect iOS device and fall back to SMS. Apple really need to get with the times.

  • @alexr.4409
    @alexr.4409 4 роки тому +1

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

  • @amnaatarapper
    @amnaatarapper 4 роки тому +2

    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!

  • @prasanthmanimaran5158
    @prasanthmanimaran5158 4 роки тому

    Just started my Ionic Angular for PWA too 😋

  • @arkhamian7586
    @arkhamian7586 Рік тому

    It feels good to understand. Thank you!

  • @isaaccolney8260
    @isaaccolney8260 4 роки тому

    I'm 100% sure, he can read our mind.

  • @EnglishRain
    @EnglishRain 4 роки тому

    Brilliant work! Please do more PWA videos!

  • @azatecas
    @azatecas 4 роки тому

    bro you always make videos that make me want to learn more

  • @MrNitPic
    @MrNitPic 7 місяців тому

    That 100 seconds was 🔥🔥😮‍💨

  • @TorstenEngelbrecht
    @TorstenEngelbrecht 3 роки тому +7

    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.

  • @thatghost281
    @thatghost281 3 роки тому +2

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

  • @zackplauche
    @zackplauche 3 роки тому

    This video is amazing, and please add the part about adding the tag to the html file in the beginning.

  • @eximy4818
    @eximy4818 4 роки тому +3

    Your voice is shampoo to my hair ❤️

  • @rezaasgary1442
    @rezaasgary1442 3 роки тому

    this channel is something else

  • @itgiants5218
    @itgiants5218 3 роки тому

    hello thanks a lot !! please create a video speaking about how to do push notification using service worker it would be so great I like your explanation

  • @HuynhLuong227
    @HuynhLuong227 4 роки тому

    tks you, hope you make full video about PWA

  • @_itsbrian_
    @_itsbrian_ 2 роки тому

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

  • @Lemon-lp1qb
    @Lemon-lp1qb 4 роки тому

    Very informative. Please make more videos about pwa and its pros and cons compared to native apps.

  • @ProfessionalTycoons
    @ProfessionalTycoons 4 роки тому

    what a time to be alive....

  • @karanjotsandhu237
    @karanjotsandhu237 4 роки тому

    Eagerly waiting for the next video...top stuff

  • @grigoreo_fox
    @grigoreo_fox 9 місяців тому

    MAN!
    thank you so much for you videos!

  • @vijayrana8133
    @vijayrana8133 3 роки тому

    You earned a subscriber. Good job buddy!

  • @anotherbeardedguy
    @anotherbeardedguy 3 роки тому

    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?

  • @CHSKnight
    @CHSKnight 4 роки тому

    Awesome. Looking forward to the new video

  • @resyncmedia
    @resyncmedia 2 роки тому

    I’d love to see a Flutter PWA

  • @lucasmelo010
    @lucasmelo010 2 роки тому

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

  • @pezo1919
    @pezo1919 4 роки тому +1

    The issue is Apple is not going to let PWAs dominate soon.... until then you might stay with React Native or maximum ionic (capacitator or what)

  • @youtubeusername1239
    @youtubeusername1239 4 роки тому

    What an amazing channel honestly