7 Web Features You Didn’t Know Existed

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 428

  • @christian2409
    @christian2409 4 ปีที่แล้ว +692

    Definitely would appreciate a video on WebRTC

    • @Fireship
      @Fireship  4 ปีที่แล้ว +181

      I'm saving that topic for a full-length video

    • @leonbenjamin7891
      @leonbenjamin7891 4 ปีที่แล้ว +7

      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)

    • @christian2409
      @christian2409 4 ปีที่แล้ว +2

      ​@@Fireship Looking forward to it!

    • @MrMysticphantom
      @MrMysticphantom 4 ปีที่แล้ว +1

      @@Fireship YESSSSSSS!!!!

    • @balu.92
      @balu.92 4 ปีที่แล้ว

      @@leonbenjamin7891 could you please elaborate what a media server is? Thanks.

  • @elwanga
    @elwanga 4 ปีที่แล้ว +212

    this channel fires an onupload event listener on to my immediately-go-and-watch list

    • @dennyh66
      @dennyh66 4 ปีที่แล้ว +3

      Personally I listen to onUploadEnd event. But yeah this channel fires a lot of those

    • @ronilbiswas
      @ronilbiswas 3 ปีที่แล้ว

      This comment is underrated.

  • @yungifez
    @yungifez 4 ปีที่แล้ว +324

    The web is getting so powerful
    Like really powerful

    • @qzbnyv
      @qzbnyv 4 ปีที่แล้ว +19

      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

    • @chakradharcholleti6722
      @chakradharcholleti6722 4 ปีที่แล้ว

      True

    • @yungifez
      @yungifez 4 ปีที่แล้ว

      @@qzbnyv true

    • @willinton06
      @willinton06 4 ปีที่แล้ว +3

      I mean once WASM is ready the web will become the defacto place to make an app, even for desktop like applications

    • @MatthewTaylor86
      @MatthewTaylor86 4 ปีที่แล้ว +1

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

  • @willyosorto
    @willyosorto 4 ปีที่แล้ว +23

    Man, I learned in 10 minutes more than I have learned in hours in other courses. Thanks!

    • @codingedgar4878
      @codingedgar4878 4 ปีที่แล้ว +1

      Amazing, love the transitions, everything is just there, no typing.

  • @rajatmishra9993
    @rajatmishra9993 4 ปีที่แล้ว +134

    please make a video on chrome debugging tools that we don't know.

  • @ronilbiswas
    @ronilbiswas 3 ปีที่แล้ว +12

    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.

  • @umarbabajidda9664
    @umarbabajidda9664 4 ปีที่แล้ว +292

    Can someody tell me WHY we dont pay this man money to simply breathe.!? Ridiculously good content.

    • @chiefdan07
      @chiefdan07 4 ปีที่แล้ว +5

      My thoughts exactly

    • @jerryf196
      @jerryf196 4 ปีที่แล้ว +5

      He is very good and always get excited everytime a video is released

    • @Nerwesta
      @Nerwesta 4 ปีที่แล้ว +1

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

    • @YuriG03042
      @YuriG03042 2 ปีที่แล้ว +1

      but do you? do you pay for any of his merch? are you a fireship pro member? every journey starts with a single step

    • @theycallmerye3
      @theycallmerye3 7 หลายเดือนก่อน

      ​@@YuriG03042 lol calling out suck-ups XD

  • @zachgoll
    @zachgoll 4 ปีที่แล้ว +5

    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!

  • @officiallyjk420
    @officiallyjk420 4 ปีที่แล้ว +4

    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

  • @onlygiogi
    @onlygiogi 4 ปีที่แล้ว +2

    WOW! This is why I love web development, it's so flexible and its technologies can be adapted to almost anything!

  • @bozzhik
    @bozzhik 2 ปีที่แล้ว

    this channel is too cool, when you find it, regardless of your programming level, you still go to a new level

  • @zer0826
    @zer0826 4 ปีที่แล้ว +3

    My life is simple. I see a new Fireship video, I click. Awesome content bro!

  • @Pengaloni
    @Pengaloni 4 ปีที่แล้ว +9

    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.

  • @SatadruChique
    @SatadruChique 4 ปีที่แล้ว +1

    The best content about web technology in general. Huge thanks for being to the point and exceptionally curated content. No boats, just quality.

  • @NicholasHickam
    @NicholasHickam 4 ปีที่แล้ว

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

  • @anandrajaram21
    @anandrajaram21 4 ปีที่แล้ว +1

    Hey fireship, just received your sticker today in the mail. Looks really good. Thank you so much :)

  • @sahilmalhotra9539
    @sahilmalhotra9539 3 ปีที่แล้ว

    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.

  • @lemondiee
    @lemondiee 11 หลายเดือนก่อน

    Probably every feature i was searching for to add is covered in this one video. Love ypu fireship ❤

  • @ketaniralepatil4680
    @ketaniralepatil4680 4 ปีที่แล้ว +1

    🔥🔥🔥 Thanks for such amazing content. Next video on WebRTC will be appreciated.

  • @stokbrood
    @stokbrood 4 ปีที่แล้ว +59

    Websites can get so advanced these days, they can almost replace regular programs.

    • @Fireship
      @Fireship  4 ปีที่แล้ว +21

      That's the idea, it's just a matter of developer/end-user adoption.

    • @tycooperaow
      @tycooperaow 4 ปีที่แล้ว +3

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

    • @anb1142
      @anb1142 4 ปีที่แล้ว +3

      specially with WASM

    • @pardal_bs
      @pardal_bs 4 ปีที่แล้ว +2

      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.

    • @tycooperaow
      @tycooperaow 4 ปีที่แล้ว

      @@pardal_bs now what would be even more impactful if OS gave a particular browser full native support

  • @justinphilpott
    @justinphilpott 3 ปีที่แล้ว

    This is how videos should be! Direct and to the point!!! Awesome vid.

  • @krishiyer3990
    @krishiyer3990 3 หลายเดือนก่อน

    3 years PWA is a winner. The best solution for replacing native apps. Works great on all devices.

  • @fredrikjohansen
    @fredrikjohansen 4 ปีที่แล้ว +4

    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.

  • @jonathanst-jean7026
    @jonathanst-jean7026 4 ปีที่แล้ว

    I learn something (or many things) everytime i watch your videos. Best channel on YT.

  • @Arciiix
    @Arciiix 4 ปีที่แล้ว +6

    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

  • @anonymousdev7695
    @anonymousdev7695 2 ปีที่แล้ว

    This video is so so amazing. Got to learn so many new tips about PWA. Thanks Fireship!!!❤‍🔥🔥

  • @charleneyong2936
    @charleneyong2936 2 ปีที่แล้ว

    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 👩🏽‍💻😂🤣.

  • @MooKimchiman
    @MooKimchiman 3 ปีที่แล้ว

    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.

  • @cptpackage
    @cptpackage 4 ปีที่แล้ว +5

    Payments, content indexing would be great!

  • @pullapoohi
    @pullapoohi 4 ปีที่แล้ว +2

    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.

  • @mohamethseck
    @mohamethseck 4 ปีที่แล้ว +1

    The web is becoming everything I need it to be and more. I hope it keeps going!

  •  4 ปีที่แล้ว +1

    What a quality content!
    Idea for future video, maybe Periodic Background Sync?

  • @victormonteirocunha4575
    @victormonteirocunha4575 4 ปีที่แล้ว

    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!

  • @luis96xd
    @luis96xd 4 ปีที่แล้ว +1

    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 😄

  • @WesleyFranks
    @WesleyFranks 4 ปีที่แล้ว +2

    Local fonts are definitely something I would want to look into.

  • @floriaaan1
    @floriaaan1 3 ปีที่แล้ว +1

    WebRTC and payment are definitely the subjects I'd like to see 🤩

  • @parthipankalayini8
    @parthipankalayini8 4 ปีที่แล้ว +1

    Million of thanks and please do more pwa, react.js and node.js projects please .

  • @ttbooster
    @ttbooster 4 ปีที่แล้ว

    Thanks for the quick intro. I'd definitely go ahead and try it out in some of my projects

  • @nitroflap
    @nitroflap 4 ปีที่แล้ว +1

    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.

  • @Hefss
    @Hefss 4 ปีที่แล้ว +1

    would love to see you make part 2 of this video.

  • @ajsyt
    @ajsyt 4 ปีที่แล้ว +12

    You are one of those few, whose videos I don't watch at 2x speed.😁

    • @adiathasan
      @adiathasan 4 ปีที่แล้ว +2

      because he is at 3 x 10 ^ 8 ms speed

    • @MaxPicAxe
      @MaxPicAxe 4 ปีที่แล้ว +1

      Yeah I only watch him at 1.25 speed

  • @vtourist
    @vtourist 4 ปีที่แล้ว

    You Rock Always with such a fresh Contents and Ideas . Great Content .

  •  3 ปีที่แล้ว +1

    Great tutorial.
    Greetings from São Paulo ;)

  • @PauloGaldo
    @PauloGaldo 4 ปีที่แล้ว +3

    Amazing, i would love to see the rest of features

  • @mohamethseck
    @mohamethseck 4 ปีที่แล้ว +1

    Should've added a link to the petition. I gotta go look for it now

  • @mohammadoulabi4212
    @mohammadoulabi4212 4 ปีที่แล้ว

    This video is worth a million 😁

  • @sanzhar.danybayev
    @sanzhar.danybayev 4 ปีที่แล้ว

    You are the goat man! Thank you soo much for what you do!

  • @nirmalmattmusic3993
    @nirmalmattmusic3993 4 ปีที่แล้ว +1

    This is really great for my next project. Thanks Jeff

  • @KamelJabber1
    @KamelJabber1 4 ปีที่แล้ว

    The title is accurate! Very nice, thanks!

  • @cwestm
    @cwestm 4 ปีที่แล้ว +1

    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.

    • @francoisbeaufort4597
      @francoisbeaufort4597 4 ปีที่แล้ว +1

      Web Bluetooth Scanning will hopefully address this issue: www.chromestatus.com/feature/5346724402954240

  • @ertheosiswadi9725
    @ertheosiswadi9725 4 ปีที่แล้ว

    Im only halfway thru and already Im impressed

  • @kohjiarong6452
    @kohjiarong6452 4 ปีที่แล้ว +1

    Would love to see more content on Payments and local font access

    • @codingedgar4878
      @codingedgar4878 4 ปีที่แล้ว

      a vote for the Payments, seems interesting.

  • @hendrikhausen1058
    @hendrikhausen1058 4 ปีที่แล้ว +5

    Great video!
    I'd love to learn more about the speech recognition.
    Also, how does PWA performance compare to native apps right now?

    • @luis96xd
      @luis96xd 4 ปีที่แล้ว

      Me, too! Speech Recognition 😄

    • @Justin73791
      @Justin73791 3 ปีที่แล้ว +3

      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.

  • @borislavnikolov1078
    @borislavnikolov1078 4 ปีที่แล้ว

    More PWA stuff please! Very well explained!

  • @piyushchoughule5383
    @piyushchoughule5383 4 ปีที่แล้ว

    So much valuable information. All for free. Thank You!!

  • @orangegrove1966
    @orangegrove1966 4 ปีที่แล้ว +1

    Would love to see a video on web AR/VR!

    • @SimplyStream3D
      @SimplyStream3D 4 ปีที่แล้ว

      Second this, would love to see a video on WebXR!

  • @sohamjanagave20
    @sohamjanagave20 3 ปีที่แล้ว

    you are my inspiration fireship

  • @harpymaslow
    @harpymaslow 4 ปีที่แล้ว

    Awesome as usual. Perfect timing

  • @mrala
    @mrala 4 ปีที่แล้ว

    The Outro music is sweeeeeetttt 9:54

  • @myenesatas2179
    @myenesatas2179 4 ปีที่แล้ว

    Thanks i knew about Michael Hill! He was my professor in Oxford and told us FBC fund!

  • @irfanbabar8424
    @irfanbabar8424 4 ปีที่แล้ว

    Valuable information thanks. Always love your videos

  • @hawarhekmat1174
    @hawarhekmat1174 4 ปีที่แล้ว

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

  • @isaacconsultancy6820
    @isaacconsultancy6820 2 ปีที่แล้ว

    Love the content. Would love to see one dedicated to payments...

  • @sanzhar.danybayev
    @sanzhar.danybayev 4 ปีที่แล้ว

    OMG such a useful information!!!! Thank you sooo much! Much respected !

  • @pipslow1652
    @pipslow1652 2 ปีที่แล้ว

    Push notification in iOS is about to happen soon. Right now it's not default enabled but can be enabled manually in safari

  • @DaraulHarris
    @DaraulHarris 4 ปีที่แล้ว

    I had no idea the file system access api was a thing. So many apps need this.

  • @othman_
    @othman_ 4 ปีที่แล้ว

    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

  • @pigeotto8319
    @pigeotto8319 4 ปีที่แล้ว +1

    Never knew I needed this before

  • @BernhardHofmann
    @BernhardHofmann 4 ปีที่แล้ว

    Oh frabjous day! What a great video! 🙌

  • @JainNamit
    @JainNamit 4 ปีที่แล้ว

    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.

  • @johnnietien
    @johnnietien 4 ปีที่แล้ว

    I love to see the videos share about voice recognition on web app

  • @codemonkey01
    @codemonkey01 4 ปีที่แล้ว

    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.

  • @ashwinraok276
    @ashwinraok276 4 ปีที่แล้ว

    Really helpful information...... waiting for webrtc and ar/vr

  • @amnaatarapper
    @amnaatarapper 4 ปีที่แล้ว

    As always, delivering highly informative videos !

  • @HexapoDD
    @HexapoDD 4 ปีที่แล้ว

    Thumbs up for the video and btw thanks a lot for the sticker, it arrived this week (to Germany ) :-)

  • @alainkimbu
    @alainkimbu 2 ปีที่แล้ว

    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?

  • @Rmharnisch
    @Rmharnisch 4 ปีที่แล้ว

    Jeff, this was extremely helpful! Thank you!

  • @305bwoy
    @305bwoy 3 ปีที่แล้ว

    crazy good man.. great channel

  • @md.abdulhalimrafi9940
    @md.abdulhalimrafi9940 4 ปีที่แล้ว +2

    This video drives me so crazy to taste all of these

  • @tdeep01
    @tdeep01 11 หลายเดือนก่อน

    god like information, this man is awesome, thanks a lot man❤❤

  • @jppalmis2493
    @jppalmis2493 4 ปีที่แล้ว

    Content indexing and payments would be great.

  • @dimitreortt6972
    @dimitreortt6972 3 ปีที่แล้ว

    I loved this! Thanks a lot!

  • @lucemansster
    @lucemansster 4 ปีที่แล้ว +1

    Could you make a video explaining push notifications?

  • @Ironication
    @Ironication 4 ปีที่แล้ว

    Webvr/ar and speech recognition are cool pwa topics you could elaborate on.

  • @Ma1ne2
    @Ma1ne2 4 ปีที่แล้ว

    Would like to hear more about push notifications and love to hear about Speech Recognition!

  • @kennethd1362
    @kennethd1362 4 ปีที่แล้ว

    Definitely interesting in seeing the Payments API

  • @Daniel_WR_Hart
    @Daniel_WR_Hart 3 ปีที่แล้ว

    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?

  • @welling1
    @welling1 3 ปีที่แล้ว

    pretty crazy how powerful a PWA can be.

  • @supindersingh8882
    @supindersingh8882 4 ปีที่แล้ว

    Great video. Video title perfectly satisfy the video content.👍

  • @bhabanishankardash1443
    @bhabanishankardash1443 4 ปีที่แล้ว

    Great knowledge sir, pls make a special video on PWA Fileshare & Ideal technology kindly.

  • @fire_boat
    @fire_boat 4 ปีที่แล้ว +1

    You have a good taste in phones. The pixel 4a is good but I would recommend the Poco X3 NFC

  • @nuralikhoja8773
    @nuralikhoja8773 4 ปีที่แล้ว

    Video on unexplored territory and difficult to find subjects such as animate on scroll, less heard browser APIs such as intersection observer

  • @Natasha-to1mh
    @Natasha-to1mh 4 ปีที่แล้ว

    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

  • @change-requested
    @change-requested 4 ปีที่แล้ว

    Web is getting really powerful

  • @carlosl5125
    @carlosl5125 3 ปีที่แล้ว

    This is amazing. I want to try all of these out

  • @mehdijarraya3196
    @mehdijarraya3196 3 ปีที่แล้ว

    Awesome video and very interesting content, thank you soo much

  • @digitic3551
    @digitic3551 3 ปีที่แล้ว +1

    soon push notifications on ioS :)

  • @muneebzubairkhan2815
    @muneebzubairkhan2815 2 ปีที่แล้ว

    WE NEED THEM ALL

  • @TheTn1010
    @TheTn1010 4 ปีที่แล้ว

    Awesome work man.. please make 1 for Web Rtc

  • @AleksHSE
    @AleksHSE 4 ปีที่แล้ว

    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?

    • @francoisbeaufort4597
      @francoisbeaufort4597 4 ปีที่แล้ว

      Geofencing works usually in background which is not allowed yet for websites.

    • @AleksHSE
      @AleksHSE 4 ปีที่แล้ว +1

      @@francoisbeaufort4597 Ok. I have not used GeoFencing before, so it was my lack of knowledge, but thanks for the reply.