He doesn't time pass, but goes straight to the point.
@theartlegend37724 жыл бұрын
I'm gonna go make Twitter now
@jugadtechnologies41714 жыл бұрын
Don't
@pigio90334 жыл бұрын
Jugad Technologies do
@jimhalpert98033 жыл бұрын
I'm gonna make discord now guys
@jugadtechnologies41713 жыл бұрын
@@pigio9033 He'll fail
@haydencordeiro3 жыл бұрын
@@jugadtechnologies4171 lol
@MaNiMaBaLLa5 жыл бұрын
This is perfect for what I needed for my website. I'm definitely gonna put this to use. You da man.
@WebDevSimplified5 жыл бұрын
I'm glad I could help.
@samishafi65354 жыл бұрын
@Shlok Jain haha you dont need to download just use npm i socket.io on terminal
@_.sunnyraj._4 жыл бұрын
@Shlok Jain Gawar
@mathewsjoy84643 жыл бұрын
@@WebDevSimplified how did you get the local host at the start?
@plamam73 жыл бұрын
@@mathewsjoy8464 vs code live server
@yamogebrewold86203 жыл бұрын
Real-time sockets are so awesome. I love how it's all built around the publish and subscribe pattern too. So easy to follow along. Awesome tutorial, thanks!
@AustinBeaufort4 жыл бұрын
This is exactly what I needed man, thanks! I've been trying to use arduino with johnny-five and web sockets for a while to be able to change the color of an rgb led from my phone, and this has helped a ton in seeing how web sockets work. Awesome content!
@raeedchat41132 жыл бұрын
We used this tutorial and now we've come such a long way! Thank you web dev simplified!
@jeyzzz6965 жыл бұрын
thank you for having tutorials that does not go beyond 20mins. more power to you man
@WebDevSimplified5 жыл бұрын
I try to keep the videos as short as possible since I hate long videos.
@lordofdawn68712 жыл бұрын
@@WebDevSimplifiedMe too
@emr33644 жыл бұрын
Normal people: social distancing Developers: socket io chat
@zehrayilmaz96603 жыл бұрын
looool reletableee
@patrickc.61834 жыл бұрын
That intro was great! I love your sense of humor in these videos :).
@elenakout5 жыл бұрын
excellent as always!! You are the best company on afternoons that I want a break and to just have fun with a project and learning new things!!
@WebDevSimplified5 жыл бұрын
Thank you! I'm really glad I can make your afternoons and learning something to look forward to.
@surajvijay19373 жыл бұрын
"and that is going to be easy" - Quote of this video
@arifkasim32412 жыл бұрын
Succinct, lucid and a calm, soothing explanation. You are an ideal tutor. Enjoyed the video very much.
@erensarikaya87675 жыл бұрын
perfect. no much talk, no blabla, only what you need to know
@WebDevSimplified5 жыл бұрын
Thanks. I'm glad you enjoyed it.
@myworldbox4 жыл бұрын
Priceless content Applause from Hong Kong student XDDDD
@maverick46362 жыл бұрын
FINALLY! A good tutorial that ACTUALLY is what i was looking for! thankyou soo much!
@SahilSharma-gu2kx2 жыл бұрын
kzfaq.info/get/bejne/i7h9hpBhncuncWw.html
@KeskilChnProgram2 жыл бұрын
Has that code worked?
@maverick46362 жыл бұрын
@@KeskilChnProgram i cant remember, i think it ended up with quite a few issues
@KeskilChnProgram2 жыл бұрын
@@maverick4636 did you fix that issues?
@scottj62963 жыл бұрын
*EDIT:* I have solved the issue. He npm installed a deprecated version of socket.io (2.20) so it seems this code no longer works with the latest version (4.1.1) Will have to consult the socket.io docs to complete this project. Edit 2: Still no luck getting socket.io v4. to work. *The problem* At 6:30 I do not get the socket.emit to log "hello world" in the console, so the socket wasn't working right. Finally I tried copying his github code and the app doesn't work (you an only see your own chats.) So I thought it might be different syntax for sockets 4.0 and above and we need to consult the docs, or install an old version of socket.io. Then I confirmed that version 2.20 prints hello world to the console. *tldr:* He installed socket.io 2.20. The current version is above 4.1.1 and this code won't work right with the new version.
@mohamedjebril85743 жыл бұрын
To make it work with latest version of socket.io ^4.1.2 : 1- in server.js change const io = require('socket.io')(3000) to const io = require("socket.io")(3000, { cors: { origin: "*", }, }); 2- in Visual studio code setup live server extension, then open index.html in VS Code and right click inside the page then choose open with live server, this will make the page open in port 5500 or any available port
@lukehenize18002 жыл бұрын
@@mohamedjebril8574 Thank you so much! Looked on socket.io documentation but couldn't find a fix anywhere
@raushankumargupta70182 жыл бұрын
@Scott J thank you very much & Mohamed Jebril sir😊
@alexeialpaka Жыл бұрын
@@mohamedjebril8574 Thank you so much bro, you saved me
@dou4219 Жыл бұрын
@@alexeialpaka does it still work?
@kevinsetazate45024 жыл бұрын
Thank you bro!!! this is what i'm looking for, no templating engines or frontend frameworks just native.
@Tsukasa19295 жыл бұрын
Hey nice channel, I like the way you explain programming and how clear you manage the information, will you extend this topic using a different app, not a chat, mb a real time post update or a new DM receive??
@WebDevSimplified5 жыл бұрын
Thank you! I do want to expand upon the idea of web sockets and real-time communication since I think it is fun to work with an really useful. I right now do not have any project ideas for such a project, but I am sure I will come up with one eventually.
@afonsonzango Жыл бұрын
@@WebDevSimplified You used the port 3000, what If I wanna deploy this aplication? It won't be in localhost, so, what do I do?
@talibelm5792 Жыл бұрын
I have made my first Javascript& Node.js project 😊 Thank you very much!
@scottmcmahon72093 жыл бұрын
I've said it before and I'll say it again, you're a very smart young man :)
@aaronj65713 жыл бұрын
cant believe i faced click bait on other videos like THIS..... THANKS A LOT..subed
@andylib4 жыл бұрын
This is amazing, what I'd be interested to see is a live ticker application e.g. for a football game
@matstacy68304 жыл бұрын
what is a live ticker?
@NoName-ui5ou4 жыл бұрын
Mat Stacy basically a description of a live football (or any other sports) game. So fe when someone scores you‘ll get a message like „X scored. Current score: 2:1“ or smth like that
@God51474 жыл бұрын
I'm just learning node and express...etc because of my future, then I got a good page finally so I'm really thankful for this opportunity
@guygontar61064 жыл бұрын
That's really nice and well explained! You got it straight to the point. My only question is - do you run this over Express server? you browse localhost:5000 yet the IO variable gets the 3000 port as a parameter. This is something you didn't explain.
@selimyurekli64813 жыл бұрын
5500 port is for live server. He ran client in live server.
@poornipriya61982 жыл бұрын
I am newbie to node..can anyone just explain how tat Live 5500 port created and code for tat not shown here rite..by the way rest of the code r just awesome 👏
@nithinkjoy21584 жыл бұрын
i am very new to javascript... i didnt understand anything.. but i believe that after 6 months i will be clearly able to understand it... thank you
@banelendaba97602 жыл бұрын
I keep on getting CORS error in console
@MegaNightdude4 жыл бұрын
That is so awesome! God bless you, man!
@PandaciteYT Жыл бұрын
This is exactly what i was looking for!
@sudonick21613 жыл бұрын
This guy makes node js look so easy..
@dpaul34473 жыл бұрын
Your Intro's are pretty cool...👍👍
@pavanvarmapinnamaraju51474 жыл бұрын
I need answers for the following questions, can you please answer this (1) Did you observe how it became INSTANT messaging? Is browser client making so many frequent calls to backend to get instant messages? If so, it will be a huge traffic onto the backend server with heavy load. Is this what happening? I am verifying whether you understood the concept, Pavan. (2) Did you try having two different groups having the chat at the same with total isolation from each other? That means you and Varma can have one. On the same server, at the same time, me and another person can have the chatting too. (3) And it should be persisted in database so that it can be always visible when they come back some other day and continue chatting.
@JustinTheVlogger3 жыл бұрын
Access to XMLHttpRequest at 'localhost:3000/socket.io/?EIO=4&transport=polling&t=NN_PVjI' from origin '127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. I got this error why?
@UltimateArtist3 жыл бұрын
you have to make ilke this in the server.js ------------------------------------------------------------- const io = require('socket.io')(3000,{ cors: { origin: "*", }, })
@Al_Gonzo3 жыл бұрын
@@UltimateArtist tysm i couldnt figure it out by myself. Btw do you know why we get that error in the first place?
@devdeclan2 жыл бұрын
@@UltimateArtist Thanks, couldn't figure it out why that was happening.
@ansuman42334 жыл бұрын
This was very helpful to start with the basics! I have subscribed to this channel and would go through the rest of the content. Thank you :)
@maayanpeleg51484 жыл бұрын
May I ask how the index.html is being views on port 5000
@techdoge36253 жыл бұрын
cuz it dont work dummy
@viditsinghbrahmania14763 жыл бұрын
Using vscode extension liveserver, you can do it other way using npm too. liverserver also uses npm under the hood
@mathewsjoby64552 жыл бұрын
Wow! That was awesome and I loved it! Hoping for more amazing content!!! 🤓🤓
@A68AGaming4 жыл бұрын
thanks so much for the tutorial, i always had a lot of trouble doing the networking stuff and this helped me a lot!
@RonHadri2 жыл бұрын
For the noobies out there like myself, you need to reboot your computer after installing node.js. Otherwise, you will get an error message like the one below after trying to run "npm init" from the terminal: npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program.
@danielmadison4451 Жыл бұрын
CORS ERROR FIX: In server.js file "const io = require('socket.io')(3000, ( cors: { origin: "*" } } );"
@danielmadison4451 Жыл бұрын
I think I screwed up my braces and parentheses "const io = require('socket.io')(3000, { cors: { origin: "*" } } );"
@-ShabariNathanL Жыл бұрын
@@danielmadison4451 Thanks
@migaratennakoon54395 ай бұрын
@@danielmadison4451 Thank you
@nmathew19873 жыл бұрын
I'm confused by this. you never actually set up a server that sends the index.html file. How is the page loading in this example ?
@BadeAndenB3 жыл бұрын
I'm struggling with the same thing, can someone please explain this?
@kishanlal6763 жыл бұрын
I think he's using Go Live feature in VS Code. Not sure though. You can take a look at the timestamp 2:03
@giorgigulishvili76423 жыл бұрын
use live server in vs code
@echomouser3 жыл бұрын
you need the live server plugin to vs code then you can right click in the html file and click live sever
@jacquibaxter959 Жыл бұрын
The server runs independently from the HTML. The HTMLs attached JavaScript will interact with the server
@JCDZK2 жыл бұрын
Short videos ftw. Cheers buddy, subscribed
@ganeshkalidas10684 жыл бұрын
Can you please explain the address bar "127.0.01:5500/index.html", that would be helpful." Like where exactly you have kept your (index.html) file/s. And directory structure of the same.
@WebDevSimplified4 жыл бұрын
I am using an extension called live server with VSCode that sets up the server for me.
@0192kamil4 жыл бұрын
@@WebDevSimplified Hey! How would you be able to set this up on websites like netlify?
@ParrotPentester3 жыл бұрын
Best Intro EVER!
@cscs6587 Жыл бұрын
CORS Problem how to fix it
@tanayraj29914 жыл бұрын
Best video to understand the basic of socket.io library 💖
@akshhay5 жыл бұрын
Bruh, what the heck you doin in this computer stuff!!! Go get Hollywood contracts!! You look like a god😍
@WebDevSimplified5 жыл бұрын
I am most definitely not enough of a people person to do that. I would much rather stick to my computer teaching and solving problems all day.
@balance_andbliss4 жыл бұрын
Thank you so much for this. Please make a tutorial video showing how we can create PWA chat app ? Great work dude! I speak for all newbies out there when i say... THANK YOU!
@realdlmgang34863 жыл бұрын
Guys this man is a legend thank u
@denisedrey9214 жыл бұрын
Thank you dude, that was amazing!
@saitejagatadi97114 жыл бұрын
You have explained in a superb way bro.. Keep doing these amazing videos...
@Dr460n4ir3 Жыл бұрын
I am not getting the mesage in my console when I press send 9:33
@robertomoura5524 жыл бұрын
Awesome video! Thanks! Can you also make a tutorial on how to deploy it? (On AWS for example)
@thinkhub10034 жыл бұрын
Great thing is, you've done it in under 20mins.
@samuelkannuberg84623 жыл бұрын
What do you do about the CORS error?? I've tried to find answers on google but i don't know how to implement it into my code...
@hannamitri35893 жыл бұрын
same!
@chazcarothers1352 жыл бұрын
Same here! Did you ever find a solution?
@samuelkannuberg84622 жыл бұрын
@@chazcarothers135 No sadly I didn't
@danielmadison4451 Жыл бұрын
Hey Kyle what a great video. I have a running Apache server and a Mysql server running from scratch. Now I want to hook up my Database to this chat server. Then I will have 3 ports all doing something important. LOL I love a challenge.
@mhdyousuf33925 жыл бұрын
I always wondered how chatting works... Awesome content and thanks a lot!
@WebDevSimplified5 жыл бұрын
You're welcome!
@colinbecko3 жыл бұрын
I found this easy to follow, however I am having issues with starting the server as well as getting socket-io to import properly. I had to add a http-server command I found online to get the server running. I believe I followed the proper instructions (even downloaded the source code and ran that) but I'm also getting these 'io is not defined' errors, even though I ran npm install socket-io. Any tips? Thank you!
@KaydaFox3 жыл бұрын
`npm i socket.io` is the command to run, if you havent found the answer yet
@AlbertRayJuarez2 жыл бұрын
@@KaydaFox I did the 'npm i socket.io' and I still get 'io not defined' errors, suggestions?
@donovanelliott90602 жыл бұрын
@@AlbertRayJuarez on the server or client?
@migueldomingos45703 жыл бұрын
Loved the intro
@rvbrindle4 жыл бұрын
Great video! after scrolling the comments to see you are using live-server i now seem to be getting lots of CORS errors in the terminal when trying to run in browser
@chazcarothers1352 жыл бұрын
I did too. Did you ever find a solution?
@zehrayilmaz96603 жыл бұрын
I can not see "Hello world!" on the console :( I also don' t get an error I get this in issues.: "Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute"
@lolglolblol4 жыл бұрын
This is great for my school project. I think I now have a better idea of how to do it thanks!
@luis96xd Жыл бұрын
Amazing tutorial, everything was well explained, thanks!
@abdulazizalghafli52405 жыл бұрын
Great topic. It's easy to understand from you. Thank you.
@WebDevSimplified5 жыл бұрын
You're welcome!
@klznpch75123 жыл бұрын
thanks for teaching me how to use disconnect :)
@kfiryahav29873 жыл бұрын
YOU ARE THE BEST!!!
@moneyisenergy4 жыл бұрын
Thank you that was a great tutorial!
@anandpari245 жыл бұрын
Nice man, Love it
@ib65485 жыл бұрын
This perfect for what I needed right now. Thank you
@WebDevSimplified5 жыл бұрын
You're welcome!
@Tri-lime_Spanish2 жыл бұрын
YOU´RE SO GOOD MAN
@moiraleon87442 жыл бұрын
I feel like there was a deliberate pause after people 😂
@Krokodil9864 жыл бұрын
Haven't tried it yet but seams like it'll work. 😆🤪🤪
@dart1673 Жыл бұрын
sense of humour simplified
@avineakduwal15183 жыл бұрын
Thanks a lot.... Really searching for short sweet to the point vdo...
@MG-bm5oj4 жыл бұрын
Amazing and how simple it was. How are you thinking in making it more complex? Images?
@richardlatham79274 жыл бұрын
Thanks for this. I was looking for an example to work through to help me learn about connect.io. This has worked well,
@electrotsmishar4 жыл бұрын
Perfect tutorial. Thanks again
@syafiq555554 жыл бұрын
I'd love to see a more advance project with socket.io thank u for explaining ! Appreciate it
@WebDevSimplified4 жыл бұрын
I have a part 2 of this video you can checkout which goes a bit more in depth.
@syafiq555554 жыл бұрын
@@WebDevSimplified thank you
@ehteshamsiddiqui68412 жыл бұрын
I have implemented my messaing service using you tutorial thanks alot!! I have a blocker though, I'm trying to create a channel where in a master user can send the message to multiple selected users. I'm not sure how I can create a dynamic channel and listen to it only for the user whom the master user sends the message
@RobertWildling4 жыл бұрын
Gotta love that intro!!! :-D
@karunakarsarabu4 жыл бұрын
i watch all your videos. i searched the net for a language that fits me all over the year at free. finally i find yours. i learnt express.js ejs and rest api by following your videos of course reactjs
@kinfish13654 жыл бұрын
why i doesnt work for me i just got your source code in github and i tried it but it shows only the text box and the send btn and there is nothing chatbox over here on me please help me i need this to be solved please help
@shashwatpandey35569 ай бұрын
4:48 man... that really small heads up about running two services on two different servers hosted separately... You don't just teach web-dev you also introduce system designing and production ready code.
@45410475 жыл бұрын
Great contents. Please continue to be unique with your contents. All the others web channels are just copying from Traversy Media and he's friends. But I really glad to see your different and great stuff!! Thanks!
@WebDevSimplified5 жыл бұрын
Thank you so much. I view Brad as a huge influence but I created my channel specifically to make content that is simple and concise which was what I found lacking when I was learning web development. I am glad that this teaching style resonates with you.
@jeffrinmanovaprabahar5 жыл бұрын
Good content and good content delivery as usual.
@WebDevSimplified5 жыл бұрын
Thank you
@saswatisinha77354 жыл бұрын
thanks....it worked..i have learned so may things from this
@lazyworkroom4 жыл бұрын
Thanks as always! :)
@mohammeddhillshaardthd21224 жыл бұрын
Awesome sir... Just let me give a try to node...✌👍
@afnanamer92133 жыл бұрын
Brilliant!! You saved my life I was looking for a tutorial that shows how to upload files or pictures in a real time chat app? Do you have any basics ideas of how we can do it or any resources? Thanks a lot.
@ThatGuyCream2 жыл бұрын
This man has 999 000 subs! GET HIM TO 1 MILLION RIGHT NOW!!
@najwamozhikkal88362 жыл бұрын
your github code not working..messages from one user not reach second
@karlj.57304 жыл бұрын
Please create a tutorial a chat system with a database using MySQL and node.js. With just particular user you wanted to chat. AWESOME TUTORIAL BY THE WAY!!!!!!!!!!!!!!
@asdasddas1004 жыл бұрын
This gave me a great idea. Thank you
@sadico83445 жыл бұрын
A bit complicated but useful and interesting :)
@Legitivity3 жыл бұрын
Great video! very helpful! thank you!
@kgeervan97173 жыл бұрын
I have a question about this will the chatapp's web page open only for me or to every person who knows the web address If it only opens for me then how do I make it open for others too Pls help me and thank you in advance
@danc38764 жыл бұрын
How to open the application in browser? 127.0.0.1:5500/ doesn't show anything, and after running "npm run devStart" it doesn't open in browser. Can someone point me what to do?
@safari24114 жыл бұрын
Thanks for the excellent explanation!
@WebDevSimplified4 жыл бұрын
You're welcome
@suelingsusu1339 Жыл бұрын
Well done... this is nifty!!!👏👏👏🙏🙏🙏🙏👌👌👌👌👌🖖🖖🖖🖖🖖
@BluePhoenixGames15 жыл бұрын
Thank you, awesome as always :)
@WebDevSimplified5 жыл бұрын
I'm glad you enjoyed it.
@hsngsoftware43804 жыл бұрын
Greatly explained
@baatar3 жыл бұрын
How did you deal with the CORS error? Do you have a browser extension installed to resolve that?