WebSockets Protocol Explained – Master Web Development

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

WebSockets Protocol Explained – Master Web Development

Instructeur : Packt - Course Instructors

Inclus avec Coursera Plus

7 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

7 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Learn how to establish and manage WebSocket connections in real-time applications.
Understand the WebSocket handshake, headers, and security measures like Sec-WebSocket-Key.
Gain hands-on experience with the WebSocket API to build interactive, event-driven web apps.
Explore WebSocket data frames, including control frames, masking, and efficient payload handling.

Compétences que vous acquerrez

Catégorie : Server Side
Catégorie : Network Analysis
Catégorie : Scalability
Catégorie : TCP/IP
Catégorie : Web Development
Catégorie : Javascript
Catégorie : Network Protocols
Catégorie : Real Time Data
Catégorie : Web Applications
Catégorie : Ajax
Catégorie : Event-Driven Programming
Catégorie : General Networking
Catégorie : Web Servers
Catégorie : Application Programming Interface (API)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mai 2025

Évaluations

8 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 7 modules dans ce cours

Updated in May 2025.

This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will master WebSockets, learning to create real-time, interactive web applications with efficient two-way communication. By the end, you will be able to establish WebSocket connections, handle secure communication, and manage data transfer through WebSocket frames. You’ll also learn how to implement WebSocket headers, use the WebSocket API for event-driven applications, and troubleshoot using tools like Wireshark. Additionally, you will understand the key differences between WebSockets, AJAX, polling, and other real-time communication methods. The course starts with an introduction to core concepts like HTTP, TCP, and WebSockets. You’ll explore their roles in internet communication and the evolution of real-time data exchange. Following this, we’ll dive into opening WebSocket connections, examining the handshake process, headers, and security features such as the Sec-WebSocket-Key. You'll learn how these elements work together to enable seamless communication between clients and servers. Next, we will examine WebSocket data frames, focusing on types, fragmentation, and payload handling. You will also explore WebSockets over HTTP/2 and HTTP/3 and compare them to older technologies like AJAX and Server-Sent Events. By the end of the course, you will be able to integrate WebSockets into web applications and scale them efficiently. This course is designed for developers who want to build real-time, interactive applications. Whether you're new to WebSockets or looking to enhance your expertise, you'll gain the knowledge to implement WebSockets in web applications. It is suitable for anyone familiar with web development basics and requires no prior experience with WebSocket-specific technologies.

In this module, we will introduce WebSockets as a modern communication protocol designed for real-time, two-way communication. We will also explore the foundational concepts of the internet, HTTP, and the evolution of WebSockets. Finally, we will cover the protocol’s history, specifications, and key use cases.

Inclus

14 vidéos1 lecture1 devoir

14 vidéosTotal 81 minutes

Section Intro3 minutesPrévisualiser le module
What Is the Internet?9 minutes
What Is the HTTP Protocol9 minutes
Using Wireshark to Prove TCP Is Persistent6 minutes
AJAX and Comet6 minutes
WebSockets Introduction3 minutes
WebSocket History and Specifications7 minutes
RFCs - Did You Know?3 minutes
WebSocket - Use Cases2 minutes
WebSockets as a Communications Protocol4 minutes
Examining the HTTP protocol using Dev Console and CURL5 minutes
Introduction to WebSockets, TCP, and IP10 minutes
MTU and Maximum Segment Size5 minutes
Summary of TCP and IP3 minutes

1 lectureTotal 10 minutes

Full Course Resources10 minutes

1 devoirTotal 15 minutes

WebSockets Introduction - Assessment15 minutes

In this module, we will dive into the networking fundamentals that WebSockets rely on, including TCP/IP layers and the TCP handshake. We will explore the network layer's structure, port handling, and the importance of IP addresses and MAC addresses. Additionally, we will compare traditional socket communication with WebSocket technology.

Inclus

12 vidéos1 devoir1 plugin

12 vidéosTotal 65 minutes

TCP Handshake Introduction4 minutesPrévisualiser le module
Examining the TCP Handshake in Wireshark5 minutes
The TCP/IP model (4 layer model)4 minutes
Layer 1: Application Layer5 minutes
Layer 2: Transport Layer - Ports5 minutes
Example: Creating a Custom Port Number to Establish a Connection1 minute
Layer 2: Transport Layer: Segments and Headers7 minutes
Layer 3: Internet Layer6 minutes
Layer 4: Network Layer & MAC addresses9 minutes
Using Tracert to Analyze Hops, and Network Layer Summary6 minutes
Summary - WebSockets and the Network Layers4 minutes
Sockets vs WebSockets4 minutes

1 devoirTotal 15 minutes

WebSocket Networking - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding TCP Handshake and Network Layers15 minutes

In this module, we will walk you through the process of opening a WebSocket connection, including the HTTP handshake and WebSocket-specific headers. You will gain hands-on experience with Base64 encoding, learn about key headers like Sec-WebSocket-Key, and explore how WebSocket is event-driven to support real-time communication.

Inclus

18 vidéos1 devoir1 plugin

18 vidéosTotal 119 minutes

Section Intro1 minutePrévisualiser le module
Opening a WebSocket Connection8 minutes
The HTTP Handshake Process4 minutes
The WebSocket API in the Dev Console and the TCP Handshake10 minutes
WebSocket is an Event-Driven API2 minutes
End-to-End vs Hop-by-Hop HTTP Headers6 minutes
The Upgrade and Connection Headers Explained8 minutes
Sec-WebSocket- Headers Introduction10 minutes
Sec-WebSocket- Key Header5 minutes
Manually Calculating Sec-WebSocket-Key8 minutes
Final Words on Sec-WebSocket-Key1 minute
Base64 Encoding - Intro8 minutes
Base64 Encoding - Summary and Example8 minutes
Fun Example: How to Encode the Rocket Emoji?3 minutes
Sec-WebSocket-Accept7 minutes
Sec-WebSocket-Protocol12 minutes
Sec-WebSocket-Version & Sec-WebSocket-Extensions5 minutes
Section Summary & Outro3 minutes

1 devoirTotal 15 minutes

Opening A WebSocket Connection - Assessment 215 minutes

1 pluginTotal 15 minutes

Understanding Websocket Handshakes15 minutes

In this module, we will teach you how to leverage the WebSocket API to build interactive real-time web applications. You’ll learn to establish connections, handle events, and send and receive messages through WebSockets. We will also implement error handling and status updates to ensure a seamless user experience in your project.

Inclus

35 vidéos1 devoir1 plugin

35 vidéosTotal 213 minutes

Section Intro1 minutePrévisualiser le module
The Client WebSocket Object - Opening a WebSocket Connection8 minutes
Project Introduction and Overview3 minutes
WebSocket Demo - Building the HTML6 minutes
WebSocket Demo - Building the CSS9 minutes
WebSocket Server Code - Part 1 - Creating the HTTP server11 minutes
WebSocket Server Code - Part 2 - Importing the "websocket" Module Using NPM6 minutes
WebSocket Server Code - Part 3 - Spinning Up Our WebSocket Server13 minutes
Project: The WebSocket API - Establishing a WebSocket Connection7 minutes
WebSockets Are HTTP Compatible5 minutes
Example- A Server Can Run Multiple Socket Connections Simultaneously7 minutes
WebSocket API - binaryType and bufferedAmount6 minutes
WebSocket API - Extensions and Protocols3 minutes
Introduction to the readyState Property2 minutes
Project Code - Disable Button When Clicked, and Add Dynamic Status Update8 minutes
Project: Listen for the Open Event6 minutes
Using the "onopen" Event to Change Text Dynamically3 minutes
WebSocket Messages and Data - Introduction11 minutes
Project: Listening for the Message Event4 minutes
Styling Our Table Element4 minutes
Project: Listening for the Close Event5 minutes
Project: Listening for the Error Event3 minutes
Closure Codes and the wasClean Property3 minutes
Examining All 4 Values of the readyState Property5 minutes
WebSocket API Methods - send() and close()4 minutes
The CloseEvent and MessageEvent Interface1 minute
Project: Using the send() Method to Send Data to the Server8 minutes
Closing a Connection6 minutes
Project: Using the close() Method to Close the WebSocket Connection5 minutes
The "Reason" Argument to the close() Method2 minutes
Examining the Closing Handshake at the TCP & WebSocket Level3 minutes
Challenge: Improve Project Code5 minutes
Solution: Amending Project Code to Handle Different Closure Types9 minutes
Using the Switch Expression to Improve Code3 minutes
Fun Lecture - Examining Live Server WebSocket Code11 minutes

1 devoirTotal 15 minutes

Using the WebSocket API - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding WebSocket Client-Side Implementation15 minutes

In this module, we will focus on the structure of WebSocket data frames and their role in communication. We’ll cover the different frame types, including control and non-control frames, and explore security features like masking. Additionally, we’ll delve into data fragmentation and payload sizes to better understand how WebSockets handle large volumes of data.

Inclus

21 vidéos1 devoir1 plugin

21 vidéosTotal 123 minutes

Section Intro2 minutesPrévisualiser le module
How HTTP/1.1 Handles Data13 minutes
How HTTP/2 Handles Data6 minutes
Capturing SSL/TLS Keys and Configuring Wireshark to Capture HTTP/2 Traffic7 minutes
HTTP/2 Binary Frames - Intro to How the HTTP/2 Protocol Is Negotiated5 minutes
HTTP/2 Binary Frames - Intro to HPACK8 minutes
HTTP/2 Binary Frames - What a Frame Looks Like4 minutes
WebSocket Frames - The 6 Types3 minutes
Examining a WebSocket Closure Frame - Opcode 0x87 minutes
Examining a WebSocket Ping Frame - Opcode 0x98 minutes
WebSocket Frame Header Size - Min and Max7 minutes
WebSocket Data Fragmentation5 minutes
What Are WebSocket Reserved Bits Used For?1 minute
Control and Non-Control Frames3 minutes
Masking Bit2 minutes
Masking - Introduction9 minutes
Example of Cache Poisoning6 minutes
Payload Length Bits3 minutes
Maximum Size of a WebSocket Frame Payload3 minutes
HTTP vs WebSockets6 minutes
Outro2 minutes

1 devoirTotal 15 minutes

WebSocket Data Frames - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding WebSocket Data Frames15 minutes

In this module, we will explore the alternatives to WebSockets, including AJAX, short and long polling, and Server-Sent Events (SSE). You’ll also learn about CORS security mechanisms, the challenges of using WebSockets over different HTTP versions, and the best practices for scaling WebSocket connections to support high-demand environments.

Inclus

9 vidéos1 devoir1 plugin

9 vidéosTotal 57 minutes

Misconceptions About Concurrent WebSocket Connections8 minutesPrévisualiser le module
Short Polling - An Alternative to WebSockets6 minutes
Long Polling - An Alternative to WebSockets5 minutes
Server-Sent Events - An Alternative to WebSockets4 minutes
WebSockets Over HTTP/212 minutes
Does HTTP/2 Replace WebSockets?6 minutes
WebSockets Over HTTP/33 minutes
CORS and WebSockets4 minutes
Scaling WebSockets5 minutes

1 devoirTotal 15 minutes

AJAX, Polling, Server-Sent Events, and CORS - Assessment15 minutes

1 pluginTotal 15 minutes

Understanding WebSocket Connections and Misconceptions15 minutes

In this final module, we will recap all the core concepts covered in the course. We’ll review the practical applications of WebSockets, emphasizing how they can be used to build real-time, scalable, and interactive web applications. This is your opportunity to solidify your understanding and prepare for implementing WebSockets in future projects.

Inclus

1 vidéo2 devoirs

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors

Packt

752 Cours125 042 apprenants

Offert par

Packt

En savoir plus sur Networking

Statut : Essai gratuit
Johns Hopkins University
Introduction to Javascript and Ajax: Building Web Apps
Cours
Illinois Tech
Fundamentals of Web Development
Cours
The Hong Kong University of Science and Technology
Learning Server-side Programming through Game Development
Cours
University of New Mexico
Web Application Development: Basic Concepts
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.