Pretty easy to set up with simple-peer or peerjs. But also useless in a lot of cases if you dont connect it to a media server (and this is where things start to get difficult)
It’s pretty exciting! Though I wonder how long before the file system access developments get abused. Maybe time to browse the dodgier parts of the web in a sandbox
@@qzbnyv well the security implications are obvious, but the browsers are built to protect you. I don't think we'll see a return to the ActiveX days 😆 also, it's not like you can't break out of sandboxes into the host
This channel definitely needs more attention. Jeff's contents are truly awesome and mind blowing.....The list of what I didn't know before about web is getting wayyyyy to huge....Appreciate your hard work Jeff.
I've been trying to develop my own app but was stuck because I didn't have an Apple device to test on. PWAs are so amazing! Thank you for all the knowledge you have shared
Another interesting feature is the battery status, this is useful for example to show a dark theme to users if the battery is low. Browser support is really limited though, Firefox for example doesn't support it at all for privacy concerns.
10 seconds in and you already taught me something I didn't know. Even if you were to hurl all the insults in the world in the rest of the video you still are getting my thumbs up!!
I am new to PWA and learnt a lot from your videos on PWA. Please continue making them. I also keen to know how we can do ads integration on pwa and how we can have in app purchase or subscription based in pwa, it will be helpful if you can give details for both apple store and Google Play Store.
I know nothing about codes or Webdev tbh but i’m hooked on this channel. Just so amazing content, well put together and simplified. I’m almost inspired to becoming a web developer 👩🏽💻😂🤣.
Being able to run processes running the background, even when the user is not actively IN the app. Like a timer application, that runs for X amount of seconds once you start it, then notifies you when the time is up.
I was building a nuxt app and once I saw PWA in 100 seconds I googled a facilitated option for PWAs in NuxtJs. I literally edited around 4 lines of code and installed one package. The client dug it so bad I got paid extra. Amazing!! While I'm at it, NuxtJS would be something interesting to cover in 100 seconds!
Wow, this video was so Amazing! I really didn't know all of these features 😱😱 Pretty impressive and they are so useful! Thanks! I would like to see more of these features, like, Speech Recognition, payments, and web RTC 😄
Fireship, your videos are great! Very big thanks, I understood many things from them. But would be interesting to see how you will explain programming languages like Go, Rust and others.
I think it would be good to note that from what I read that bluetooth in browser doesn't have all properties and functionality available. Yes you can connect to bluetooth devices, but when scanning you can't see nearby devices RSSI value and maybe other things that could be useful. Maybe they changed it recently, though.
A PWA is a website, so basically whatever your website performance is will be your apps performance. The vast majority of apps (think a messenger) eaisly rival the performance of native apps if you just don't bloat the code base with a million libraries. For high performance apps like video editor/games, we aren't quite at native performance. With WASM and other tech you can get around 70% of native speeds, but it caps you off there. When SIMD instructions become supported by wasm, and browsers lift the ban on shared array buffers (due to the spectral bug) then performance will basically be the same.
finally i can create my web app with out react or vue yes love normal js and firebase and PWA, thank you this is very useful info and i think in future with firebase function even we don't need backend !!!!
if im able to add #8 it would be: "open with" the ability to complete an action with installed app like when you browse vscode plugins on your browser and then you click install quickly vscode opens and continue the installation
Wow awesome video....want video on all the remaining topics you mentioned though as love to see new things in code....but to pick one...I will chose AR and VR.
I've been trying the WebRTC lately, however, you need to build/buy your own media server, a perfect future compares to older WebSocket brother, FB and Google are using it anyway.
3:23 I opened an empty tab and put this code in the console: window.addEventListener('devicemotion', (event) => { console.log(event.acceleration.x, event.acceleration.y); }); But after enabling the Sensor tab and setting Orientation from "Off" to "Custom orientation" and rotating the virtual phone, this doesn't trigger any logging. I get a warning saying I should reload the inspector, but if I do that my settings are lost, and changing back to "Custom orientation" will just give me the same warning again?
I have one question❓ If the browser can access your device latitude and longitude, can't you just create your own geofencing script, or is there a catch to the get location function?
Definitely would appreciate a video on WebRTC
I'm saving that topic for a full-length video
Pretty easy to set up with simple-peer or peerjs.
But also useless in a lot of cases if you dont connect it to a media server (and this is where things start to get difficult)
@@Fireship Looking forward to it!
@@Fireship YESSSSSSS!!!!
@@leonbenjamin7891 could you please elaborate what a media server is? Thanks.
this channel fires an onupload event listener on to my immediately-go-and-watch list
Personally I listen to onUploadEnd event. But yeah this channel fires a lot of those
This comment is underrated.
The web is getting so powerful
Like really powerful
It’s pretty exciting! Though I wonder how long before the file system access developments get abused. Maybe time to browse the dodgier parts of the web in a sandbox
True
@@qzbnyv true
I mean once WASM is ready the web will become the defacto place to make an app, even for desktop like applications
@@qzbnyv well the security implications are obvious, but the browsers are built to protect you. I don't think we'll see a return to the ActiveX days 😆 also, it's not like you can't break out of sandboxes into the host
Man, I learned in 10 minutes more than I have learned in hours in other courses. Thanks!
Amazing, love the transitions, everything is just there, no typing.
please make a video on chrome debugging tools that we don't know.
That is a great idea!
Oh that'll be awesome!
Sweet!
yess
please! ❤
This channel definitely needs more attention. Jeff's contents are truly awesome and mind blowing.....The list of what I didn't know before about web is getting wayyyyy to huge....Appreciate your hard work Jeff.
Can someody tell me WHY we dont pay this man money to simply breathe.!? Ridiculously good content.
My thoughts exactly
He is very good and always get excited everytime a video is released
@MΛX I think he might have said he actually worked for them for a while, if I'm not mistaken it was for Firebase or something like that.
but do you? do you pay for any of his merch? are you a fireship pro member? every journey starts with a single step
@@YuriG03042 lol calling out suck-ups XD
My head blows up every day seeing all the new web dev frameworks and technologies that are coming out 😩 super exciting but so hard to keep up!
I've been trying to develop my own app but was stuck because I didn't have an Apple device to test on. PWAs are so amazing! Thank you for all the knowledge you have shared
WOW! This is why I love web development, it's so flexible and its technologies can be adapted to almost anything!
this channel is too cool, when you find it, regardless of your programming level, you still go to a new level
My life is simple. I see a new Fireship video, I click. Awesome content bro!
Another interesting feature is the battery status, this is useful for example to show a dark theme to users if the battery is low. Browser support is really limited though, Firefox for example doesn't support it at all for privacy concerns.
The best content about web technology in general. Huge thanks for being to the point and exceptionally curated content. No boats, just quality.
10 seconds in and you already taught me something I didn't know. Even if you were to hurl all the insults in the world in the rest of the video you still are getting my thumbs up!!
Hey fireship, just received your sticker today in the mail. Looks really good. Thank you so much :)
I am new to PWA and learnt a lot from your videos on PWA. Please continue making them. I also keen to know how we can do ads integration on pwa and how we can have in app purchase or subscription based in pwa, it will be helpful if you can give details for both apple store and Google Play Store.
Probably every feature i was searching for to add is covered in this one video. Love ypu fireship ❤
🔥🔥🔥 Thanks for such amazing content. Next video on WebRTC will be appreciated.
Websites can get so advanced these days, they can almost replace regular programs.
That's the idea, it's just a matter of developer/end-user adoption.
@@Fireship I basically convert all my apps to PWA! I'm all for the push. With the right apps really taking interest it's only a matter of time
specially with WASM
I think that's a good thing. If it works on the Web, it works on everything that has a browser, that is, almost all devices made for end users.
@@pardal_bs now what would be even more impactful if OS gave a particular browser full native support
This is how videos should be! Direct and to the point!!! Awesome vid.
3 years PWA is a winner. The best solution for replacing native apps. Works great on all devices.
Very awesome video, it really shows us, how much a website is capable of doing. I would love to see what you can do with the Web RTC.
I learn something (or many things) everytime i watch your videos. Best channel on YT.
I feel so backward now, I actually didn't know about any of them haha
Your content is so good and you're extremely underrated
This video is so so amazing. Got to learn so many new tips about PWA. Thanks Fireship!!!❤🔥🔥
I know nothing about codes or Webdev tbh but i’m hooked on this channel. Just so amazing content, well put together and simplified. I’m almost inspired to becoming a web developer 👩🏽💻😂🤣.
Being able to run processes running the background, even when the user is not actively IN the app. Like a timer application, that runs for X amount of seconds once you start it, then notifies you when the time is up.
Payments, content indexing would be great!
A video on VR / AR would be amazing!🌟 It's really hard to find good articles about this. You only find companies that can create it for you.
The web is becoming everything I need it to be and more. I hope it keeps going!
What a quality content!
Idea for future video, maybe Periodic Background Sync?
I was building a nuxt app and once I saw PWA in 100 seconds I googled a facilitated option for PWAs in NuxtJs. I literally edited around 4 lines of code and installed one package. The client dug it so bad I got paid extra. Amazing!!
While I'm at it, NuxtJS would be something interesting to cover in 100 seconds!
Wow, this video was so Amazing! I really didn't know all of these features 😱😱
Pretty impressive and they are so useful! Thanks! I would like to see more of these features, like, Speech Recognition, payments, and web RTC 😄
Local fonts are definitely something I would want to look into.
WebRTC and payment are definitely the subjects I'd like to see 🤩
Million of thanks and please do more pwa, react.js and node.js projects please .
Thanks for the quick intro. I'd definitely go ahead and try it out in some of my projects
Fireship, your videos are great! Very big thanks, I understood many things from them.
But would be interesting to see how you will explain programming languages like Go, Rust and others.
would love to see you make part 2 of this video.
You are one of those few, whose videos I don't watch at 2x speed.😁
because he is at 3 x 10 ^ 8 ms speed
Yeah I only watch him at 1.25 speed
You Rock Always with such a fresh Contents and Ideas . Great Content .
Great tutorial.
Greetings from São Paulo ;)
Amazing, i would love to see the rest of features
Should've added a link to the petition. I gotta go look for it now
This video is worth a million 😁
You are the goat man! Thank you soo much for what you do!
This is really great for my next project. Thanks Jeff
The title is accurate! Very nice, thanks!
I think it would be good to note that from what I read that bluetooth in browser doesn't have all properties and functionality available. Yes you can connect to bluetooth devices, but when scanning you can't see nearby devices RSSI value and maybe other things that could be useful. Maybe they changed it recently, though.
Web Bluetooth Scanning will hopefully address this issue: www.chromestatus.com/feature/5346724402954240
Im only halfway thru and already Im impressed
Would love to see more content on Payments and local font access
a vote for the Payments, seems interesting.
Great video!
I'd love to learn more about the speech recognition.
Also, how does PWA performance compare to native apps right now?
Me, too! Speech Recognition 😄
A PWA is a website, so basically whatever your website performance is will be your apps performance. The vast majority of apps (think a messenger) eaisly rival the performance of native apps if you just don't bloat the code base with a million libraries.
For high performance apps like video editor/games, we aren't quite at native performance. With WASM and other tech you can get around 70% of native speeds, but it caps you off there. When SIMD instructions become supported by wasm, and browsers lift the ban on shared array buffers (due to the spectral bug) then performance will basically be the same.
More PWA stuff please! Very well explained!
So much valuable information. All for free. Thank You!!
Would love to see a video on web AR/VR!
Second this, would love to see a video on WebXR!
you are my inspiration fireship
Awesome as usual. Perfect timing
The Outro music is sweeeeeetttt 9:54
Thanks i knew about Michael Hill! He was my professor in Oxford and told us FBC fund!
Valuable information thanks. Always love your videos
finally i can create my web app with out react or vue yes love normal js and firebase and PWA, thank you this is very useful info and i think in future with firebase function even we don't need backend !!!!
Love the content. Would love to see one dedicated to payments...
OMG such a useful information!!!! Thank you sooo much! Much respected !
Push notification in iOS is about to happen soon. Right now it's not default enabled but can be enabled manually in safari
I had no idea the file system access api was a thing. So many apps need this.
if im able to add #8 it would be:
"open with"
the ability to complete an action with installed app like when you browse vscode plugins on your browser and then you click install quickly vscode opens and continue the installation
Never knew I needed this before
Oh frabjous day! What a great video! 🙌
Wow awesome video....want video on all the remaining topics you mentioned though as love to see new things in code....but to pick one...I will chose AR and VR.
I love to see the videos share about voice recognition on web app
I've been trying the WebRTC lately, however, you need to build/buy your own media server, a perfect future compares to older WebSocket brother, FB and Google are using it anyway.
Really helpful information...... waiting for webrtc and ar/vr
As always, delivering highly informative videos !
Thumbs up for the video and btw thanks a lot for the sticker, it arrived this week (to Germany ) :-)
This is great stuff. It is has been more than a year now so geofencing available for the PWA or amongst now the web features?
Jeff, this was extremely helpful! Thank you!
crazy good man.. great channel
This video drives me so crazy to taste all of these
god like information, this man is awesome, thanks a lot man❤❤
Content indexing and payments would be great.
I loved this! Thanks a lot!
Could you make a video explaining push notifications?
Webvr/ar and speech recognition are cool pwa topics you could elaborate on.
Would like to hear more about push notifications and love to hear about Speech Recognition!
Definitely interesting in seeing the Payments API
3:23 I opened an empty tab and put this code in the console:
window.addEventListener('devicemotion', (event) => {
console.log(event.acceleration.x, event.acceleration.y);
});
But after enabling the Sensor tab and setting Orientation from "Off" to "Custom orientation" and rotating the virtual phone, this doesn't trigger any logging. I get a warning saying I should reload the inspector, but if I do that my settings are lost, and changing back to "Custom orientation" will just give me the same warning again?
pretty crazy how powerful a PWA can be.
Great video. Video title perfectly satisfy the video content.👍
Great knowledge sir, pls make a special video on PWA Fileshare & Ideal technology kindly.
You have a good taste in phones. The pixel 4a is good but I would recommend the Poco X3 NFC
Video on unexplored territory and difficult to find subjects such as animate on scroll, less heard browser APIs such as intersection observer
Please make a video about whats happening in mobile dev world. What are the frameworks or languages that are gaining traction in the coming years
Web is getting really powerful
This is amazing. I want to try all of these out
Awesome video and very interesting content, thank you soo much
soon push notifications on ioS :)
WE NEED THEM ALL
Awesome work man.. please make 1 for Web Rtc
I have one question❓ If the browser can access your device latitude and longitude, can't you just create your own geofencing script, or is there a catch to the get location function?
Geofencing works usually in background which is not allowed yet for websites.
@@francoisbeaufort4597 Ok. I have not used GeoFencing before, so it was my lack of knowledge, but thanks for the reply.