Скачать или смотреть WebSocket на практике: создание чат-приложения с нуля (Часть 1)

В этом видео мы на примере рассмотрим, что такое WebSocket и напишем простое приложение на его основе. Мы разберем базовые принципы, покажем, как установить соединение через JavaScript и обсудим, когда стоит использовать WebSocket, а когда лучше обойтись другими технологиями. Отличный вводный материал как для начинающих разработчиков, так и для тех, кто хочет освежить знания.

В видео рассмотрено:
✅ Что такое WebSoket
✅ Как написать сервер обеспечивающий работу по протоколу WebSoket
✅ Как персонализировать подключение
✅ Установка соединения на стороне фронтэнд
✅ Написание первой части кода

Таймкоды:
00:00:00 Введение: что такое WebSocket
00:01:28 Обзор уже написанного кода
00:07:28 Написание сервера
00:10:49 Запуск сервера.
00:12:44 Написание модуля хранения подключенных сокетов
00:13:38 Обзор веб интерфейса
00:15:06 Написание модуля хранения подключений
00:20:50 Создание функции установки имени пользователя
00:23:19 Обработчик запроса на получение списка подключенных пользователей
00:25:40 Обработчик отправки сообщения
00:28:28 Написание универсальной функции отправки сообщений
00:32:44 Заключение

🔔 Подписывайтесь на канал, чтобы не пропустить новые видео!

💎 Сериал "Создание SPA приложения на чистом JS":
   • SPA приложение на чистом JS - часть 1 #eas...  

💎 Полезные видео для лучшего понимания JS:
Стрелочные функции 1 -    • Стрелочные функции | Arrow functions  
Стрелочные функции 2 -    • Особенности стрелочных функций  #easyit #n...  
Макро и микро задачи -    • Макро и Микро задачи в JavaScript  #easyit...  
Web worker -    • Web worker  - как распараллелить вычислени...  
Service worker -    • Service worker  - управление обработкой за...  
Debouncing/throttling -    • Debouncing/Throttling - разгрузка обработч...  
Intersection Observer -    • JS IntersectionObserver разбираемся как ис...  
Proxy/Reflect -    • Метапрограммирование JS, что это и как исп...  
Mutation Observer -    • MutationObserver - как следить за элемента...  

💎 Видео по работе с vite.js:
   • Знакомимся с Vitejs. Портирование проекта,...  

💎 Полезные видео по настройке webpack:
Минимальная конфигурация -    • Настраиваем сборку проекта с помощью webpack  
Настройка горячей перезагрузки -    • Webpack 5 Настройка горячей перезагрузки |...  
Настройка сборки проекта с подгрузкой файлов css/scss/изображений -    • Webpack 5 Настройка сборки проекта с подгр...  
Настройка сборки мультистраничного сайта -    • Пример конфигурации сборки мульти-страничн...  

💎 Самый простой способ установить nodejs на Linux и Mac:
   • Установка Nodejs на Linux и MacOS.  

#easyit #javascript #js #vanillajs @EasyITChannel ​