WebSockets in 100 Seconds & Beyond with Socket.io

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

[@atuladitya2421]

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

[@martincomesana6824]

Totally agree

[@theohalpern3549]

he often does

[@rarox0945]

Yes

[@krkmjr8429]

Calculus in 100 seconds?

[@user-fn2rt6lb1o]

C++ in 100 seconds and beyond *7 years later* I am now a learned man

[@dadebulba]

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

[@kschwartz]

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

[@Fireship]

Rules are made to be broken

[@bauxite13]

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

[@dontbotherreading]

gotem bitch

[@azukamojume2718]

@@bauxite13 Boooo!!!!

[@danielrdrigues]

@@Fireship Security code too.

[@brendanjones6444]

Stream Processing & Kafka in 100 seconds would be great!

[@Fireship]

Kafka has been on my list for awhile.

[@Hizqeel]

Yes plz

[@arlandmv4053]

omg yes please

[@rivalputra7019]

UP !!!!

[@chaitanyabhole]

Yes, that would be helpful.

[@patrickmullot73]

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

[@harinandanrnair6768]

What in his 100 seconds series isn't a record?

[@nichtbekannt5072]

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

[@markbeebe2463]

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]

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

[@Glavin883]

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

[@Maxmaxs5]

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

[@sherllock2048]

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

[@wackyator]

yea me too, the voice changed mid way

[@TamDNB]

broken mic perhaps?

[@riccardoroveri9666]

the mic sounds worse than the other videos imo

[@rifaldhiaw]

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

[@ttbooster]

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.

[@kipchickensout]

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 :)

[@StuartLoria]

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]

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]

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

[@collins4359]

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.

[@chillydoog]

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

[@onlyspaceghost]

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

[@HaiTran-bp5cv]

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

[@webwolfy7310]

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

[@cassolmedia]

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

[@JamesQQuick]

This is gold!

[@swayampravodasgupta2956]

Been looking all around for you, give me back my thoughts!

[@rushtothemax76]

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

[@_sevelin]

You made this thing look so simple! Great work!

[@CodingWithLewis]

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

[@fairpoor]

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

[@venkatareddy56]

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

[@david2am]

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

[@FredrikPlays]

Congrats on 500k subscribers! Love your content

[@madimy]

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

[@heygema]

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

[@khokon_m]

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

[@ankitsrivastava513]

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

[@gokuafrica]

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

[@inflame1994]

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

[@user-fc5ou7pn2k]

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

[@Azyro777]

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.

[@blank-vw2sb]

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

[@gngn2973]

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.

[@naimurhasanrwd]

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.

[@VKD007]

Your 100s videos are always fun to watch

[@youndbloodkid]

You just became the most updated video on websockets.

[@anasp3847]

very minimal but most understandable. Thanks for the video.

[@cmarc2156]

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

[@EddyVinck]

Congrats on 500k!

[@asedtf]

This video is exactly what I needed, thanks!

[@kettenbach]

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. 🙏😍

[@edchelstephens]

Now that was a clear explanation. Thanks a lot!

[@navierstokes4150]

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

[@subijoyacharya3189]

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

[@siamekanto]

Next - TailwindCSS in 100 Seconds!

[@erniea5843]

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

[@BodyAli96]

thanks man you really simplified web sockets

[@riacharda]

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

[@SaharThe49]

Just in time, started researching implementation of socket.io

[@StyleTrick]

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

[@triggeringencouragement5785]

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

[@nicholasmaniccia1005]

Great video love the deeper dive

[@SpaghettDev]

ayyy, congrats on 500k subs!

[@babaiiseuphoric]

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

[@EDW4RD249]

Just amazing, thank you for the video!

[@TheSadman2001]

I was wondering, why do you always say “if u wanna learn more stay tuned”? of course we want, ure a genius

[@sinki19841984]

He's getting us hooked first, then feeding us the rest. Kind of what a drug dealer does, but in a useful way.

[@TheSadman2001]

@@sinki19841984 yep, I agree with that

[@stokbrood]

Congrats on hitting 500k subs 🥳

[@saddamlakho9300]

kzbin.info/door/gEokqpVyfBicmizUbR52lQ for web tutorials

[@code4chaosmobile]

Great video as always thanks a bunch you are always inspiring

[@johnlin6121]

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

[@objectObject212]

Great video format, thanks!

[@randyjimenez8081]

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

[@tylersustare]

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

[@jigyanshushrivastava6153]

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

[@iyxan2340]

dang, 500k subs, congrats man

[@andreicucea2422]

I really like this format.

[@hemanth.alluri]

I get that this is just a quick demo but, OUCH. I could just FEEL the XSS waiting to happen at 6:55.

[@saiefzneti]

Oh god. I didn't even notice that ! XD

[@lalathealter6513]

thx for pointing that out, man. Now, after a little of googling, I know much more about web security

[@zoaybk]

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

[@i.k.ishaan]

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

[@dimalisovyk5277]

the greatest software-related channel

[@isaiahthomason3580]

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]

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

[@GaneshGfx]

Thanks, your explanation are brilliant 🔆

[@iamdarvesh]

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

[@hos7012]

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

[@mohitdas5292]

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

[@usamahussain4461]

thus channel is GOLD!

[@karianmash]

Always love your content, 🔥🔥🔥

[@hfe1833]

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

[@sandrinjoy]

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

[@junjiechen7341]

Bonus content! Bravo!

[@behnamsalehi9765]

thank you. this was really helpful for me.

[@martinmica4260]

Just what I needed!

[@erseiko3089]

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

[@aashiqahmed5273]

you are a brand man❤️

[@sreekar_s]

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

[@zS1L3NT]

Always perfect content!!! 😉

[@gavincoulson3900]

Freaking awesome video, love this one.

[@judamix7559]

simply the best!! thank you

[@nguyentrananhnguyen7900]

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

[@devaes]

i agree

[@homeofsports3295]

This channel is a gem 😁

[@yashghatti]

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

[@Nikhil-eg9zc]

Man I would really take up a web assembly tutorial where you yourself make the rust/c++/whatever program and compile it by yourself and then use JavaScript to embed the wasm file. I just can't find a tutorial with video quality as good as yours who has done this

[@vinhandev]

thank you for sharing your knowledge

[@justins4996]

Fantastic, thank you!

[@vedant6460]

Great video man!!