WebSockets Protocol - Very Informative - 2024

Focused View

Clyde Matthew

11:06:18

0 View

1. WebSockets Introduction

1. Section intro.mp4

03:10

2. How to approach this course.html

3. What is the internet.mp4

09:53

4. What is the HTTP protocol.mp4

09:00

5. TCP - did you know.html

6. Using Wireshark to prove TCP is persistent.mp4

06:59

7. What is Wireshark.html

8. HTTP - did you know.html

9. AJAX and Comet.mp4

06:00

10. WebSockets Introduction.mp4

03:37

11. WebSocket history and specifications.mp4

07:40

12. RFCs - did you know.mp4

03:03

13. WebSockets - did you know.html

14. WebSockets Specification.html

15. WebSockets - use cases.mp4

02:41

16. WebSockets are a communications protocol.mp4

04:09

17. What are packets.html

18. Examining the HTTP protocol using (1) Dev Console and (2) CURL.mp4

05:19

19. cURL.html

20. HTTP vs WebSockets.html

21. Introduction to WebSockets, TCP and IP.mp4

10:45

22. MTU and Maximum Segment Size.mp4

05:51

23. WebSockets dont work in isolation.html

24. Summary of TCP and IP.mp4

03:06

25. IP - did you know.html

26. WebSocket Fundamentals - Quiz.html

2. WebSocket Networking

1. TCP handshake introduction.mp4

04:24

2. TCP - what is meant by a persistent connection.html

3. TCP - did you know.html

4. Examining the TCP handshake in Wireshark.mp4

05:19

5. The TCPIP model (4 layer model).mp4

04:42

6. Summary - TCPIP model.html

7. Layer 1 Application Layer.mp4

05:56

8. Layer 1 Application Layer Summary.html

9. Layer 2 Transport Layer Ports.mp4

05:51

10. Difference between TCP and UDP.html

11. What is a port.html

12. Example creating a custom port number to establish a connection.mp4

01:58

13. Layer 2 Transport Layer Segments and Headers.mp4

07:26

14. Layer 3 Internet Layer.mp4

06:12

15. What is the different between an IP and a Port.html

16. Data over the internet is always electrical inputs.html

17. What if you access the same website from 2 tabs in your browser.html

18. Layer 4 Network Layer & MAC addresses.mp4

09:45

19. MAC addresses - did you know.html

20. Using Tracert to analyze hops, and Network layer summary.mp4

06:13

21. The data transport process is complex.html

22. Summary - WebSockets and the Network Layers.mp4

04:06

23. Sockets vs WebSockets.mp4

04:02

24. Sockets vs WebSockets Recap.html

25. Networking (Packets, Sockets, etc).html

3. WebSockets and Network Layers

1. WebSocket Protocol Fundamentals.html

4. Opening A WebSocket Connection

1. Section Intro.mp4

01:57

2. Opening a WebSocket connection.mp4

08:24

3. The HTTP handshake process.mp4

04:25

4. WebSockets over HTTP1.1, HTTP2 and HTTP3.html

5. The WebSocket API in the Dev Console and the TCP handshake.mp4

10:26

6. WebSocket is an event driven API.mp4

02:43

7. End-to-end vs hop-by-hop HTTP headers.mp4

06:02

8. Reverse Proxies & WebSockets.html

9. The Upgrade and Connection headers explained.mp4

08:30

10. Upgrade and Connection headers work together.html

11. Upgrade header - did you know.html

12. Sec-WebSocket- Headers Introduction.mp4

10:58

13. Sec-WebSocket-Key Header.mp4

05:39

14. You cant emulate WebSockets.html

15.1 keycalc.zip

15. Manually calculating Sec-WebSocket-Key.mp4

08:32

16. Final words on Sec-WebSocket-Key.mp4

01:37

17. Sec-WebSocket- Headers - Did you Know.html

18. Base64 Encoding - intro.mp4

08:32

19. Base64 Encoding - Summary and Example.mp4

08:45

20. Clarification on Base64.html

21. Fun Example How to encode the rocket emoji .mp4

03:40

22. Sec-WebSocket-Accept.mp4

07:56

23. Sec-WebSocket-Accept - why does the server heed to hash it.html

24. Are WebSockets really at the application level.html

25. Sec-WebSocket-Protocol.mp4

12:19

26. Sec-WebSocket-Version & Sec-WebSocket-Extensions.mp4

05:36

27. WebSocket API vs Custom.html

28. Section Summary & Outro.mp4

03:08

29. WebSocket Headers Establishing A Connection.html

5. Using the WebSocket API

1. Section Intro.mp4

01:07

2. The client WebSocket object - opening a WebSocket connection.mp4

08:26

3. Project introduction and overview.mp4

03:52

4. The HTML and CSS.html

5. WebSocket Demo - building the HTML.mp4

06:40

6. WebSocket Demo - building the CSS.mp4

09:23

7.1 WebSocket Demo - Starting HTML & CSS.rar

7. Starting files.html

8. WebSocket Server Code - Part 1 - Creating the HTTP server.mp4

11:08

9. WebSocket Server Code - Part 2 - Importing the websocket module using NPM.mp4

06:45

10.1 3. WebSockets.rar

10. WebSocket Server Code - Part 3 - Spinning up our WebSocket server.mp4

13:17

11. WebSockets on the server.html

12. Project The WebSocket API - Establishing a WebSocket connection.mp4

07:51

13. Why do you have to use the new keyword to open up a WebSocket connection.html

14. WebSockets are HTTP compatible.mp4

05:12

15. Example a server can run multiple socket connections simultaneously.mp4

07:24

16. Recap on WebSockets vs HTTP.html

17. WebSocket API - binaryType and bufferedAmount.mp4

06:35

18. WebSocket API - extensions and protocols.mp4

03:13

19. Introduction to the readyState property.mp4

02:46

20. Establishing a WebSocket connection.html

21. Project code - disable button when clicked, and add dynamic status update.mp4

08:36

22. Project listen for the OPEN EVENT.mp4

06:21

23. The onopen event object is rather simple.html

24. Using the onopen event to change text dynamically.mp4

03:16

25. WebSocket Messages and Data - Introduction.mp4

11:08

26. Project listening for the MESSAGE EVENT.mp4

04:17

27. Styling our table element.mp4

04:03

28. Project listening for the CLOSE EVENT.mp4

05:03

29. The Close event - did you know.html

30. Project listening for the ERROR EVENT.mp4

03:24

31. The Error event - did you know.html

32. Closure codes and the wasClean property.mp4

03:55

33. The error event object, and closure details are designed to be vague.html

34. Examining all 4 values of the readyState property.mp4

05:33

35. WebSocket API Methods - send() and close().mp4

04:54

36. The WebSocket API is simplistic.html

37. The CloseEvent and MessageEvent interface.mp4

01:59

38. Summary of CloseEvent and MessageEvent interfaces.html

39. Timeout.html

40. Project using the send() method to send data to the server.mp4

08:55

41. Sending data using WebSockets.html

42. Closing a connection.mp4

06:21

43. The closing handshake.html

44. Project using the close() method to close the WebSocket connection.mp4

05:22

45.1 WebSockets - final code.rar

45. The reason argument to the close() method.mp4

02:50

46. Examining the closing handshake at the TCP & WebSocket level.mp4

03:59

47. WebSocket protocol vs WebSocket API.html

48. Challenge I want you to improve project code.mp4

05:25

49. Solution amending our project code to handle different closure types.mp4

09:29

50. Using the switch expression to improve our code.mp4

03:20

51.1 5. Live Server.rar

51. Fun lecture - examining Live Server WebSocket code.mp4

11:40

52.1 4. WebSockets v2.rar

52. Outro and project code.html

53. WebSockets API Quiz.html

6. WebSocket Data Frames

1. Section intro.mp4

02:07

2. How HTTP1.1 handles data.mp4

13:54

3. Meaning of rn.html

4. HTTP1.1 has no concepts of frames.html

5. How HTTP2 handles data.mp4

06:57

6. Binary joke - do you get it.html

7. Capturing SSLTLS keys and configuring Wireshark to capture HTTP2 traffic.mp4

07:52

8. HTTP2 Binary Frames - Intro to how the HTTP2 protocol is negotiated.mp4

05:18

9.1 5. Frames.zip

9. Project code.html

10. WebSockets can use HTTP2.html

11. HTTP2 Binary Frames - Intro to HPACK.mp4

08:14

12. HTTP2 Binary Frames - What a FRAME looks like.mp4

04:45

13. Frames - HTTP1.1 and HTTP2 and WebSockets.html

14. WebSocket frames - the 6 types.mp4

03:50

15. Examining a WebSocket closure frame - opcode 0x8.mp4

07:44

16. Examining a WebSocket ping frame - opcode 0x9.mp4

08:38

17. WebSockets - ping & pong.html

18. WebSocket frame header size - min and max.mp4

07:46

19. WebSocket data fragmentation.mp4

05:32

20. Become a review ninja.html

21. Fragmentation and streaming.html

22. Question with no stream IDs, how does WebSockets guarantee orderly delivery.html

23. What are WebSocket Reserved Bits used for.mp4

01:57

24. Control and non-control frames.mp4

03:36

25. Why is the distinction between control and non-control frames important.html

26. Masking Bit.mp4

02:50

27. Masking - introduction.mp4

09:33

28. What does the WebSocket RFC say about masking.html

29. Example of cache poisoning.mp4

06:37

30. Why masking prevents cache poisoning.html

31. Payload length bits.mp4

03:16

32. WebSocket protocol has reserved the numbers 126 and 127 as flags.html

33. EXAMPLE - what if payload is 128 bytes in length.html

34. Maximum size of a WebSocket frame payload.mp4

03:19

35. Practical limitations on WebSocket frame size.html

36. What if a WebSocket frame is LARGER than the TCP maximum segment size.html

37. Payload length header is variable in size.html

38. HTTP vs WebSockets.mp4

06:49

39. WebSockets are stateful.html

40. WebSockets support broadcasting.html

41. Outro.mp4

02:58

42. WebSocket Data Frames.html

7. WebSockets Advanced Concepts

1. WebSocket Advanced Concepts.html

8. AJAX, Polling, Server-Side Events and CORS

1. Misconceptions about concurrent WebSocket connections.mp4

08:16

2. Limits on concurrent WebSocket connections ONE client can make to a WS server.html

3. Limits on concurrent WebSocket connections a SERVER can open.html

4. Short Polling - an alternative to WebSockets.mp4

06:26

5. Limitations on excessive short-polling.html

6. Long Polling - an alternative to WebSockets.mp4

05:26

7. Server-Sent Events - an alternative to WebSockets.mp4

04:58

8. Server-Sent-Events vs HTTP long polling.html

9. Server-Sent Events vs WebSockets.html

10. Preface what is the CONNECT method.html

11. WebSockets over HTTP2.mp4

12:33

12. Summary of how to bootstrap WebSockets over HTTP2.html

13. How browsers and servers decide to use HTTP2.html

14. Does HTTP2 replace WebSockets.mp4

06:30

15. HTTP2 is still a requestresponse model.html

16. WebSockets over HTTP3.mp4

03:04

17. How browsers and servers decide to use HTTP3.html

18. The WebSocket API will handle the upgrade to HTTP2 and HTTP3 for you.html

19. Does HTTP3 replace WebSockets.html

20. CORS and WebSockets.mp4

04:55

21. Scaling WebSockets.mp4

05:45

22. Scaling WebSockets is no trivial task.html

23. Scaling, CORS, AJAX, Polling and Server-Sent Events.html

9. Outro

1. Outro.mp4

05:08

Description

Master WebSockets Without Libraries. A Complete Advanced WebSockets Course For Everyone

What You'll Learn?

Gain a deep understanding of pure WebSockets (no libraries)
Grasp how WebSockets work under the hood
Master the WebSocket binary data frame
Build WebSocket projects to grasp advanced concepts
Learn how to use WebSockets with HTTP/2 and HTTP/3
Learn how WebSockets are different to AJAX, Short Polling, Long Polling, and SSEs
Build your own WebSocket API or library
Understand how WebSockets interact with other protocols like TCP/IP/UDP/QUIC/ALPN/ARP etc
Learn masking, XOR'ing, cache poisoning and why it only applies when a client sends data to a server
Understand what it means that WebSockets offer true "bi-directional" communication
Understand what it means that HTTP/1.1 is a text based protocol versus WebSockets that are a binary based protocol
Examine WebSocket data packets
Server-side code that implements WebSockets
Have fun mastering WebSockets
You will emerge an expert
Gives you depth of knowledge to boost your ability and confidence
I am here to support you, step-by-step
Practical – build objects with multiple levels of prototypes with me
Understand how the Sec-WebSocket-Key and Sec-WebSocket-Accept values are calculated and why they are needed
Learn XOR'ing and masking
Drastically improve your ability to debug problems in WebSocket applications
AND A BUNCH MORE!

Who is this for?

Anyone interested in learning the art and science behind WebSockets

BUSY PEOPLE who want to become certified and confident about what “WebSockets” mean in the shortest time possible

YES: This course is for intermediates. It’s aimed at people who have some knowledge of coding, but want to dig deeper

NO: This course is NOT only for intermediate beginners. It is a complete course that goes from basics to advanced.

Those who want to learn modern coding without third party libraries and frameworks

What You Need to Know?

Basic knowledge of HTTP, JavaScript and HTML will be helpful

Desire to understand the INNER-WORKINGS of the pure WebSocket protocol (no libraries)

A Mac or PC is required as you need to code alongside me to learn effectively

More details

Description
This course is very informative, created with you in mind. This Websockets course gets you to the next level and I am with you all the way. I have set out to provide you with the best Websockets course available and I believe I achieved my goal.

Why WebSockets Are a Game Changer for Web App Developers
Imagine a world where your web applications can communicate instantly, just like a conversation between friends.
With WebSockets, this dream becomes a reality.
Unlike the aging HTTP protocol, which relies on a request-response model, WebSockets establish a persistent connection between the client and server, enabling real-time data exchange without the need for constant polling. In mainstream, where applications are expected to deliver location-based services, real-time stock updates, and seamless live chat experiences, the limitations of HTTP become real. The HTTP request-response model, while effective for static content delivery, struggles to keep up with the demands of newest web applications.
WebSockets provides a solution that is both efficient and scalable. By maintaining a persistent connection, WebSockets reduce the overhead associated with multiple HTTP requests, leading to faster response times and improved user experiences.
THIS COURSE FOCUSES ON THE PURE WEBSOCKET PROTOCOL, INFORMATIVE, WITHOUT LIBRARIES.

WHATÂ SKILLSÂ AREÂ NEEDED?
You don't need any prior WebSocket knowledge. IÂ will take you through the WebSocket protocol from the basics through to the very advanced.
A basic knowledge of HTTP, HTML and JavaScript will be helpful.

WEBSOCKETSÂ AREÂ ESSENTIAL
Hereâ€™s why learning about WebSockets is not just great, but essential for any aspiring developer:
Instant Communication
With WebSockets, your applications can send and receive messages in real time. This means no more having to use HTTP to send a request to a server, just to find out if there is new data. This also means no more arefreshing the page to see updates! Whether youâ€™re building a chat app, a live sports scoreboard, or a collaborative tool for teams, WebSockets allow users to interact seamlessly, creating a more engaging experience.

Efficient Data Transfer
WebSockets provide a more efficient way to transfer data compared to traditional HTTP requests. Instead of opening a new connection for every single message, WebSockets maintain a single connection that stays open, allowing for continuous data flow.
As you'll learn in this course, WebSockets use a binary framing layer to wrap all messages into. This reduces latency and improves performance, making your applications faster and more responsive.

Real-Time Features Made Easy
Want to add real-time features to your website? WebSockets make it simple! From live notifications to instant updates, you can enhance user experience dramatically. Imagine users receiving alerts as soon as new content is available or seeing live updates in a collaborative document. With WebSockets, these features are possible.

Future-Proof Your Skills
As web technologies evolve, understanding WebSockets positions you ahead of the curve. Many modern applications rely on real-time communication, and being proficient in WebSockets will make you a more versatile and sought-after developer. Plus, youâ€™ll be ready to work with the latest web standards like HTTP/2 and HTTP/3, which further enhance WebSocket performance. By understanding how WebSockets work, you'll be able to quickly learn other technologies like WebTransport and WebRTC, enhancing your skillset even more.

Build Projects That Stand Out
In a competitive job market, having real-time capabilities in your projects can set you apart. Employers are looking for developers who can create dynamic, interactive applications. Mastering WebSockets will empower you to build standout projects that showcase your skills and creativity.

Join a Thriving Community
WebSockets are widely used in various industries, from gaming to finance. By learning this technology, youâ€™ll become part of a vibrant community of developers who are pushing the boundaries of whatâ€™s possible on the web. Collaborate, share ideas, and stay inspired as you explore new ways to leverage real-time communication.

Conclusion
WebSockets are more than just a technical skill; they are a gateway to creating engaging, interactive web experiences. By mastering WebSockets, youâ€™ll unlock the potential to build applications that not only meet user expectations but exceed them. Get ready to transform your development journey and make your mark in the world of real-time web development.

This course takes you on an complete journey through the intricacies of HOWÂ WebSockets work, and WHATÂ they are.
You'll learn to harness the power of this cutting-edge technology without relying on libraries.
This course is designed for developers or project leaders who are eager to build dynamic, interactive applications that require real-time data exchange, such as chat applications and team management tools.

What You'll Learn In This Course
In this comprehensive course, you will explore the following key topics:
Pure WebSockets: Forget libraries! Weâ€™ll focus on the raw power of WebSockets, teaching you how to implement them from the ground up. You'll gain a deep understanding of how to create real-time applications without any dependencies on the client-side.
Understanding the Network Stack: Delve into the TCP/IP model and learn about the four layers of the network stack. This foundational knowledge will empower you to understand how WebSockets operate within the broader context of network communication.
The HTTP Upgrade Process: Discover how WebSockets leverage the HTTP protocol to establish a persistent connection. Weâ€™ll break down the upgrade process step by step, ensuring you grasp how WebSockets transition from HTTP to a full-duplex communication channel. WebSockets can be bootstrapped to work inside of a single stream inside of HTTP/2 and also HTTP/3, and this is discussed in detail in this course.
WebSocket API on the Client Side: Get hands-on experience with the native WebSocket API, learning how to create and manage connections directly from the client side. You'll be able to send and receive messages in real time, enhancing user engagement and interactivity.
Server-Side Development with Node.js: Transition to the server side as you implement WebSocket functionality using Node.js. This course will guide you through writing server-side code that can handle WebSocket connections and deliver real-time updates seamlessly. A few server-side modules are used, such as the pure "websockets"Â module, as well as the "ws"Â module.
WebSocket Data Frames: We'll unpack the structure of WebSocket data frames and learn how data is organized and transmitted. Understanding binary data framing is crucial for optimizing performance. It's also useful if you ever want to create your own custom server-side WebSocket API where you'll have to bit-parse the WebSocket binary frame.
Exploring HTTP/2 and HTTP/3: Learn how WebSockets can work alongside the latest HTTP protocols, including HTTP/2 and HTTP/3. Weâ€™ll discuss the advantages of these protocols and how they enhance the efficiency of WebSocket communication.
ADVANCECÂ CONCEPTS. You'll learn about XOR'ing, masking, how to calculate client WebSocket keys, and the server accept values, you'll learn how to base64 encode data, you'll learn how to examine data packets, how to scale WebSockets with proxy servers, how CORSÂ relates to WebSockets, how cache poisoning works, and a WHOLEÂ LOTÂ MORE!!!

Meet Your Instructor: Clyde
Clyde is a coding enthusiast who has been immersed in the world of computers since the age of 7.
With years of experience in web development and a passion for teaching, Clyde brings a wealth of knowledge and practical insights to the course. His engaging teaching style and real-world examples will make complex concepts accessible and enjoyable.

Enrol now
Donâ€™t miss this opportunity to elevate your web development skills and unlock the potential of real-time communication with WebSockets.
Right this second, your competitors are learning how to become better web developers.
Web development is a blazing hot topic at the moment. But you have a distinct advantage. This course offers memorable learning topics, actionable tactics and real-world examples.
Get ready to transform your projects into interactive experiences that captivate users and make you money!
Let's get crackin'
Who this course is for:
Anyone interested in learning the art and science behind WebSockets
BUSY PEOPLE who want to become certified and confident about what â€œWebSocketsâ€ mean in the shortest time possible
YES: This course is for intermediates. Itâ€™s aimed at people who have some knowledge of coding, but want to dig deeper
NO: This course is NOT only for intermediate beginners. It is a complete course that goes from basics to advanced.
Those who want to learn modern coding without third party libraries and frameworks

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Clyde Matthew

Instructor's Courses

It's easy to come up with an idea. The hard part is execution. Harsh reality: most people never carry tasks to completion. A few words about me:· I’ve had to learn things the old-fashioned way, through hard slog· No one is a master of everything· I don’t care about titles· Understanding means less mistakes later, and mistakes waste time· Everything should be as simple as it can be Oh, and one last thing … dreams remain dreams until you take action. Remember to do something with your skills. Do you know what the Bible teaches us about the rich man who gave talents ( ?? money) to 3 of his workers? The first 2 servants used the talents to trade and gain profit. This is good. The third servant, however, was fearful and hid the talent. Don’t be like this third worker. Instead, use your talents to build websites and apps, start businesses, and make an extraordinary impact on people's lives. What are you waiting for? riddle: if (10<9<8) {take_my_course} else {better_luck_next_time};

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.