Learn Socket.io In 30 Minutes

Поделиться
HTML-код
  • Опубликовано: 31 дек 2024

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

  • @TigrexSC2
    @TigrexSC2 3 года назад +221

    Sincerely, you're born to teach. You have talent, you have taught me so many things and you explain them so nicely.
    Keep doing this, you're amazing af.

  • @djameleddineMOUMEN
    @djameleddineMOUMEN 2 года назад +213

    The purpose of WebSockets isn't to make persistent connections that allow multiple requests. That could be achieved in HTTP through "keep-alive". The purpose of WebSockets is to make bidirectional connexions, in which the server can initiate the interaction with the client, in opposition to HTTP where the client is always the one initiating the interaction and the server only responds to the requests.

    • @upsxace
      @upsxace Год назад +4

      Amazing and accurate comment!

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

      @@jmgomw7787 why are you even triggered???, he is clarifying something that kyle didn't mention, maybe stop being such a douchbag and learn something instead.

    • @S4skickers
      @S4skickers Год назад +21

      @@jmgomw7787 (?)

    • @ron.webdev
      @ron.webdev Год назад

      @@jmgomw7787He clarified the concept. The least that you can do is be grateful. In the tech industry the difference between 0 and “0” is immensive.

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

      ​@@jmgomw7787wtf!! Nothing wrong with sharing information, especially something valuable like this one. We learners appreciates it.

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

    How do you always put out videos relevant to EXACTLY what I am looking for? Its scaring me Kyle!

  • @abhijeetmukherjee48
    @abhijeetmukherjee48 3 года назад +45

    This guy is a legend💯

  • @sujitkumarit6233
    @sujitkumarit6233 25 дней назад

    I was struggling to understand when io sends event and when socket for a week now you just explained in two minutes Thanks a lot bro

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

    My capstone class is finishing up a 7-week project where we learned all about server-side and database related frameworks, libraries, and other related syntax in Javascript. This tutorial is foundational to my completion of the project and I, as well as many others, owe it to you for your concise, sharp delivery in teaching. We thank you for being so instrumental in our learning journeys

  • @seanfang398
    @seanfang398 2 года назад +22

    I really love Kyle's video style, always having so many concepts and infomation to be explained so clearly in such a few words, so briefly yet comprehensive

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

      Kyle packs a lot of information into a small space. I sometimes have to watch the video multiple times to take it all in, but I'd much rather that than having to lumber through a long and tedious explanation. A few presenters have put me to sleep but Kyle never will.

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

    @2:51 is very important. For the longest while I always thought that the socket connection died after each event.
    Good job Kyle 👏🏽

  • @HakunaMatata-it2qr
    @HakunaMatata-it2qr 3 года назад +83

    For me WDS logo is enough to like the video...!😇🌟

  • @swimshahriar
    @swimshahriar 3 года назад +13

    Needed this video to implement real-time features in my project. You explained all the things that are needed.
    Thank You, Kyle.

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

      I agree. Very professional. Well paced. Fast but not too fast.

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

    Detailed tutorial on web sockets . Highly recommended.

  • @syedalimehdi-english
    @syedalimehdi-english 3 года назад +3

    WDS the greatest channel on earth. I love the way you explain things. Its so easy to pick them up!

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

    Hello, I live in Iran and your education is excellent ..

  • @gauravsharma-lu4if
    @gauravsharma-lu4if 6 месяцев назад

    bro you are a legend!, you teach things so simply thank you soo much.Keep uploading more and help us.

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

    Kyle Cook, the best teacher! 🤗

  • @sunpathfinancial
    @sunpathfinancial 2 года назад +1

    Brief. Concise. Succinct. No waste of space. Beautifully taught.

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

    You saved my life brother.. 🙌
    The way you solved the cors was just 😌

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

    this is so timely. Im currently creating a messaging app using react. thanks for this kyle!

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

    @11:08 instead of using broadcast we can just do one thing in the code of script.js we can just remove the line displaymessage(message)
    before the socket.emit ("send-message");

  • @ismail.dalhatu
    @ismail.dalhatu 3 года назад +1

    Thank you kyle I was struggling with web socket when I saw this notification

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

    Thank you for organizing everything about the socket! It's better quality than other paid lectures. Thank you very much!

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

    Need to adjust the speed@0.25X 04:25, swap to another terminal window; 04:35, run "npm start" in the clients side folder

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

    I just thought of a project that needed web sockets and i get a notification of this video

  • @davidobodo3605
    @davidobodo3605 3 года назад +20

    Very nice video. Thanks a lot. But it would be really helpful if you add a link to the file in the description as well.
    Even if its not the finished code, at least the stater files so we can follow along.
    All the same thank you so much for this very informative video

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

      ruclips.net/video/XvQgcY2oZug/видео.html i hope this helps you bro 🙏🏻

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

    Thanks, and much love from Kenya, short and straight to the point,,

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

    Good job. This video is really helped me understand the basics of Socket io. Do what you'are doing and don't stop.

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

    You're not only making great tutorials, but you are also a really good life coach I can say by watching some of your videos XD

  • @pattmehta5835
    @pattmehta5835 2 года назад +1

    Thank you, this is a very in depth tutorial on socketio and you did a very good work with the examples

  • @Ari-pq4db
    @Ari-pq4db 6 месяцев назад

    Thank you Kyle, this was just awesome tutorial, we need more like these 🔥🔥🔥❤❤❤

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

    Dude you have no idea how much this has helped me!!! Keep up the good work and thanks man🍻🍻

  • @MA-nw3xf
    @MA-nw3xf 2 года назад +1

    Really great explanation! The challenge I have now is how to make this scale horizontally. Let's say I have multiple instances of the server, one client is sending a message to serverA, then clients connected to serverB, and serverC should also be notified.

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

      I know you might not need this anymore, i am kind of having the same scenario, i think it it better to make all your user have a specific id maybe from the database that would make the id consistent, because the id that socketio assigns is not for development purpose but for debugging purpose, that is why it changes on every reconnection. What i have planned to do is to make the server emit to `friend-${user.id}` and the client listen to `friend-${user.id}`. I think, no matter the server, the id is always constant and the client only listens to a particular string or event that concerns it.
      I hope this helps. Please also share the way you solved the problem here so myself and others can learn too. Thanks a lot

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

    I just created my ffmpeg progress dashboard with sockets using Node, React and Material-UI.
    It works like the youtube upload thingy. But there are no uploads in this situation so the calculations are accurate.
    I'm watching the fruits of my labor on my second screen as I watch this video.
    So close to the release of my NoMercy TV project.

  • @MukulJainx
    @MukulJainx 3 года назад +10

    Great video, wanted to try Socket as I never got a chance to work on them professionally. Just a correction, I might wrong here. At around 17:00, I don't think the server actually called the callback but it told the client to call the callback along with sending the params, now params can be easily sent if serializable.

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

      From what I can tell, socket.join(), is a synchronous function according to the documentation. It seems right the way he explains it, but that’s just how I’m reading it. Need to play around with it to verify for sure.

  • @mikechen1480
    @mikechen1480 3 года назад +10

    how can i get the set up code in 0:44 any link plz

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

    This was an incredible, very easy to follow tutorial

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

    Duuude, I literally was searching for a good tutorial on this for like a week, and here you are!
    Thanks a million!

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

    This is the best socket explanation I've found. Thanks!

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

    Good presentation and delivery. Well done!

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

    Using this for a gambling site. I'm barely in but seeing your intro "No Stack to Full Stack" made me laugh. Very Clever

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

    Loved it. In just thirty minutes, I have learnt so much. Kindly, make a detailed (advanced) version of this.

  • @synoi8780
    @synoi8780 3 года назад +11

    Perfect timing!

  • @yitzchaksviridyuk932
    @yitzchaksviridyuk932 3 года назад +7

    Great tutorial. Really covers the foundations clearly and concisely. Thank you very much.

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

    ¡Great Tutorial!

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

    The best socket io video ever! Thank you!

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

    Ultimate .... In such a less time what a golden information

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

    8seful and man you've explained amazingly...Thank you soo much 😍😍

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

    Amazing content, whenever I need to learn some new stuff first place where I'm looking for materials is your channel. Greeting from Croatia 🇭🇷

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

    11:15 this way user can't be sure about connection. I would prefer incoming msg from server so I can be sure it's sent to everyone in channel including me. great presentation thank you.

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

    WOW! Other than your Jedi lingo is faster than a light Saber, amazing stuff.

  • @Ari-pq4db
    @Ari-pq4db 6 месяцев назад

    You are the G.O.A.T Kyle, Thank you soooo much for this.

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

    Wow, you're so great in explaining things. Thank you!

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

    I've noticed you now speed your videos up by just a bit. Interesting approach...Anyway, thanks for this!

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

    I’ve been waiting for this forever!!!
    Thanks!’’

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

    All ways great things, you deserve my sub

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

    thanks mate , you're really good at getting points simply to the head

  • @nickvelos9571
    @nickvelos9571 3 года назад +34

    It's like you're reading my god damn mind. I can't thank you enough I was about to watch a 3 hour tutorial that covers what you cover in a more explanatory way. Thank you so so so much!. I just noticed that you don't include a repository for the video or at least the boiler plate code It'd be nice if you could add that.

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

      Same here

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

      incredilbe, same for me, I also just needed that tutorial so bad!

  • @inoorbeats7632
    @inoorbeats7632 Год назад +2

    If "xhr poll error" still appears after setting admin socket ui like in the video then set credentials property to be true in the io server.

    • @mukkupretski
      @mukkupretski 10 месяцев назад +1

      This comment means that you add "credentials: true" to the object cors when creating the variable io. I also faced an error "invalid namespace", in order to fix that you just have to remove the "/admin" part from the end of the server URL (so it is just localhost:3000)

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

    Thank you to explain us, this topic a little bit hard to me before watching that video

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

    Always making me curious with new stack 👍

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

    May the Righteous and Holy force be with you Jedi Kyle. I definitely would like to implement this somewhere on my web space.

  • @tapasvimadhak1778
    @tapasvimadhak1778 Месяц назад

    I would really like to have the code before implementation just the layout of chatbox to do a code along instead of just watching, still really great explanation.

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

    You saved my career. Thanks a lot.

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

    Superb Keep doing this, you're amazing

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

    Outstanding bro, proud of ya.. , unlike the others they just copied someonelse codes and explain it with the official docs , too muc uh ah eh aswell, lol.

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

    U r my inspiration

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

    Kyle what is the repo for this project? To kickstart to practice coding along.

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

    My resolution start learn only from this channel in order not to waste time.

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

    Here he add cors which is work in socket 3.0 or above only..For below socket 3.0 u must use const io = require(socket.io){origins:[your_url]}

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

    This covers everything I need for my game project. Thanks 💯

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

    thanks so much man, it was really helpful

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

    Incredibly great video! Thank you

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

    He really went ahead and did it. Yeah the title of the video

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

    Very good overview! Thx for sharing

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

    Very useful content. Just what I needed.

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

    socket could not have been explained better than this

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

    Great work as always

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

    Have been just working with socket io today

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

    Perfect explanation 👌 thanks

  • @kalkidan.t
    @kalkidan.t 2 года назад

    Great tutorial, thanks!

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

    Thank you very much for this great tutorial.

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

    Thank you for the video,It's helpful

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

    Thank you Jedi Web Slayer

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

    thank for, such an amazing video

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

    thanks dude. your video is soo awesome

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

    did you not share link to initial code? I'd like to follow along, but I don't feel like trying to figure out what you typed where before following along stated

  • @karuneshkaimal
    @karuneshkaimal 2 года назад +1

    great tutorial , question from production deployment perspective will socket server will be an independent api gateway where the main app connects to ? If not what's the standard of deploying ?

  •  2 года назад

    thank you for sharing dude.

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

    it is gorgeous, thank you very much

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

    It so easy man thanks ❤

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

    Saludos desde Argentina crack!

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

    wow what a teaching....!!!!! its just awesome

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

    Fantastic lesson.
    Noob question: I wish to implement a socket inside a Lambda that will be deployed to the cloud, how does the "port/server" work in this case?

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

    how you use import statement without having babel ? doesn't work for me

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

    Awesome. Very helpful content!

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

    really useful stuff, thanks!

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

    Awesome tutorial!!!

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

    Best video EVER

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

    loved it. Thank you

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

    This tutorial is really great and helpful.

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

    KYLE COMING IN WITH EXACTLY WHAT i NEEDED.
    PS, looking for collaborators, if anyone is interested.

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

      we can collaborate and work together on project

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

      @@lawalolawale1463 Do you have a Discord?

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

      @@purujitkulshreshtha2211 no i dont have
      are you on whatsapp you should chat me up @ +2347017259118

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

      @@lawalolawale1463 +234... You're from Nigeria...?

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

      @@purujitkulshreshtha2211 yes.
      is that a problem