WebSockets in 100 Seconds & Beyond with Socket.io

Поделиться
HTML-код
  • Опубликовано: 9 дек 2020
  • Learn the fundamentals of WebSockets in 100 seconds, then build a simple group chat app with Socket.io. fireship.io
    Sponsor me on Github for $1.00 github.com/codediodeio
    Source Code github.com/fireship-io/socket...
    - WebSockets developer.mozilla.org/en-US/d...
    - socket.io socket.io
    #webdev #js #100SecondsOfCode
    Install the quiz app 🤓
    iOS itunes.apple.com/us/app/fires...
    Android play.google.com/store/apps/de...
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.
    My VS Code Theme
    - Atom One Dark
    - vscode-icons
    - Fira Code Font
  • НаукаНаука

Комментарии • 478

  • @dadebulba
    @dadebulba 3 года назад +402

    Love this format where the first 100 seconds are a showcase of the topic and then an in-depth explanation!

  • @atuladitya2421
    @atuladitya2421 3 года назад +756

    Please keep going "Beyond 100 sec" for other topics as well

  • @kschwartz
    @kschwartz 3 года назад +847

    Me thinking I'm only getting 100 seconds but actually getting 511 seconds:
    Wait, that's illegal!

    • @Fireship
      @Fireship  3 года назад +268

      Rules are made to be broken

    • @bauxite13
      @bauxite13 3 года назад +27

      @@Fireship I think that if you tell that to a judge they'll disagree

    • @dontbotherreading
      @dontbotherreading 3 года назад +3

      gotem bitch

    • @azukamojume2718
      @azukamojume2718 3 года назад +1

      @@bauxite13 Boooo!!!!

    • @danielrdrigues
      @danielrdrigues 3 года назад

      @@Fireship Security code too.

  • @nichtbekannt5072
    @nichtbekannt5072 2 года назад +6

    The transition from 100 Seconds to Beyond gave me the chills man. Awesome video!
    Keep it up!

  • @brendanjones6444
    @brendanjones6444 3 года назад +319

    Stream Processing & Kafka in 100 seconds would be great!

  • @Maxmaxs5
    @Maxmaxs5 3 года назад +6

    Congrats on 500k!!!! You definitely deserve it. Top tier tech content :D

  • @ttbooster
    @ttbooster 3 года назад +8

    Sponsoring. You do a great work and every time I watch your videos I take a lesson and incorporate it in my work flow. Amazing efficiency.

  • @markbeebe2463
    @markbeebe2463 3 года назад +140

    This is a fantastic format. I regularly want to get deep into something but need a cursory overview first. This overview contains 2 things that you almost never see together in an under 10 minutes cursory overview video:
    1. Graphic explanation of high level concept.
    2. Actual code.
    I wish there were one of these for every CS concept. Thank you!

    • @JohnStockton7459
      @JohnStockton7459 6 месяцев назад

      Gurantee youre not even a developer yet and just another grifter money chasing weirdo 😂

  • @Glavin883
    @Glavin883 3 года назад +23

    The quality of your videos (as both programming tutorials and general production) is incredible

  • @patrickmullot73
    @patrickmullot73 3 года назад +158

    Websocket in 100 seconds is a new World Record!!!
    It's even understandable!!! :-p

  • @kipchickensout
    @kipchickensout 3 года назад +4

    I love the clear easy to understand information paired with the good graphics, animation and sound quality!
    I wanted to subscribe but noticed I already am, so I probably watched some other video of yours before :)

  • @chillydoog
    @chillydoog Год назад +1

    @chillydoog
    1 second ago
    I'm learning how to build a web app rn. Starting with the backend; Setting up servers, database, WEBSOCKETS! Every piece of technology I don't yet understand, to build this thing YOU ALREADY HAVE A VIDEO ON! Youre killing it. Love you for doing this.

  • @StuartLoria
    @StuartLoria 3 года назад +24

    I am liking this channel more and more, concise messages with implementation images set this content apart, that said I am very glad that the author is going beyond 100 seconds, since sometimes it feels rushed, like somebody speaking very fast while holding their breadth, so much that I have to pause or play the video at a lower speed.
    So keep it up, these technology/craft channels are like the kind of college professors or school mates that I wanted to have back in the day, this entertainment is better than Netflix in my opinion.

  • @DjCtavia
    @DjCtavia 3 года назад +8

    Nice as always, the little tutorial is well done for anyone who were a bit curious, I hope that will make some of them jump in!
    Also, can't wait to see the light for WebTransport and see the new features!

  • @hulk94smash
    @hulk94smash 2 года назад +8

    DUDE THIS CONTENT IS GOLD! I learned soooo much 😭😭 pls make more videos and educate us. Love this format of 100 secs followed by deeper explanation.. pls make more of these 😍😍😍

  • @onlyspaceghost
    @onlyspaceghost 3 года назад

    I love the added detail of this video!! Also congrats on half a million subscribers!!

  • @collins4359
    @collins4359 2 года назад +2

    I loved the pace of this video. Although your fast-paced videos are good when I have prior knowledge on the topic, this pace is perfect for people new to the topic.

  • @HaiTran-bp5cv
    @HaiTran-bp5cv 2 года назад +2

    Wonderful presentation: short, concise, no "youtube" noises (background music, video tricks, splash screens, plugs,...). Thanks so much.

  • @webwolfy7310
    @webwolfy7310 3 года назад

    I've been anticipating this video ever since I heard it was in the planning. Great stuff!

  • @cassolmedia
    @cassolmedia 3 года назад

    Perfect timing! I literally just built my first websocket project yesterday!

  • @rushtothemax76
    @rushtothemax76 3 года назад +3

    this man out here teachin us stuff that teacher wont, this is so underrated

  • @gngn2973
    @gngn2973 3 года назад +1

    i see 100 seconds in the title but realize its a 8 minute video. I start doing calculations in my head for a second, asking myself "how much is a 100 seconds again?" lol great video this took me forever to learn. and you broke it down so simply in under 10 minutes.

  • @CodingWithLewis
    @CodingWithLewis 3 года назад

    Congrats on 500k subs. I am excited for that 1 million! :D

  • @FredrikPlays
    @FredrikPlays 3 года назад

    Congrats on 500k subscribers! Love your content

  • @_sevelin
    @_sevelin 3 года назад

    You made this thing look so simple! Great work!

  • @user-fc5ou7pn2k
    @user-fc5ou7pn2k Год назад

    10/10 I've had three professors try and explain what you've just clarified in 100s, kudos to you mr. fireship

  • @fairpoor
    @fairpoor 2 года назад

    100 seconds taken from my life time is worth it! thank you!

  • @venkatareddy56
    @venkatareddy56 3 года назад +5

    Your voice is so sweet and of course the quality of the content is just too good.

  • @david2am
    @david2am 3 года назад

    This is awesome!! Never see before these topics simple way, thanks you man!

  • @JamesQQuick
    @JamesQQuick 2 года назад +123

    This is gold!

  • @madimy
    @madimy 3 года назад

    just today I was searching for websocket video on your channel and there we have it :)

  • @naimurhasanrwd
    @naimurhasanrwd 3 года назад

    I love your 100 seconds. And Extended After 100 Second. You teach the code in 100s, We learn both code and workflow which needs Years of experience to understand without you. Thank you so much. Long Live.

  • @gokuafrica
    @gokuafrica 3 года назад

    Killed it. Was always afraid of this. Your video helped a lot!

  • @ankitsrivastava513
    @ankitsrivastava513 Год назад

    Damn! One hell of a video. I got to understand in 1 min. So simplified.

  • @inflame1994
    @inflame1994 3 года назад

    Your videos are valuable gems ...can't thank you enough.

  • @EddyVinck
    @EddyVinck 3 года назад +5

    Congrats on 500k!

  • @Azyro777
    @Azyro777 3 года назад

    This is great, it only takes about 8 mins, but I got what I need about "real time data exchanges" ..not just pointing out use this or that. Very much thank you and looking forward to next topic.

  • @sherllock2048
    @sherllock2048 3 года назад +90

    For a second a thought it's not the same person talking...

    • @wackyator
      @wackyator 3 года назад +8

      yea me too, the voice changed mid way

    • @TamDNB
      @TamDNB 3 года назад +1

      broken mic perhaps?

    • @riccardoroveri9666
      @riccardoroveri9666 3 года назад +1

      the mic sounds worse than the other videos imo

    • @rifaldhiaw
      @rifaldhiaw 3 года назад +5

      It is just his night vs morning voice. He ever talk about it in one of his video

  • @anasp3847
    @anasp3847 11 месяцев назад

    very minimal but most understandable. Thanks for the video.

  • @youndbloodkid
    @youndbloodkid 3 года назад +1

    You just became the most updated video on websockets.

  • @VKD007
    @VKD007 3 года назад

    Your 100s videos are always fun to watch

  • @heygema
    @heygema 3 года назад +2

    I really love the Vintage-y atmosphere you bring here! will there be tutorial for making this type of tutorial video? ♥️

  • @subijoyacharya3189
    @subijoyacharya3189 3 года назад

    I love your content man. You are method of making is amazing.

  • @asedtf
    @asedtf Год назад

    This video is exactly what I needed, thanks!

  • @nicholasmaniccia1005
    @nicholasmaniccia1005 3 года назад +1

    Great video love the deeper dive

  • @objectObject212
    @objectObject212 2 года назад

    Great video format, thanks!

  • @khokon_m
    @khokon_m 3 года назад +43

    Congratulations for 500k. Want something special on celebration of 500k subs.

  • @kettenbach
    @kettenbach 3 года назад +5

    Awesome. Thanks for sharing. Who in the world would down vote wonderful free content? That's makes no sense at all unless they disagreed with a point you made. Still, free educational content. That's awesome sir. Thank you. 🙏😍

  • @triggeringencouragement5785
    @triggeringencouragement5785 2 года назад

    It really help me to learn node js because I am a fresher in node js thank you for wonderful information

  • @erniea5843
    @erniea5843 3 года назад +1

    There is a reason you have 500k subs. Keep up the good work!

  • @edchelstephens
    @edchelstephens Год назад

    Now that was a clear explanation. Thanks a lot!

  • @cmarc2156
    @cmarc2156 3 года назад

    I don't do web development but I really love your explanations! Just watch you videos for those!

  • @riacharda
    @riacharda 10 месяцев назад

    This is a great explanation. I've noticed websocket in front-end jobs recently.

  • @BodyAli96
    @BodyAli96 3 года назад

    thanks man you really simplified web sockets

  • @johnlin6121
    @johnlin6121 2 года назад

    That's a really good intro to web sockets. Tks.

  • @babaiiseuphoric
    @babaiiseuphoric 2 года назад

    let me tell you, your contents are actually beyond google ! your every content is a Gem !!!

  • @navierstokes4150
    @navierstokes4150 2 года назад

    Thank you for giving us this high quality content for free.

  • @blank-vw2sb
    @blank-vw2sb 3 года назад

    Yay!
    we need 100 seconds and BEYOND!
    I luvvit!!!

  • @StyleTrick
    @StyleTrick 3 года назад

    The QUIC protocol is truly fascinating, there are clear benefits towards using this over TCP.

  • @SaharThe49
    @SaharThe49 3 года назад +1

    Just in time, started researching implementation of socket.io

  • @i.k.ishaan
    @i.k.ishaan 10 месяцев назад

    Whenever he says we are going beyond 100 seconds today, my brain gets on steroids. Great work. Loved it.

  • @EDW4RD249
    @EDW4RD249 2 года назад

    Just amazing, thank you for the video!

  • @andreicucea2422
    @andreicucea2422 3 года назад +1

    I really like this format.

  • @code4chaosmobile
    @code4chaosmobile 3 года назад

    Great video as always thanks a bunch you are always inspiring

  • @stokbrood
    @stokbrood 3 года назад +5

    Congrats on hitting 500k subs 🥳

    • @saddamlakho9300
      @saddamlakho9300 3 года назад

      ruclips.net/channel/UCgEokqpVyfBicmizUbR52lQ
      for web tutorials

  • @karianmash
    @karianmash Год назад

    Always love your content, 🔥🔥🔥

  • @jigyanshushrivastava6153
    @jigyanshushrivastava6153 3 года назад

    The way you explain things is great.
    Which software you use to make these video?

  • @SpaghettDev
    @SpaghettDev 3 года назад

    ayyy, congrats on 500k subs!

  • @dimalisovyk5277
    @dimalisovyk5277 3 года назад

    the greatest software-related channel

  • @GaneshGfx
    @GaneshGfx 3 года назад

    Thanks, your explanation are brilliant 🔆

  • @mohitdas5292
    @mohitdas5292 3 года назад

    I understood every point you told about WebSocket. No matter if it is 100s or 1000000000s. 👍

  • @sandrinjoy
    @sandrinjoy 3 года назад

    i learnt pure Webrtc setup without any libraries. now its more easy for me!

  • @iyxan2340
    @iyxan2340 3 года назад

    dang, 500k subs, congrats man

  • @hos7012
    @hos7012 2 года назад

    i support the channel by watching ads to let this guy gives us daily videos

  • @vinhandev
    @vinhandev 9 месяцев назад

    thank you for sharing your knowledge

  • @usamahussain4461
    @usamahussain4461 9 месяцев назад

    thus channel is GOLD!

  • @behnamsalehi9765
    @behnamsalehi9765 3 года назад

    thank you. this was really helpful for me.

  • @homeofsports3295
    @homeofsports3295 2 года назад

    This channel is a gem 😁

  • @randyjimenez8081
    @randyjimenez8081 3 года назад +1

    Your content is so well structured. Thanks for sharing your knowledge.

  • @aashiqahmed5273
    @aashiqahmed5273 3 года назад +2

    you are a brand man❤️

  • @C0sm1c_Owl
    @C0sm1c_Owl 2 года назад

    Thanks again Jeff!

  • @hfe1833
    @hfe1833 3 года назад

    finally i found the best tutorial and background for socket.io

  • @iamdarvesh
    @iamdarvesh 3 года назад +3

    Awesome video. If anyone is trying and hosting it for fun, make sure you do escape(text).

  • @tylersustare
    @tylersustare 3 года назад

    Love these! Ruby on rails in 100 seconds please! 💎

  • @erseiko3089
    @erseiko3089 3 года назад

    Nice video very obvious when u explaint it.👍👍👍

  • @vedant6460
    @vedant6460 Год назад

    Great video man!!

  • @zoaybk
    @zoaybk 3 года назад +4

    I am looking forward to a tutorial of a full stack app, in your style!

  • @AD-lr6pc
    @AD-lr6pc 2 года назад

    Wow its such a great explanation

  • @gavincoulson3900
    @gavincoulson3900 2 года назад

    Freaking awesome video, love this one.

  • @tee-hee9553
    @tee-hee9553 6 месяцев назад

    This is so cool man thanks bro

  • @webdecodedwithfahad4414
    @webdecodedwithfahad4414 3 года назад

    Congratulations 500k😍

  • @junjiechen7341
    @junjiechen7341 3 года назад

    Bonus content! Bravo!

  • @yashghatti
    @yashghatti 3 года назад +1

    I'd be more than glad to donate if you have a patreon, this is incredible stuff!

  • @MrRobeezy29
    @MrRobeezy29 2 года назад

    Thank you so much for this

  • @nguyentrananhnguyen7900
    @nguyentrananhnguyen7900 3 года назад +18

    you explained it so well a newbie like me still can understand, thank you!

    • @devaes
      @devaes 3 года назад

      i agree

  • @salmankazi5308
    @salmankazi5308 3 года назад

    Excellent Explaination 🔥

  • @isaiahthomason3580
    @isaiahthomason3580 3 года назад +2

    Thanks for the video! For the record, the ws library actually allows you to emit messages to all the clients. It also seems to work with the browser's WebSocket class out of the box. Though, if you just didn't favor the implementation that's fair.

    • @adrianwalker9917
      @adrianwalker9917 2 года назад

      It's actually way too fast. I thought my YT player was set to speed: 2.0.

  • @judamix7559
    @judamix7559 3 года назад

    simply the best!! thank you

  • @sreekar_s
    @sreekar_s 3 года назад

    03:23 You're now a official web developer. Kudos!!!!

  • @martinmica4260
    @martinmica4260 2 месяца назад

    Just what I needed!