This dude is awesome! Short and precise without needless details. The tempo of the presentation and the accent is just fantastic. 10/10 We need more teachers like him.
This is still amazing, even in 2022. There is now so much wide spread support for websockets, thinking apollo client in particular, that it's nice to get back to fundamentals. Starting with the OSI layer and working our way all the way up the stack to socket IO. Great job!
we can clearly admire and respect this young man since he at the young age of 18 he is able to demonstrate great knowledge of networking and computer science concepts while also phrasing it to a room and making it so fluent and understandable. I know he will do amazing things
I don't use python for web development (I'm on the node train) but his presentation was so we'll executed that I watched the whole thing and learned something 😊🙏🏽
@freecodecamp , please add resources about data science also. Your channel has been a source of information for me. Thank you so much for your efforts.
@@light5068 ah so instead of a button you tie the request with the scrolling event. That seems quite good. Doesn't need websockets anymore than do we ?
@@prashantsihag3489 websocket is a full fledged solution to these kind of dynamic websites whereas pinging and ajax are type of workaround but ajax is pretty good too but if u need dynamic content to be accurate at seconds like trading apps then u need websockets
@@prashantsihag3489 also websockets is two way connection if u only want to push data and not take any dynamic data from client u should use server side events that's better coz web sockets add a bit more overhead and also can make u prone to attacks as u listen to client and have vulnerabilities
what does it mean when we say that UDP doesnt care about losing data while streaming videos? Shouldn't we get the whole video back? I never noticed a video that isnt well sent and dont understand that implementation example.
I think it’s when a video is buffering or live stream is lagging for a couple second it means u lost data and then it goes right back to good quality. So udp is faster.
Let's say you are watching video at 60fps. Each second you get 60 frames. However if one of the frames is lost or corrupted then you would not even notice as our eyes can't tell if a single frame is skipped or not. This is what is meant by it doesn't care about losing data.
is this different from the Network sockets ? You know the one that is used for establishing a connection between 2 computers or between a server and a client?
hi, so he mentions websockets and thrid party API not recommended ? I am thinking about creating a crypto platform that pulls info on real time from binance. Actually, i checked that websocktes are avilable from Binance API data. So, is there any specific challenge about combining websocktes and API requests ?
IT just works! :) If you want to know more, download open source Chromium code, and have a look in milions lines of code ;) You need a lot of patience to figure it out :) Browser knows the protocol, and use that protocol, to behave in proper steps. It connects to normal IP number, and knows that protocol deals with websockets. Thats it.
U send request to server the server recives it and has a code defined to reply to it when reply is received on front end u can render it as u define on client js, now browser s role is just helping u navigate to site give basic css and show html and run client js rest all is ur code u don't need to look at broweser code and it isn't required to know how websockets work
Spent needless time on explaining HTTP, Internet Protocol, TCP/UDP. In the end time was up for important stuff for which I was watching the whole video....
You are trying to teach this open-source subject (web-design related topics) on the totally closed platform (MAC machines and OS). Is this a joke? If not, then call your video "dedicated to MAC lovers only...not for the vast open source community". I cannot believe a software engineer would use a fashion-designer's tool... unless he works for Apple.
@@xxMikePortnoyJrxx ... if you believe no one sees you U using MAC, I apologize to JoeBlowMacLower...do not be so defensive... I just think that, unless you are a highly paid MAC employee, you should (if you are a software engineer) open your mind in the open-source world, open-minded, out-of-the-box.
@@peta1001 I built my own desktop pc, and I have a dell laptop. My point stands, you don't know what you're talking about. The device someone is using has absolutely nothing to do with whether or not they can use and promote open source tools.
This dude is awesome! Short and precise without needless details. The tempo of the presentation and the accent is just fantastic. 10/10
We need more teachers like him.
is he 18 years old???
@@marcogelsomini7655 crazy. good for him.
Perfect introduction for me. Thank you very much. Can't believe you were 18 years old when you did this.
transport layer is above internet layer
Everything is upside down in Australia
@@AndronePro this reply is so funny lmao
Yes, its actually Network layer.
thank you..
This is still amazing, even in 2022. There is now so much wide spread support for websockets, thinking apollo client in particular, that it's nice to get back to fundamentals. Starting with the OSI layer and working our way all the way up the stack to socket IO. Great job!
socket IO 💪
Outstanding, I wish this was an hour long.
you are in luck, in 2021 you can watch the video at 0.5x speed
@@Chris_t0 😂
😂😂
I hate networking with a passion, but this was a such a great, painless explanation of things, I appreciate it so much
18yr of age... you always amaze how many young dude in this industry doing some amazing jobs...
we can clearly admire and respect this young man since he at the young age of 18 he is able to demonstrate great knowledge of networking and computer science concepts while also phrasing it to a room and making it so fluent and understandable. I know he will do amazing things
I don't use python for web development (I'm on the node train) but his presentation was so we'll executed that I watched the whole thing and learned something 😊🙏🏽
This is language agnostic regardless of what you're working with you'll benefit from watching this amazing vid.
The whole thing is amazing for a complete beginner
Thank you Dion for this excellent piece of presentation and for sharing the code
That sql injection attempt at 14:17 heh
3:05 Since when is IP above the transport layer?
@freecodecamp , please add resources about data science also.
Your channel has been a source of information for me. Thank you so much for your efforts.
Yes. It is to my delighted surprise this will be in Python
The transport layer is above the internet layer and SSL is in the presentation layer.
Thx, Dion. I saved it to watch it again
A very great, precise and valuefull presentation, Thank You.
Very good talk. I learned quite a bit.
Really awesome video to understand web sockets
Funny lecture 😀 loved the content, thanks Dion
9:15 - so infinite scrolling is AJAX?
yes , you just listen to the scrolling event and request additional data
@@light5068 ah so instead of a button you tie the request with the scrolling event. That seems quite good. Doesn't need websockets anymore than do we ?
@@prashantsihag3489 websocket is a full fledged solution to these kind of dynamic websites whereas pinging and ajax are type of workaround but ajax is pretty good too but if u need dynamic content to be accurate at seconds like trading apps then u need websockets
@@prashantsihag3489 also websockets is two way connection if u only want to push data and not take any dynamic data from client u should use server side events that's better coz web sockets add a bit more overhead and also can make u prone to attacks as u listen to client and have vulnerabilities
Nice and simple explanation
Loved the explanation
Thanks for this nice talk bro. This really helped me connect a lot of missing links for this chat app I'm making in flask!
That was great and clear, Thank you!
This guy explains very well.
Thanks for this wonderful piece
i wish you would have spoken more at the end about the deployment, I'm stuck on some stuff lol and it would have helped.
You can check Hussain Nasser's channel on TH-cam for Websockets.
thanks! i really need an intro to WS
Good job, man, take care, every success to you !
In just simple words:websockets is a self refresh.
I laughed along and learnt something new as well 😂
That was really informative, thanks 👍
the fun factor is 18 years old guy teaching me 25 years old guy listening.
Damn very good for an 18yr old.
Very good introduction especially if you come from Python.
what does it mean when we say that UDP doesnt care about losing data while streaming videos? Shouldn't we get the whole video back? I never noticed a video that isnt well sent and dont understand that implementation example.
My guess is when a video is playing on lower quality, there was data loss
I think it’s when a video is buffering or live stream is lagging for a couple second it means u lost data and then it goes right back to good quality. So udp is faster.
Let's say you are watching video at 60fps. Each second you get 60 frames. However if one of the frames is lost or corrupted then you would not even notice as our eyes can't tell if a single frame is skipped or not. This is what is meant by it doesn't care about losing data.
the guy trying to do some sql injection was epic xD
"Please be reasonable" -he pleads
Amazing. Thankyou✨
can you make a video about how to get certified from "free code camp"...
Amazing! Thank you Dion!!
Great explanation thanks
Great content, Thank You.
Freecord camp is the best
please, anyone explaim where do i have to run this websocket logic codes???
Websockets seem cool but is it scalable? What tools/frameworks/technologies are now sort of obsolete with advent of websockets?
Thanks for the video!!!
is this different from the Network sockets ? You know the one that is used for establishing a connection between 2 computers or between a server and a client?
The WebSocket protocol is implemented on top of tcp
I have no idea what a haytch is. Had no idea that there was an HTTP alternative called haytch. Please tell me more.
Hello, can websocket technology be used in mobile application?
Whichever programming language you use for mobile app development should support web socket protocol
Holy s...! This is awesome!
I am trying to convert Python to C, because python is slow for certain operations.
Very useful, thanks.
Are the weaknesses mentioned still an issue today not that it's more mature?
every time he says "um", a mosquito lands in someone's throat somewhere in the world
Haytch TTP
Coohip
He is really good
Amazing!
Ty
Thank you so much
This guy was 18 back then????😮
hi, so he mentions websockets and thrid party API not recommended ? I am thinking about creating a crypto platform that pulls info on real time from binance. Actually, i checked that websocktes are avilable from Binance API data. So, is there any specific challenge about combining websocktes and API requests ?
Amazing ThankYou !
Thank you!!
on time 3:30: the order of the protocols is wrong. quite embarrassing
very informative
Nice one
شكرا thanks
Gold!
"this probably isn't the best implementation of it" haha. well done though lad, many thanks
He lost me when he put the IP layer above the TCP layer... it's the other way around: IP layer 3, TCP layer 4, Application layer 7
Thanks!
20 year old me taking a class by 18 year old. 😳
he was 18 years old in 2018
@@Sagar_Singh. haha - I was 18 in 1980 !!!. ... and still learning !!
I'm 38 and I'm here learning lol
I'm 24 and I'm here too :)))
Thanks❤🔥
Testing websocket for TH-cam
Video: I'm Dion Misic
What I heard: I'm doing music
...sorry :(
But how web sockets work? How the browser do this?
IT just works! :) If you want to know more, download open source Chromium code, and have a look in milions lines of code ;) You need a lot of patience to figure it out :)
Browser knows the protocol, and use that protocol, to behave in proper steps.
It connects to normal IP number, and knows that protocol deals with websockets. Thats it.
U send request to server the server recives it and has a code defined to reply to it when reply is received on front end u can render it as u define on client js, now browser s role is just helping u navigate to site give basic css and show html and run client js rest all is ur code u don't need to look at broweser code and it isn't required to know how websockets work
this guy is 18 years old???
So it is an infinite loop
Dude's 18? In Earth Time?
18? really?
love node.js, but js is unhelpful in pycon which is for python.
18 year old.. aaaaaaha
how is he 18
18 years old?
what the hell am i doing with my life
Spent needless time on explaining HTTP, Internet Protocol, TCP/UDP. In the end time was up for important stuff for which I was watching the whole video....
test
Tattoos
not..very..enthusiastic though.
You are trying to teach this open-source subject (web-design related topics) on the totally closed platform (MAC machines and OS). Is this a joke? If not, then call your video "dedicated to MAC lovers only...not for the vast open source community". I cannot believe a software engineer would use a fashion-designer's tool... unless he works for Apple.
I don't think you know what you're talking about
@@xxMikePortnoyJrxx ... if you believe no one sees you U using MAC, I apologize to JoeBlowMacLower...do not be so defensive... I just think that, unless you are a highly paid MAC employee, you should (if you are a software engineer) open your mind in the open-source world, open-minded, out-of-the-box.
@@peta1001 I built my own desktop pc, and I have a dell laptop. My point stands, you don't know what you're talking about. The device someone is using has absolutely nothing to do with whether or not they can use and promote open source tools.