Разработка простого чата Express js / Socket.io за 30 минут

Просмотров 19 тыс.

% 792

🏆 Поднять мотивацию и получить плюшки(сборка, исходники, чат со мной):
🔹 Patreon: www.patreon.com/roman_timoshchuk
🔹 Buy me a coffee: www.buymeacoffee.com/tymoshchuk
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886
⏱️ Тайм-коды: ⏱️
00:00 Что такое веб-сокеты ?
01:00 Обзор приложения
02:39 Инициализация проекта
09:30 Верстка проекта
17:25 Разработка логики
📨 Сотрудничество ► timoschuk.roman@gmail.com
📨 Business inquiries ► timoschuk.roman@gmail.com

Опубликовано:

23 мар 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 47

@ysd3055 Год назад

крутой гайд) спасибо все работает я прям аж себя разрабом почувствовал)

@imtheseventh 3 года назад

Радует что микрофон нормальный, голос хорошо слышно. не останавливайся.

@lets_try_js 3 года назад

С обработкой звука ещё учусь) Спасибо за фидбек)

@mikaelgevorgyan4521 Год назад

@@lets_try_js говорил 50 лайков на react, а тут) уже аж 12 раз сделали), это значит надо тебе делать видосики о_о почти на всех фреимворкав то ли?🥲🙂🤗😇

@imtheseventh 3 года назад

ля, прикольно. эт я удачно зашёл. давно хотел что то подобное реализовать. подпишусь пожалуй.

@lets_try_js 3 года назад

надеюсь., будет полезно)

@vadicus6534 Год назад

Классный урок. Rcnfnb cовсем забылось как работать на нативном js с дом деревом. тут уже 600+ лайков! Хотелось бы увидеть полноценный чат на реакт или некст с деплоем)

@jamshidtashkent1976 2 года назад

четко объяснил. Спасибо

@ИльясГибадуллин-д4т Год назад

Автор мега-Омега Харош, давай продолжение)

@lotvaplotol5578 3 года назад

За реактивность!

@maximgrekk4194 3 года назад

Жду на реакте! Лайк

@AvilesGroup 3 года назад

Спасибо)

@m1akarov442 2 года назад

Классный урок ! Очень понравилось. Жду реакт =)

@МаксимИсаев-ъ5о 2 года назад

Моё почетние!

@death_to_enemies_ 2 года назад

Отправляю сообщение, undefined

@sancho-paska 2 года назад

За видео лайк и подписка, но почти треть времени видео ушло на верстку - не очень целесообразно для такой темы. Можно было бы бутстрапом или материалайзом воспользоваться

@astkh4381 2 года назад

Спасибо за видео.24:10 Метод on это js-й метод или он из библиотеки сокетов?

@lets_try_js 2 года назад

Сокеты

@DAROM-TK 3 года назад

А зачем нужен экспресс в этом проекте? Какая то промежуточная прокладка , для чего она?

@lets_try_js 3 года назад

ну там же сервер

@DAROM-TK 3 года назад

@@lets_try_js и? Сокет ио как раз подключается к северному скрипту, к клиентскому скрипту, и между ними данные гоняются. Какой функционал у экспресса здесь? Передача данных ведь с помощью сокет ио

@lets_try_js 3 года назад

@@DAROM-TK можно было использовать обычный http модуль из ноды, но я сделал так, как сделал)

@ЮрийБлинов-л5м 3 года назад

Бро, все супер, а мог бы запилить быстрый видосик как это все на сервер установить, может вебпаком надо все запаковать или еще что ?

@lets_try_js 3 года назад

Я покажу деплой приложений, но чуть позже )

@romaskhin 3 года назад

@@lets_try_js уже есть где то видео?

@Almas-2002 3 года назад

Годный контент кнч же , давно хотел изучить сокеты

@lets_try_js 3 года назад

довольно таки интересная тема, согласен)

@Almas-2002 3 года назад

@@lets_try_js даа спасибо !!

@lets_try_js 3 года назад

@@Almas-2002 собираем 50 лайкосов и сделаю более крутой видосик на эту тему))

@Almas-2002 3 года назад

@@lets_try_js окей друзей попрошу по лайкнуть 😂😂

@lets_try_js 3 года назад

@Алмас Жумаханов 😂😂😂

@hiphopik9185 3 года назад

Спасибо за видео ,но я когда запускаю сервер и ввожу имя ,то мне потом пишет не удалось получить доступ к сайту((

@lets_try_js 3 года назад

проверь синтаксические ошибки, может ошибся где и так же обрати внимание на порт, на котором запускается сервер )

@hiphopik9185 3 года назад

@@lets_try_js localhost 3000 ,а какой еще можно?

@lets_try_js 3 года назад

@@hiphopik9185 та любой можно, главное что бы в твоем файле сервера и в браузере ты все запускал на одном и том же порту)

@alexshel8578 2 года назад

а как сделать что бы звук оповещения был у того кому сообщение пришло?

@TheProSlip 2 года назад

И где чат на Реакте который ты обещал за 50 лайков? не хорошо получилось.

@ИльяКоротков-п6т 3 года назад

Делал чат по этому гайду, возникает проблема на стадии подключения main.js: во-первых, index.html его не видит, во-вторых, не работают все переменные, которые там определяются, начиная с io (io is not defined). Делал точь-в-точь.

@lets_try_js 3 года назад

посмотрите еще момент по поводу подключения статики к проекту где в в разделе инициализация

@ИльяКоротков-п6т 3 года назад

@@lets_try_js посмотрел, проблема была не в этом) спасибо за гайд)

@lets_try_js 3 года назад

@@ИльяКоротков-п6т хорошо, что разобрался)