WebSockets in 100 Seconds & Beyond with Socket.io

Рет қаралды 957,501

3 жыл бұрын

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

Пікірлер: 481

@dadebulba 3 жыл бұрын

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

@atuladitya2421 3 жыл бұрын

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

@martincomesana6824 3 жыл бұрын

Totally agree

@theohalpern3549 3 жыл бұрын

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

@brendanjones6444 3 жыл бұрын

Stream Processing & Kafka in 100 seconds would be great!

@Fireship 3 жыл бұрын

Kafka has been on my list for awhile.

@Hizqeel 3 жыл бұрын

Yes plz

@arlandmv4053 3 жыл бұрын

omg yes please

@rivalputra7019 3 жыл бұрын

UP !!!!

@chaitanyabhole 3 жыл бұрын

Yes, that would be helpful.

@markbeebe2463 3 жыл бұрын

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 7 ай бұрын

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

@nichtbekannt5072 2 жыл бұрын

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

@kschwartz 3 жыл бұрын

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

@Fireship 3 жыл бұрын

Rules are made to be broken

@bauxite13 3 жыл бұрын

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

@dontbotherreading 3 жыл бұрын

gotem bitch

@azukamojume2718 3 жыл бұрын

@@bauxite13 Boooo!!!!

@danielrdrigues 3 жыл бұрын

@@Fireship Security code too.

@patrickmullot73 3 жыл бұрын

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

@harinandanrnair6768 3 жыл бұрын

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

@Glavin883 3 жыл бұрын

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

@Maxmaxs5 3 жыл бұрын

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

@JamesQQuick 2 жыл бұрын

This is gold!

@swayampravodasgupta2956 2 жыл бұрын

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

@ttbooster 3 жыл бұрын

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.

@StuartLoria 3 жыл бұрын

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.

@rowrohit5505 5 күн бұрын

Don't care if it is more than 100 seconds , the fact is it is very good and clear explanation, much better than other youtube channels

@DjCtavia 3 жыл бұрын

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!

@kipchickensout 3 жыл бұрын

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

@hulk94smash 2 жыл бұрын

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

@HaiTran-bp5cv 2 жыл бұрын

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

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

@onlyspaceghost 3 жыл бұрын

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

@cassolmedia 3 жыл бұрын

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

@CodingWithLewis 3 жыл бұрын

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

@zaidalikhan2749 Күн бұрын

TOOO GOOD! Gained a subscriber. I like no bs approach and straight to the concept. Felt a bit fast but that's good makes you stop and think and understand. Great job again

@rushtothemax76 3 жыл бұрын

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

@webwolfy7310 3 жыл бұрын

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

@user-fc5ou7pn2k Жыл бұрын

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

@gngn2973 3 жыл бұрын

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

@_sevelin 3 жыл бұрын

You made this thing look so simple! Great work!

@venkatareddy56 3 жыл бұрын

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

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

@fairpoor 2 жыл бұрын

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

@khokon_m 3 жыл бұрын

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

@david2am 3 жыл бұрын

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

@FredrikPlays 3 жыл бұрын

Congrats on 500k subscribers! Love your content

@youndbloodkid 3 жыл бұрын

You just became the most updated video on websockets.

@cmarc2156 3 жыл бұрын

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

@kettenbach 3 жыл бұрын

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

@inflame1994 3 жыл бұрын

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

@ankitsrivastava513 Жыл бұрын

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

@StyleTrick 3 жыл бұрын

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

@madimy 3 жыл бұрын

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

@navierstokes4150 2 жыл бұрын

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

@gokuafrica 3 жыл бұрын

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

@triggeringencouragement5785 2 жыл бұрын

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

@erniea5843 3 жыл бұрын

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

@anasp3847 11 ай бұрын

very minimal but most understandable. Thanks for the video.

@riacharda 10 ай бұрын

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

@blank-vw2sb 3 жыл бұрын

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

@babaiiseuphoric 2 жыл бұрын

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

@SaharThe49 3 жыл бұрын

Just in time, started researching implementation of socket.io

@heygema 3 жыл бұрын

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

@edchelstephens Жыл бұрын

Now that was a clear explanation. Thanks a lot!

@asedtf Жыл бұрын

This video is exactly what I needed, thanks!

@subijoyacharya3189 3 жыл бұрын

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

@VKD007 3 жыл бұрын

Your 100s videos are always fun to watch

@isaiahthomason3580 3 жыл бұрын

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 2 жыл бұрын

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

@EddyVinck 3 жыл бұрын

Congrats on 500k!

@BodyAli96 3 жыл бұрын

thanks man you really simplified web sockets

@nicholasmaniccia1005 3 жыл бұрын

Great video love the deeper dive

@randyjimenez8081 3 жыл бұрын

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

@dimalisovyk5277 3 жыл бұрын

the greatest software-related channel

@usamahussain4461 9 ай бұрын

thus channel is GOLD!

@mohitdas5292 3 жыл бұрын

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

@stokbrood 3 жыл бұрын

Congrats on hitting 500k subs 🥳

@saddamlakho9300 3 жыл бұрын

kzfaq.info/love/gEokqpVyfBicmizUbR52lQ for web tutorials

@hos7012 2 жыл бұрын

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

@sandrinjoy 3 жыл бұрын

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

@EDW4RD249 2 жыл бұрын

Just amazing, thank you for the video!

@andreicucea2422 3 жыл бұрын

I really like this format.

@objectObject212 2 жыл бұрын

Great video format, thanks!

@martinmica4260 2 ай бұрын

Just what I needed!

@junjiechen7341 3 жыл бұрын

Bonus content! Bravo!

@code4chaosmobile 3 жыл бұрын

Great video as always thanks a bunch you are always inspiring

@judamix7559 3 жыл бұрын

simply the best!! thank you

@johnlin6121 2 жыл бұрын

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

@karianmash Жыл бұрын

Always love your content, 🔥🔥🔥

@SpaghettDev 3 жыл бұрын

ayyy, congrats on 500k subs!

@GaneshGfx 3 жыл бұрын

Thanks, your explanation are brilliant 🔆

@iamdarvesh 3 жыл бұрын

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

@homeofsports3295 2 жыл бұрын

This channel is a gem 😁

@hemanth.alluri 3 жыл бұрын

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

@saiefzneti 3 жыл бұрын

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

@lalathealter6513 2 жыл бұрын

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

@Nikhil-eg9zc 3 жыл бұрын

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

@hfe1833 3 жыл бұрын

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

@yashghatti 3 жыл бұрын

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

@zoaybk 3 жыл бұрын

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

@vinhandev 10 ай бұрын

thank you for sharing your knowledge

@aashiqahmed5273 3 жыл бұрын

you are a brand man❤️

@tylersustare 3 жыл бұрын

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

@iyxan2340 3 жыл бұрын

dang, 500k subs, congrats man

@behnamsalehi9765 3 жыл бұрын

thank you. this was really helpful for me.

@nguyentrananhnguyen7900 3 жыл бұрын

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

@devaes 3 жыл бұрын

i agree

@sreekar_s 3 жыл бұрын

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

@justins4996 3 жыл бұрын

Fantastic, thank you!

@zS1L3NT 3 жыл бұрын

Always perfect content!!! 😉

@C0sm1c_Owl 2 жыл бұрын

Thanks again Jeff!

@vedant6460 Жыл бұрын

Love your videos!!

@vedant6460 Жыл бұрын

Great video man!!

@MrRobeezy29 2 жыл бұрын

Thank you so much for this

@erseiko3089 3 жыл бұрын

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

@gavincoulson3900 2 жыл бұрын

Freaking awesome video, love this one.