WebSockets in 100 Seconds & Beyond with Socket.io
Вставка
- Опубліковано 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 - Наука та технологія
Love this format where the first 100 seconds are a showcase of the topic and then an in-depth explanation!
Please keep going "Beyond 100 sec" for other topics as well
Totally agree
he often does
Yes
Calculus in 100 seconds?
C++ in 100 seconds and beyond
*7 years later*
I am now a learned man
Me thinking I'm only getting 100 seconds but actually getting 511 seconds:
Wait, that's illegal!
Rules are made to be broken
@@Fireship I think that if you tell that to a judge they'll disagree
gotem bitch
@@bauxite13 Boooo!!!!
@@Fireship Security code too.
Websocket in 100 seconds is a new World Record!!!
It's even understandable!!! :-p
What in his 100 seconds series isn't a record?
Stream Processing & Kafka in 100 seconds would be great!
Kafka has been on my list for awhile.
Yes plz
omg yes please
UP !!!!
Yes, that would be helpful.
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!
Gurantee youre not even a developer yet and just another grifter money chasing weirdo 😂
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.
The transition from 100 Seconds to Beyond gave me the chills man. Awesome video!
Keep it up!
The quality of your videos (as both programming tutorials and general production) is incredible
Congrats on 500k!!!! You definitely deserve it. Top tier tech content :D
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.
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!
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 :)
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 😍😍😍
@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.
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.
I love the added detail of this video!! Also congrats on half a million subscribers!!
This is gold!
Been looking all around for you, give me back my thoughts!
Perfect timing! I literally just built my first websocket project yesterday!
Wonderful presentation: short, concise, no "youtube" noises (background music, video tricks, splash screens, plugs,...). Thanks so much.
I've been anticipating this video ever since I heard it was in the planning. Great stuff!
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.
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. 🙏😍
Congrats on 500k subs. I am excited for that 1 million! :D
You made this thing look so simple! Great work!
Your voice is so sweet and of course the quality of the content is just too good.
For a second a thought it's not the same person talking...
yea me too, the voice changed mid way
broken mic perhaps?
the mic sounds worse than the other videos imo
It is just his night vs morning voice. He ever talk about it in one of his video
Congratulations for 500k. Want something special on celebration of 500k subs.
this man out here teachin us stuff that teacher wont, this is so underrated
100 seconds taken from my life time is worth it! thank you!
This is awesome!! Never see before these topics simple way, thanks you man!
Congrats on 500k subscribers! Love your content
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.
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.
I don't do web development but I really love your explanations! Just watch you videos for those!
10/10 I've had three professors try and explain what you've just clarified in 100s, kudos to you mr. fireship
Your videos are valuable gems ...can't thank you enough.
This is a great explanation. I've noticed websocket in front-end jobs recently.
The QUIC protocol is truly fascinating, there are clear benefits towards using this over TCP.
just today I was searching for websocket video on your channel and there we have it :)
It really help me to learn node js because I am a fresher in node js thank you for wonderful information
Killed it. Was always afraid of this. Your video helped a lot!
Damn! One hell of a video. I got to understand in 1 min. So simplified.
Congrats on 500k!
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.
It's actually way too fast. I thought my YT player was set to speed: 2.0.
you explained it so well a newbie like me still can understand, thank you!
i agree
very minimal but most understandable. Thanks for the video.
I love your content man. You are method of making is amazing.
I really love the Vintage-y atmosphere you bring here! will there be tutorial for making this type of tutorial video? ♥️
You just became the most updated video on websockets.
Thank you for giving us this high quality content for free.
This video is exactly what I needed, thanks!
let me tell you, your contents are actually beyond google ! your every content is a Gem !!!
There is a reason you have 500k subs. Keep up the good work!
Great video love the deeper dive
Now that was a clear explanation. Thanks a lot!
Great video format, thanks!
Your 100s videos are always fun to watch
thanks man you really simplified web sockets
Congrats on hitting 500k subs 🥳
ua-cam.com/channels/gEokqpVyfBicmizUbR52lQ.html
for web tutorials
That's a really good intro to web sockets. Tks.
Just in time, started researching implementation of socket.io
I get that this is just a quick demo but, OUCH. I could just FEEL the XSS waiting to happen at 6:55.
Oh god. I didn't even notice that ! XD
thx for pointing that out, man. Now, after a little of googling, I know much more about web security
Great video as always thanks a bunch you are always inspiring
Thanks, your explanation are brilliant 🔆
Just amazing, thank you for the video!
Always love your content, 🔥🔥🔥
Yay!
we need 100 seconds and BEYOND!
I luvvit!!!
i support the channel by watching ads to let this guy gives us daily videos
I understood every point you told about WebSocket. No matter if it is 100s or 1000000000s. 👍
thank you for sharing your knowledge
I really like this format.
thus channel is GOLD!
ayyy, congrats on 500k subs!
Awesome video. If anyone is trying and hosting it for fun, make sure you do escape(text).
i learnt pure Webrtc setup without any libraries. now its more easy for me!
Just what I needed!
thank you. this was really helpful for me.
Your content is so well structured. Thanks for sharing your knowledge.
I am looking forward to a tutorial of a full stack app, in your style!
you are a brand man❤️
simply the best!! thank you
I was wondering, why do you always say “if u wanna learn more stay tuned”?
of course we want, ure a genius
He's getting us hooked first, then feeding us the rest. Kind of what a drug dealer does, but in a useful way.
@@sinki19841984 yep, I agree with that
Great video man!!
I'd be more than glad to donate if you have a patreon, this is incredible stuff!
dang, 500k subs, congrats man
the greatest software-related channel
Love your videos!!
Nice video very obvious when u explaint it.👍👍👍
Thank you so much for this
Next - TailwindCSS in 100 Seconds!
Bonus content! Bravo!
This is so cool man thanks bro
This channel is a gem 😁
Fantastic, thank you!
Love these! Ruby on rails in 100 seconds please! 💎
Freaking awesome video, love this one.
Whenever he says we are going beyond 100 seconds today, my brain gets on steroids. Great work. Loved it.
Wow its such a great explanation
Always perfect content!!! 😉