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

  Рет қаралды 799,780

Fireship

Fireship

Күн бұрын

Пікірлер: 444
@donjohnny5571
@donjohnny5571 4 жыл бұрын
I love these beyond 100 second videos, don't change this concept.
@Fireship
@Fireship 4 жыл бұрын
Noted!
@Mosaeedaly
@Mosaeedaly 4 жыл бұрын
Strongly agree
@user-iq7xy8is3f
@user-iq7xy8is3f 4 жыл бұрын
Oh for me if i search up a Word like pwa here the 100sec are enough :)
@Shuyinz
@Shuyinz 4 жыл бұрын
Yes please! Don't change please!
@AkasMajhi
@AkasMajhi 4 жыл бұрын
++
@Yaxqb
@Yaxqb 3 жыл бұрын
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 4 ай бұрын
I value the video at two dollars.
@onlygiogi
@onlygiogi 4 жыл бұрын
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 жыл бұрын
I've seen twice where you made: 100seconds... but more... I like the idea of expending in a few minutes after
@dilipbhaipatel8178
@dilipbhaipatel8178 4 жыл бұрын
4
@richienguyen2703
@richienguyen2703 4 жыл бұрын
I love 100 second and explanation in depth in one video!
@Chocoholic1337
@Chocoholic1337 4 жыл бұрын
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.
@Joerje
@Joerje 4 жыл бұрын
me: opens youtube to search PWA youtube algorithm and Fireship: PWA in 100 sec
@change-requested
@change-requested 4 жыл бұрын
Same Pinch bro.
@sudhamajayanthi
@sudhamajayanthi 4 жыл бұрын
Yeah, it’s ranking first for PWA!
@TheBadFred
@TheBadFred 4 жыл бұрын
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 жыл бұрын
It's a 30% cut and it's Fortnite.
@TheBadFred
@TheBadFred 4 жыл бұрын
@@lucaspelegrino1 Cordova yes PWA not. Android can TWAs in the play store, kinda trusty PWAs.
@corvacopia
@corvacopia Жыл бұрын
Ironic since Steve Jobs originally wanted the iPhone to be based around web apps.
@CelentanoLuca
@CelentanoLuca 11 ай бұрын
so why are they pushing it so hard
@russelfernandes8483
@russelfernandes8483 4 жыл бұрын
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!
@Minitomate
@Minitomate 4 жыл бұрын
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!
@DanielosCompaneros
@DanielosCompaneros 4 жыл бұрын
Dude! Easily the best dev KZbin channel. Such quality! Much interesting! Many educational 😁🔥
@DanielosCompaneros
@DanielosCompaneros 4 жыл бұрын
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
@mirashif3416 4 жыл бұрын
I can listen to you all day! ♥♥
@ZayyanMasud
@ZayyanMasud 4 жыл бұрын
Google should have your voice for the assistant. So smooth. Do you have audiobooks?
@EllyOguttu
@EllyOguttu 4 жыл бұрын
I wonder if AR will make it possible
@Formula7Driver
@Formula7Driver 4 жыл бұрын
Maybe if you play it on 0.75 speed
@DretaSaysHi
@DretaSaysHi 2 жыл бұрын
Such an amazing video. Helped me a lot.
@brianevans4
@brianevans4 4 жыл бұрын
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
@nileshpatva
@nileshpatva 4 жыл бұрын
Opened KZbin, First video - PWA in 100 seconds, that's why I love KZbin algorithm, and you too ❤️ Thank you 😊
@russelfernandes8483
@russelfernandes8483 4 жыл бұрын
"and you too"? Surely there is something else going on here. Just kidding! Agreed, this channel is fantastic.
@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!!
@davidstavis1335
@davidstavis1335 2 жыл бұрын
Fireship continues to be the best learning resource on the entire internet. This video owns.
@samuel_abate
@samuel_abate 2 жыл бұрын
I prefer your 100 seconds to most ... hour courses. I'm grateful for your content, Thanks!
@FlorianEagox
@FlorianEagox 4 жыл бұрын
I love PWA I just built a PWA the other day. Great vid
@miteshrocker
@miteshrocker 4 жыл бұрын
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!
@busyrand
@busyrand 4 жыл бұрын
Well now!... This is very impressive... I'm floored by the elegant presentation... You're an amazing explainer!
@gyattrizzV
@gyattrizzV Жыл бұрын
When he says the line about going beyond 100 seconds it is always so satisfying
@InstaSound
@InstaSound 4 жыл бұрын
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
@theinquisitivelayman 2 жыл бұрын
Gotta sign up at the website!
@t_sathis
@t_sathis 4 жыл бұрын
I really love this way of 100 seconds + beyond,, plz continue this method
@KyleRuscigno
@KyleRuscigno 4 жыл бұрын
I was literally just researching this and bam here you come with this video
@orderla8877
@orderla8877 2 жыл бұрын
This video is 2yrs old...😲 (I've just discovered PWAs.) Tnx dude, for awesome video.
@sarveshhiwase193
@sarveshhiwase193 4 жыл бұрын
The best quality and best voice no arguments!!
@dasten123
@dasten123 4 жыл бұрын
Information about PWA that is not from like 2015... amazing!
@vffbgx616
@vffbgx616 2 жыл бұрын
I really like this type of videos from you. Both 100sec and beyond 100 sec
@midhatahir8104
@midhatahir8104 4 жыл бұрын
Learned more from your 100 seconds videos than 1hr tutorials
@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
@djdankmemes9257
@djdankmemes9257 2 жыл бұрын
Dude you make some of the best content on the web. Thanks so much for providing and doing this work.
@kumarvishalben
@kumarvishalben 4 жыл бұрын
Stadia on iOS as PWA. What a great comeback 😄
@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.
@abrorkhaytbaev158
@abrorkhaytbaev158 4 жыл бұрын
Man, you just predict what I wanna learn. Love your content.
@harishst202
@harishst202 4 жыл бұрын
Staying Tuned! Waiting for the Browser API Videos!
@oardi
@oardi 3 жыл бұрын
Thank you so much. I created my first React PWA using a custom Webpack-Stack and your help :)
@alherrera9390
@alherrera9390 4 жыл бұрын
This is my favorite dev channel in all youtube because of this cool stuff
@cmarc2156
@cmarc2156 4 жыл бұрын
I only watch these videos because I really like your explanations... I am not even a web dev of any sort!
@jakubwegrzyn3798
@jakubwegrzyn3798 4 жыл бұрын
Tells: Push notifications Shows iphone which doesn't support push notifications through the web
@Pete_YT
@Pete_YT 4 жыл бұрын
Detect iOS device and fall back to SMS notifications.
@mateowang6570
@mateowang6570 4 жыл бұрын
@@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.
@CoolTomato
@CoolTomato 4 жыл бұрын
Finally a video on my favourite web technology!
@codeaperture
@codeaperture 4 жыл бұрын
Building a PWA currently.. thanks for best practices
@Trauma_Clown
@Trauma_Clown 2 жыл бұрын
these mini mems among your vids steals my focus and enters me into hard laughin
@zachgoll
@zachgoll 4 жыл бұрын
Your videos are so concise and clear man I’m jealous
@wontonfuton
@wontonfuton 4 жыл бұрын
How could someone dislike these videos! Great vid as always!
@richardkirigaya8254
@richardkirigaya8254 4 жыл бұрын
I love these beyond 100 secs style
@imibuks-replit
@imibuks-replit 2 жыл бұрын
This is really usefull, im actually now working on a PWA
@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.
@MrNitPic
@MrNitPic 7 ай бұрын
That 100 seconds was 🔥🔥😮‍💨
@balwinderrajput3204
@balwinderrajput3204 3 жыл бұрын
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
@shubhamvermani2221
@shubhamvermani2221 3 жыл бұрын
woah, a good explanation in a short time, as well as giving out valuable resources! Incredible channel, subscribed instantly!
@hugopfeffer4175
@hugopfeffer4175 4 жыл бұрын
It would be awesome if you made more in depth content with this level of quality. I would definitely think about buy it.
@saminamanat
@saminamanat Жыл бұрын
he does! check out his site
4 жыл бұрын
Lean, informative, concise, directly on point! I love your content!
@foxkashima
@foxkashima 8 ай бұрын
This guide is awesome and incredible helpful to start off. Thank you.
@narendrasinghrathore1012
@narendrasinghrathore1012 4 жыл бұрын
Need more on PWA, like animations and similar FPS like we have in native apps
@Glow0110
@Glow0110 4 жыл бұрын
Great video! Would love to see more in depth videos about PWAs 😎
@usertempeuqwer7576
@usertempeuqwer7576 4 жыл бұрын
We need a 'SSO LDAP SAML ... in 100 sec' Video ! Greatly appreciated .
@MercyFromOverwatch2
@MercyFromOverwatch2 3 жыл бұрын
Jeff is still my favourite tech youtuber
@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!
@arkhamian7586
@arkhamian7586 Жыл бұрын
It feels good to understand. Thank you!
@amnaatarapper
@amnaatarapper 4 жыл бұрын
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!
@Azaroth27
@Azaroth27 3 жыл бұрын
Thank you very much! It helped me to clarify ideas and find new tools for a new project.
@EnglishRain
@EnglishRain 4 жыл бұрын
Brilliant work! Please do more PWA videos!
@thatghost281
@thatghost281 3 жыл бұрын
keep up the good work! also, can you please leave the urls to resources you use in the description?
@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! 🙏
@vijayrana8133
@vijayrana8133 4 жыл бұрын
You earned a subscriber. Good job buddy!
@karanjotsandhu237
@karanjotsandhu237 4 жыл бұрын
Eagerly waiting for the next video...top stuff
@grigoreo_fox
@grigoreo_fox 10 ай бұрын
MAN! thank you so much for you videos!
@azatecas
@azatecas 4 жыл бұрын
bro you always make videos that make me want to learn more
@FUNshoot
@FUNshoot 4 жыл бұрын
Kudos for using a clip from "Metal Construction".
@alexr.4409
@alexr.4409 4 жыл бұрын
Hmm unsure about this whole thing with Flutter&Co vs. PWA. What are your thinkings?
@leonf.7893
@leonf.7893 4 жыл бұрын
This reminds me of when I was developing Firefox OS apps many years ago.
@sircitrus
@sircitrus 4 жыл бұрын
I just had to see this!! Great video as always.
@eximy4818
@eximy4818 4 жыл бұрын
Your voice is shampoo to my hair ❤️
@seiied50005
@seiied50005 4 жыл бұрын
You are the best. If I could I would like each part of video separately.
@benabdallahbillel
@benabdallahbillel 4 жыл бұрын
This channel is dev heaven
@freeideas
@freeideas 2 жыл бұрын
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 жыл бұрын
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!
@sushmam6434
@sushmam6434 3 жыл бұрын
Thank you for a very nice video teaching how to build from scratch. It helped me a lot. :D
@isaaccolney8260
@isaaccolney8260 4 жыл бұрын
I'm 100% sure, he can read our mind.
@anotherbeardedguy
@anotherbeardedguy 4 жыл бұрын
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?
@ksato3991
@ksato3991 3 жыл бұрын
Amazing! Love the very concise explanation! Thank you !!
@lucasmelo010
@lucasmelo010 2 жыл бұрын
thanks for this amazing content. One of the best if not the best.
@tbgan6675
@tbgan6675 4 жыл бұрын
Hope to include topic on how well IOS devices support PWA. Thanks for great info of this video.
@prasanthmanimaran5158
@prasanthmanimaran5158 4 жыл бұрын
Just started my Ionic Angular for PWA too 😋
@_itsbrian_
@_itsbrian_ 2 жыл бұрын
Thank you so very much for this video, you saved my life
@HexapoDD
@HexapoDD 4 жыл бұрын
Perfect for my cup of tea that I just made
@utkukaanarasan6034
@utkukaanarasan6034 2 жыл бұрын
Is this basically electron but for mobile ?
@blackstonejimmy
@blackstonejimmy 4 жыл бұрын
Create React App doesn’t come with a serviceworker by default in the most recent versions. You need to use the template that includes PWA support now: npx create-react-app my-app --template cra-template-pwa
@AlanWagoner
@AlanWagoner 3 жыл бұрын
Dude! This is fricking cool!
@amitjoshi956
@amitjoshi956 4 жыл бұрын
Loved it! A very helpful and informative video 😊
@abhishekdas2512
@abhishekdas2512 4 жыл бұрын
I love making PWAs ❤️
@yoericktv9610
@yoericktv9610 4 жыл бұрын
I’m a noob programmer and I love your content
@Lemon-lp1qb
@Lemon-lp1qb 4 жыл бұрын
Very informative. Please make more videos about pwa and its pros and cons compared to native apps.
@sveltecasts763
@sveltecasts763 4 жыл бұрын
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 жыл бұрын
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 жыл бұрын
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 жыл бұрын
Detect iOS device and fall back to SMS. Apple really need to get with the times.
@ContraHacker1337
@ContraHacker1337 4 жыл бұрын
That's awesome! Can you also tell me how to add those install buttons in the UI? What is the code behind it?
@brunoggdev6305
@brunoggdev6305 2 жыл бұрын
Did you ever figure it out? I'm trying to do the same
@wattsfield1889
@wattsfield1889 3 жыл бұрын
Your content is gold!!
@rezaasgary1442
@rezaasgary1442 3 жыл бұрын
this channel is something else
@youtubeusername1239
@youtubeusername1239 4 жыл бұрын
What an amazing channel honestly
Next.js in 100 Seconds // Plus Full Beginner's Tutorial
11:52
Fireship
Рет қаралды 1,1 МЛН
7 Web Features You Didn’t Know Existed
10:16
Fireship
Рет қаралды 280 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
How programmers flex on each other
6:20
Fireship
Рет қаралды 2,5 МЛН
What Is A Progressive Web App (PWA) - Why Is It A Game-Changer In eCommerce
6:44
Going Headless with John
Рет қаралды 44 М.
The fastest website ever?
30:48
Theo - t3․gg
Рет қаралды 166 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
How To Make Progressive Web Apps With Svelte
34:31
Joy of Code
Рет қаралды 19 М.
Progressive Web Apps in 2024
4:07
Awesome
Рет қаралды 61 М.
Progressive Web Apps (PWAs) vs native mobile apps | Leigh Kendell and Aranda Morrison
28:27
How to Create a PWA With Next.js in 10 Minutes
13:08
James Q Quick
Рет қаралды 113 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН