К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build an App That Uses WebSockets in 2026 to Transfer Files · LearnSpace
Назад в каталог
courseraПрограммирование

Build an App That Uses WebSockets in 2026 to Transfer Files

Курс от Packt
Средний≈ 8.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course 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. Dive into the world of real-time web communication and learn how to build a fully functional WebSocket-based file transfer application. You’ll explore how data travels over the network, why metadata matters, and how WebSockets enable efficient, instant communication between clients and servers. This course equips you with practical skills to implement seamless file transfers in modern web applications. Starting from the foundational setup, you’ll learn to configure Node.js and Express servers, initiate WebSocket connections, and handle ping/pong mechanisms to maintain live communication. Step-by-step tutorials guide you through managing users, broadcasting messages, and monitoring real-time traffic, giving you a solid understanding of WebSocket workflows. The course then advances into handling actual file transfers using the FileReader API and Streams API. You’ll learn to read files in chunks, manage memory efficiently, handle errors, and create download links dynamically. Practical examples cover security considerations, flow control, and monitoring buffered data, ensuring robust and scalable file transfer solutions. This course is ideal for web developers, software engineers, and IT professionals who want to implement real-time applications. Basic familiarity with JavaScript, HTML, and Node.js is recommended. It is designed for learners at an intermediate level seeking to deepen their networking and real-time programming skills. By the end of the course, you will be able to set up WebSocket servers, manage client connections, implement chunked file transfers, monitor memory usage, and create reliable, secure, real-time file-sharing applications using modern JavaScript APIs.

Навыки, которые вы освоите

File I/OReal Time DataMemory ManagementNode.JSSecure CodingWeb ApplicationsLive StreamingNetwork ModelDynamic Host Configuration Protocol (DHCP)DebuggingData SharingBrowser CompatibilityServer SideJavascriptNetwork ProtocolsWeb FrameworksFrontend PerformanceFrontend IntegrationNetwork RoutersEvent-Driven Programming

Программа курса

5 модулей · 71 учебных материалов

01Introduction4 материалов

Introduction

Introduction to How Files Are Sent Over the WireВидеоFull Course ResourceЧтениеImportance of Metadata When Sending Data Over a NetworkВидеоGoal in This Course and Benefits of WebSocketsВидео
02

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Build an App That Uses WebSockets in 2026 to Transfer Files
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 8.1 ч

5 модулей

Язык: Английский

Часть программы вашего университета
Project Setup, HTTP Setup, and WebSocket Server Setup With Node.js
20 материалов

Project Setup, HTTP Setup, and WebSocket Server Setup With Node.js

HTML and CSS OverviewВидеоInstalling Node and Setting Up the npm ProjectВидеоSpin Up a Node HTTP Server Using ExpressВидеоSetting Up a WebSocket ServerВидеоWriting Logic for a Simple Ping/PongВидеоInitiating a WebSocket Connection From the Client With the Browser WebSocket APIВидеоPing and Pong Explained and Seen With WiresharkВидеоSetting Up a Modules Folder and Creating a uiUtils.js FileВидеоSending the Username Value as a String to the WebSocket ServerВидеоPreventing the Default Refresh and Testing Our CodeВидеоListening for the "Message" Event on the WebSocket Server Using SwitchВидеоIntroduction to Using Map to Store ConnectionsВидеоChecking Whether the Username Exists and Sending a Success or Failure ResponseВидеоSetting Up a "Message" Event Handler on the ClientВидеоServer Broadcasting an Array of Users to All Connected ClientsВидеоDynamically Adding Users to the Dropdown MenuВидеоRemoving Disconnected Users From Our Map and Updating the ElementВидеоFinal Testing and Updating UIВидеоSetting Up User Authentication and Websockets in Node with ES ModulesDIALOGUEProject Setup, HTTP Setup, and WebSocket Server Setup With Node.js - AssessmentЗадание
03Using the FileReader API to Send Files36 материалов

Using the FileReader API to Send Files

Enable the File Input ElementВидеоIntroduction to File SecurityВидеоExtracting the File That the User Has UploadedВидеоEnabling the File Send Button and Defining a Click Event ListenerВидеоSending the File Metadata to the WebSocket ServerВидеоRelaying the Metadata From the Server to the ReceiverВидеоReceiving the File Metadata on the Client (by the Receiver)ВидеоUsing the FileReader APIВидеоHow Does the FileReader API Work?ВидеоSetting Up the Initial Values for the HTML ElementВидеоViewing the File Read Operation in the Console and the ProgressEvent ObjectВидеоBrowsers Have Limits on Chunk SizesВидеоHow to Create On-Demand Dummy Files in the Command PromptВидеоUsing the slice() Method to Read a Chunk of a FileВидеоDefining the Size of Each Chunk to ReadВидеоReading One Chunk and Sending One ChunkВидеоReading the Entire File With the FileReader and Testing Our CodeВидеоDealing With the Server Error of Chunks Exceeding Maximum Size LimitВидеоStopping the FileReader When the Underlying WebSocket Connection Is ClosedВидеоViewing the BufferedAmount Property to Monitor Flow ControlВидеоWhy Are We Having to Look at the BufferedAmount Property?ВидеоUsing a While Loop to Monitor the BufferedAmount ValueВидеоImplementing setTimeout and Promises to Our While() Loop (Advanced)ВидеоTesting Code and Next StepsВидеоRelaying File Chunks From the Server to the ClientВидеоDefining a Receiver Function and Changing the binaryType PropertyВидеоUpdating the HTML Element and Creating an Array to Store File ChunksВидеоUsing the URL.createObjectURL() Method to Create a Download Link for the FileВидеоTesting Our CodeВидеоViewing the JS Memory Heap in Real TimeВидеоUnderstanding Memory Usage and URL Blob Storage (Advanced Lecture)ВидеоRevoking the Blob URL After DownloadВидеоAllowing the User to Abort a File SendВидеоTesting Our CodeВидеоBuilding a Robust File Transfer with the FileReader API and WebSocketsDIALOGUEUsing the FileReader API to Send Files - AssessmentЗадание
04Using the Streams API to Send Files8 материалов

Using the Streams API to Send Files

What Is the Streams API?ВидеоImplementing the 3-Step Process for Reading a File Using the Streams APIВидеоImplementing Checks and Breaking Out of the While Loop on Read CompletionВидеоUsing the "Value" Property to Send Chunks of File Data to Our WebSocket ServerВидеоTesting Our Code and Viewing the Chunk Sizes Returned by the Streams APIВидеоFinal UI Tweak for the SenderВидеоReading Files with the Streams API in JavaScriptDIALOGUEUsing the Streams API to Send Files - AssessmentЗадание
05Outro3 материалов

Outro

OutroВидеоFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание