A Beginner's Guide to WebSockets

A gentle introduction to the web-socket protocol, how it works, it's intended usage and a number of examples where it can be used with Python and it's popular web frameworks - topped off with a rapid demonstration of the speed and ease of which it can be implemented with Python.
Talk given by Dion Misic at PyCon Australia in August 2018.
This talks is under the creative commons license. freeCodeCamp is not associated with this talk but we are excited to bring it to a wider audience.
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: medium.freecodecamp.org

[@bojanistvancic6237]

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.

[@marcogelsomini7655]

is he 18 years old???

[@cusematt23]

@@marcogelsomini7655 crazy. good for him.

[@m.kaschi2741]

Perfect introduction for me. Thank you very much. Can't believe you were 18 years old when you did this.

[@georgesmith3022]

transport layer is above internet layer

[@AndronePro]

Everything is upside down in Australia

[@luthfiaersyanad.2058]

@@AndronePro this reply is so funny lmao

[@techw4y]

Yes, its actually Network layer.

[@godamkeras4144]

thank you..

[@lingerie13]

Thank you Dion for this excellent piece of presentation and for sharing the code

[@lightninginmyhands4878]

Outstanding, I wish this was an hour long.

[@Chris_t0]

you are in luck, in 2021 you can watch the video at 0.5x speed

[@akashchoudhary8162]

@@Chris_t0 😂

[@yosansu]

😂😂

[@jamesandersonwalsh]

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!

[@elClubdelas7Cifras]

socket IO 💪

[@AnilGoudarS]

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

[@ozzyfromspace]

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 😊🙏🏽

[@joshelguapo5563]

I hate networking with a passion, but this was a such a great, painless explanation of things, I appreciate it so much

[@p5f8]

Great talk Dion! Keep working! Thanks!

[@Adrian-uc7bi]

That sql injection attempt at 14:17 heh

[@unhealthytomato3219]

The whole thing is amazing for a complete beginner

[@rosmicknangue9219]

A very great, precise and valuefull presentation, Thank You.

[@saltdomeguy]

Very good talk. I learned quite a bit.

[@po6577]

18yr of age... you always amaze how many young dude in this industry doing some amazing jobs...

[@lightninginmyhands4878]

Yes. It is to my delighted surprise this will be in Python

[@ayushmaanchauhan377]

Really awesome video to understand web sockets

[@Tomkens1985]

That was great and clear, Thank you!

[@user-cq3hr5op5q]

Good job, man, take care, every success to you !

[@N.E12]

Thx, Dion. I saved it to watch it again

[@berk_karaal]

That was really informative, thanks 👍

[@newbiedevolution491]

Amazing! Thank you Dion!!

[@nwokporochukwuebuka]

Thanks for this wonderful piece

[@eminberkay]

Funny lecture 😀 loved the content, thanks Dion

[@bialcus69]

Holy s...! This is awesome!

[@Jonathan998]

Thanks for the video!!!

[@cigomba]

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!

[@hhbadarin]

Great content, Thank You.

[@koleen3799]

thanks! i really need an intro to WS

[@limitless9483]

This is language agnostic regardless of what you're working with you'll benefit from watching this amazing vid.

[@sekarcse]

Nice and simple explanation

[@santiagomartinez3417]

Very useful, thanks.

[@user-mo3mt3zw2n]

Loved the explanation

[@itaybeyder9701]

Amazing ThankYou !

[@ricardomontesinos4344]

This guy explains very well.

[@JoseLuisMorales]

Great explanation thanks

[@smartsniper268]

can you make a video about how to get certified from "free code camp"...

[@vachanmn8261]

very informative

[@WilliardPippenhuffel]

The transport layer is above the internet layer and SSL is in the presentation layer.

[@edwardokeyoobala380]

Thank you so much

[@maazchowdhry2893]

Amazing. Thankyou✨

[@__nog642]

3:05 Since when is IP above the transport layer?

[@1337treats]

"Please be reasonable" -he pleads

[@PatteeGreen]

Thank you!!

[@yiannisserpico2646]

In just simple words:websockets is a self refresh.

[@BarziniNwa]

I laughed along and learnt something new as well 😂

[@gunnerandersen4634]

the guy trying to do some sql injection was epic xD

[@mcmuchenje41]

Nice one

[@Umar0x01]

Thanks!

[@abhay626]

Amazing!

[@alexbordei9115]

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.

[@zaidshaikh2536]

You can check Hussain Nasser's channel on KZbin for Websockets.

[@Silvertestrun]

Ty

[@sayehghaderi9455]

He is really good

[@santiagopabloortiz6322]

Gold!

[@TheVertical92]

Damn very good for an 18yr old. Very good introduction especially if you come from Python.

[@sengendomark-xe6id]

Freecord camp is the best

[@chowdaryjobxrobot288]

the fun factor is 18 years old guy teaching me 25 years old guy listening.

[@rohmanatasi1771]

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?

[@SirusStarTV]

The WebSocket protocol is implemented on top of tcp

[@dhruvkumar-br2lp]

Thanks❤‍🔥

[@randyt700]

Websockets seem cool but is it scalable? What tools/frameworks/technologies are now sort of obsolete with advent of websockets?

[@ahmedghallab5342]

شكرا thanks

[@lightninginmyhands4878]

9:15 - so infinite scrolling is AJAX?

[@light5068]

yes , you just listen to the scrolling event and request additional data

[@prashantsihag3489]

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

[@tikz.-3738]

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

[@tikz.-3738]

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

[@colinmaharaj]

I am trying to convert Python to C, because python is slow for certain operations.

[@kishanksi]

please, anyone explaim where do i have to run this websocket logic codes???

[@Ayoubased]

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.

[@plugthesnippet6583]

My guess is when a video is playing on lower quality, there was data loss

[@the_god_killah]

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.

[@funnyship6802]

Haytch TTP

[@CandyMoney1000]

Coohip

[@chandlerbarnes]

Testing websocket for KZbin

[@lgent2435]

Hello, can websocket technology be used in mobile application?

[@SirusStarTV]

Whichever programming language you use for mobile app development should support web socket protocol

[@pixelsquarelight]

I have no idea what a haytch is. Had no idea that there was an HTTP alternative called haytch. Please tell me more.

[@xcelestialdemon8245]

Are the weaknesses mentioned still an issue today not that it's more mature?

[@hanneemiliemrk2004]

"this probably isn't the best implementation of it" haha. well done though lad, many thanks

[@Rahul-mf2we]

20 year old me taking a class by 18 year old. 😳

[@Sagar_Singh.]

he was 18 years old in 2018

[@martingay3064]

@@Sagar_Singh. haha - I was 18 in 1980 !!!. ... and still learning !!

[@nobytes2]

I'm 38 and I'm here learning lol

[@namnguyenthanh2997]

I'm 24 and I'm here too :)))

[@CarlosEduardo-bj9tk]

Video: I'm Dion Misic What I heard: I'm doing music ...sorry :(

[@dec0077sa]

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

[@Dwika34]

So it is an infinite loop

[@elClubdelas7Cifras]

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 ?

[@danvilela]

But how web sockets work? How the browser do this?

[@mariuszdziem8203]

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.

[@tikz.-3738]

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

[@coding3438]

This guy was 18 back then????😮

[@avivran1198]

on time 3:30: the order of the protocols is wrong. quite embarrassing

[@rawgov]

Dude's 18? In Earth Time?

[@thewolfofswingthat2035]

this guy is 18 years old???

[@VamsiKrishna-yt5hi]

18? really?

[@FordExplorer-rm6ew]

Tattoos

[@hamad1028]

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

[@GoldFighters15]

test

[@seyittumturk3769]

how is he 18

[@darrenlefcoe]

love node.js, but js is unhelpful in pycon which is for python.

[@KrishSanj]

18 year old.. aaaaaaha

[@simbol5638]

18 years old? what the hell am i doing with my life

[@BlurryBit]

not..very..enthusiastic though.

[@peta1001]

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]

I don't think you know what you're talking about

[@peta1001]

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

[@xxMikePortnoyJrxx]

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

[@user-vy5bi3rv3p]

can you share your email because I need your help with a small projects about webSockets