Взаимосвязь клиента и сервера с помощью веб-сокетов Express| socket.io | CORS | JavaScript

В этой видео-демнострации, я привел пример клиент-серверного взаимодействия основанного на протоколе передачи WebSocket.
В качестве клиентского-приложения я использовал нативный HTML,
без использования веб-фреймворков, чтобы абстрагироваться от лишних деталей и сконцентрироваться на самой механике взаимосвязи клиента и сервера на протоколе WebSocket.
На сегодняшний день, механизм CORS и его политика, являются главными связующими звеньями, для предоставления сайтам и другим различным клиентским приложениям доступа к ресурсам серверов. И я счел необходимым поднять тему об этой технологии,
учитывая, что эта тема всё больше становится основой для REST API в целом.
И поэтому важно понимать, что такое CORS, для чего применяется его политика, и самое главное, как с ним работать. Надеюсь этот видеоролик поможет зрителям, а если нет, то пожалуйста, уточняйте какая проблема у вас в комментариях, это также важно, для того, чтобы знать о различных ошибках и о методах их устранения и предотвращения

команды из видео:
npm init -y - инициализация Node проекта и файла package.json;
npm install express - установка фреймворка Express;
npm install nodemon - установка наблюдателя изменений файлов проекта;
npm install socket.io - установка библиотеки чтения тела запроса;

скрипт в файле package.json:
"start": "nodemon ./server.js"

Если не используете nodemon:
"start": "node ./server.js"

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

Я стараюсь абстрагировать свой контент от лишних деталей, и доносить до зрителей структурированный, организованный и хорошо описанный материал, который кому-то возможно поможет в понимании устройства работы веб-приложений или поможет в решении реальной проблемы.

#frontend | #frontenddeveloper |#webdevelopment | #axios | #CORS | #middleware |#expressjs | #backend | #javascript | #javascript_projects | #rest | #restapi | #html | #vscode | #nodejs | #network | #code | #socket.io | #websocket |