Да он ничего не знает кроме как писать 'hello world', ну серьезно этих уроков по чату уже уйма, покажи что-то стоящие: разделение ролей в чате, как запретить определенные события, работа с бд, простенькую онлайн игру..хватить записывать то что уже и так есть! Или чат на go как вариант!
кстати говоря в скрипт /socket.io/socket.io.js в качестве аргумента window передается this, а у модуля this возвращает undefined; и как модуль его никак не заюзать (если только через вебпак). Но в целом акцент был поставлен на технологию socket.io, а уж на современном синтаксисе можно спокойно самому написать.
Отличный гайд по созданию чата. Великолепно :) как и всегда на этом канале. А что думаете как и в чем лучше хранить сообщения. В json, js-файл массив, база данных.
Гоша спасибо за очень хороший урок. Все предельно понятно и кратко. Вопрос: будут ли от тебя видео по mongoDB или других NoSQL и их взаимодествие с node js?
Благодарю за видео оно мне помогло, конечно только в стиле). Выпускайте побольше таких видео). Можете ещё создать видео где создаёте приложение онлайн чат .exe?
У меня вопрос. Вижу, автор не очень комменты чекает, так что надежда на вас, ребята) Вот собственно вопрос: как мне вынести код с чатом в отдельный файл? Не хочу всё мешать в index.js, он у меня и так большой. Что мне делать, через модули или как?
Привет, расскажи как сделать чат между двумя пользователями, таких уроков нет, а общий чат навалом. Всех уже попросил записать чат между двумя пользователями, будет ли такой урок ? Очень полезно было бы. И можно ли использовать Socket.io с php? чтоб сайт был на php а отдельно чат на node ? Спасибо.
Спасибо за туториал! Для тех, у кого ошибка типа этой: npm WARN ws@8.2.3 requires a peer of bufferutil@^4.0.1 but none is installed. You must install peer dependencies yourself. npm install --save-dev "bufferutil@^4.0.1"
Только покупать VPS нужно, лучше с Linux'ом каким-то. Но без доменного имени будет просто голый IP-шник с SSH доступом. Потому ещё и доменное имя надо будет брать, если для серьезных целей.
Если у кого-то не работает css app.use('/files', express.static('files')); files - это папка, в которую закидываем css и js файлы. Пишу, потому хочу, чтобы вы не морочили себе голову =)
ну потратил я на видео чуть менее 2-х часов. Результат конечно есть, но он не очень впечатляет. Все как в том же твоем видео - создать простую игра за 20 минут на javascript. Если в том случае, это было просто игра, и никто не требовал сохранения состояния, то в этом случае оно как бы нужно. Итог: веб-чат действительно создан, можно пообщаться с самим собой с нескольких разных браузеров. Другой вопрос о целесообразности данного действия и как итог - незачет! Плохо, можно было постараться получше
Как сделать, чтобы сообщения всех пользователей оставались после обнавления...и как цвет присвоить только своим сообщениям, и выровнить их по другому краю
Попробуй вводить дальше сообщения, 3-4 рендерит корректно, дальше начинается какая то дичь, переписывает сообщения, рендерит только на клиенте отправителя, у получателя перезаписывается последнее сообщение
связь много пишущих сразу для всех реально не так полезно, как если бы один пишущий одному из нескольких. в итоге дерево переписок. как консультант на сайте. он пишет один а посетителей много. не получится ли такое видео сделать?
@@bogdan_ov О, сорян, не заметил ' ! '. Тогда все просто. В Атоме, если в файле типа .html поставить восклицательный знак и нажать на кнопку "tab", развернется та самая заготовка под html документ.
Пацаны и девчонки, я тут тоже сделал видеоролик по онлайн чату на html, js и firebase, но в моей версии используется всего 500 строк кода. Также в моём чате можно прикреплять и отправлять файлы, редактировать и удалять сообщения и вся история сообщений сохраняется! Буду рад если поддержите видео. Ссылка на мой чат также есть в комментариях под роликом на этом канале. Скоро сделаю вторую часть с ответами, безопасностью и хостингом. Весь чат полностью бесплатный. Спасибо ❤
Спасибо за видео, но в итоге ни connections ни users никак не используются. Они нужны для того, чтобы писать сообщения конкретным пользователям. но данный вопрос никак не раскрыт.
Крутое видео, очень информативное. Но почему вы не пишите на node.js при помощи классов ? Я считаю, если научиться писать все это через классы, то данный урок не будет привязан к какому то определенному языку
1)попробуй запустить от имени администратора 2)проверь,установлен ли node и npm(чтобы проверить это,зайди в консоль и пропиши node -v а потом npm -v) 3)попробуй прописать через обычную консоль шиндовс :D
Вас же начинающие смотрят, чему вы их учите?! Где чистота кода? Где нормальное именование переменных? Зачем юзать jQuery для парочки селекторов? Начинающие! Обращайте внимание только на саму технолгию сокетов, на то как построен код не смотрите - это какашка.
сообщение будешь сохранять, параллельно с AJAX на бд, WebSocket лишь для динамичного показа, после обновление страницы будешь показываться уже с бд, где ты отправлял, AJAX
Всё это круто, когда только на openServer делаешь, а вот если реальный сервак VPS, то это уже все не работает так просто. Эх...если бы ещё понять как с реальным сервером сделать такое же.
Как сделать, чтобы сообщения все пользователей оставались после обнавления...и как цвет присвоить только своим сообщениям, и выровнить их по другому краю
как я понял, он старый видос перезалил, на счет jQuery - к сожалению всё еще используется в энтерпрайзе, но в случае с данным видео jQuery был явно лишним, согласен)
видео хороший материал для того, чтоб узнать как это работает. но архитектура приложения ужасная проговаривай, что так не нужно писать, что не нужно создавать такую архитектуру. ведь написать чат любой сможет, а оформить масштабируемость проекта единицы
@@nikaknikakovich6370 Если интересно, почитай про стандарт es6, там найдешь ответ и про импорты, отличные от тех, что тут используются, и про var и let, и про стрелочные функции, которые тоже тут не используются, хотя могли бы, и много ещё чего)
Кто то сталкивался с проблемой что при вызове form.submit((event)=>{ // здесь остальной код с этой функции }) Обновляется полностью вся страница,без нажатия кнопки. 25:16
![Как устроен QR-код? [Veritasium]](/img/1.gif)
На nodejs легко оказалось создать чат) спасибо автору.
Слушай ну уже 2к19 может пора уже начинать использовать стандарт ES6???
да и смешал бэк с фронтом
Ну да.. На var смотреть как-то печально :(
Да он ничего не знает кроме как писать 'hello world', ну серьезно этих уроков по чату уже уйма, покажи что-то стоящие: разделение ролей в чате, как запретить определенные события, работа с бд, простенькую онлайн игру..хватить записывать то что уже и так есть! Или чат на go как вариант!
@@СандроНекий-р7з чат на го не тяжелее. А с бд он уже работал, это даже чаще встречается, чем чаты
кстати говоря в скрипт /socket.io/socket.io.js в качестве аргумента window передается this, а у модуля this возвращает undefined; и как модуль его никак не заюзать (если только через вебпак). Но в целом акцент был поставлен на технологию socket.io, а уж на современном синтаксисе можно спокойно самому написать.
О, а вот это реально полезно!
Гоша отдуши спасибо я так долго искал таких видео отдуши
Твои уроки всегда лучшие
Отличный гайд по созданию чата. Великолепно :) как и всегда на этом канале. А что думаете как и в чем лучше хранить сообщения. В json, js-файл массив, база данных.
Спасибо за урок,все работает,главное не торопится)
Очень крутой урок! Я уже давно мечтал написать свой чат и благодаря тебе, мне это удалось :)
Уже здесь, чтобы учиться!
+
Отличный урок. Спасибо большое!
ЭТО САМЫЙ ЛУЧШИЦ КАНАЛ И ВИДИО
ЭТО САМЫЙ НЕ ГРАМОТНЫЙ КОММЕНТАРИЙ
@@itzhellcod3r-developer609 СЛЫШЬ ТЫ САМ ТО ТЫ КТО?
@@venko1878 я, человек.
@@venko1878 Видео а не ВИДИО
@@itzhellcod3r-developer609 ДА ЛАДНО
Огромная благодарность, мучался по другим видео дошёл до перегорания. Сдесь всё в лудшей форме.
Здравствуйте Георгий. Спасибо за урок. Не подскажете как потом этот проект залить в хостинг и запустит по доменному имену?
Здравствуйте, у меня вопрос: "Как теперь запустить это на компе_1 и на компе_2, и посылать сообщения между ними"? Помогите, пожалуйста!
от души урок, единственный более понятный!
а что делать если пишет ошибку при запуска сервера TypeError: require(...).listen is not a function мне это кажется это и за старой версий Node.js
*За сорок сек рассказал , вообще годно !!!!!!!!!!!*
Молодец классно обьяснил, спасибо
Как всегда годно)
Гошан, спасибо.
Спасибо большое!
Спасибо, шикарный пример
Гоша спасибо за очень хороший урок. Все предельно понятно и кратко. Вопрос: будут ли от тебя видео по mongoDB или других NoSQL и их взаимодествие с node js?
Вощще круто я незнал что представляет node js теперь понял спасибо тебе брат
круто, такой формат точно зайдёт...
Неплохо, только надо снять ещё урок по занесению в бд, и разделению на комнаты
Благодарю за видео оно мне помогло, конечно только в стиле). Выпускайте побольше таких видео). Можете ещё создать видео где создаёте приложение онлайн чат .exe?
Спасибо большое Гоша Дударь
Ну это на локалке, а как на сервер выложить, в каких директориях, ка будет выглядеть ссылка в адресной строке?
Досмотрел до конца
У меня вопрос. Вижу, автор не очень комменты чекает, так что надежда на вас, ребята) Вот собственно вопрос: как мне вынести код с чатом в отдельный файл? Не хочу всё мешать в index.js, он у меня и так большой. Что мне делать, через модули или как?
на sololearn идею взял?
Очень хотелось бы еще узнать как с помощью socket.io сделать видеочат
Это делается с помощью Web RTC
Спасибо!
Привет, расскажи как сделать чат между двумя пользователями, таких уроков нет, а общий чат навалом. Всех уже попросил записать чат между двумя пользователями, будет ли такой урок ? Очень полезно было бы. И можно ли использовать Socket.io с php? чтоб сайт был на php а отдельно чат на node ? Спасибо.
Socket.io можно с php использовать...смело
@@Kaz08-e1c каким образом ? можно по подробнее?)
@@mister_robot01 вместо index.html использовать index.php
@@Kaz08-e1c да уж, самый гениальный ответ)) а ничего что, для Socket.io нужен node ? а php не поддерживается нодой ?
@@mister_robot01 ты сам хозяин своего проекта.. ты сам знаешь как будешь использовать...подумай над моими словами(ответами)
Массив users в итоге никак не используется?
Спасибо за туториал!
Для тех, у кого ошибка типа этой: npm WARN ws@8.2.3 requires a peer of bufferutil@^4.0.1 but none is installed. You must install peer dependencies yourself.
npm install --save-dev "bufferutil@^4.0.1"
Спасибо за урок. Месадж лучше все таки сокращать как msg, а не mess)) т.к. событие у тебя дословно: послать грязь.
👍
автор просто гений почему он не преподает мне обьясняет все так что не возникают вопросы
у меня не запускается node index , в чем может быть проблема?
Ничего не понял, но очень интересно!
все видео было снято для рекламы apple 32:20 не стыдно тебе гоша?
сколько они тебе заплатили? :)
Достаточно для того что бы снять видео в 40 минут🤣
Насчёт урока, всё круто и понятно, но почему ты не дал стартовую разметку?
Как выложить чат на node.js на хостинг?
Только покупать VPS нужно, лучше с Linux'ом каким-то. Но без доменного имени будет просто голый IP-шник с SSH доступом. Потому ещё и доменное имя надо будет брать, если для серьезных целей.
@@vitalii5784 fozzy предлагает хостинг с нодой без покупки VPS
Эх,ещё бы научил как это залить на бесплатный сервис какой нибудь...Например на heroku
Спасибо большое. Не думал, что, случайно зайдя в комментарии к этому видео, могу найти что-то настолько полезное как отсылку на этот сервис.
@@adeptslab4153 Лучше поискать VPS/VDS с тестовым периодом)Проще будет
@@stepashka20 нашёл?
@@finishsuffering за эти 3 года я понял,что иметь собственный сервер удобнее всего и не надо мучаться с поисками бесплатного :)
Если у кого-то не работает css app.use('/files', express.static('files')); files - это папка, в которую закидываем css и js файлы. Пишу, потому хочу, чтобы вы не морочили себе голову =)
всеравно не работает
Круто!
Можно ли интегрировать этот сокет с django?
ну потратил я на видео чуть менее 2-х часов. Результат конечно есть, но он не очень впечатляет. Все как в том же твоем видео - создать простую игра за 20 минут на javascript. Если в том случае, это было просто игра, и никто не требовал сохранения состояния, то в этом случае оно как бы нужно.
Итог: веб-чат действительно создан, можно пообщаться с самим собой с нескольких разных браузеров. Другой вопрос о целесообразности данного действия и как итог - незачет! Плохо, можно было постараться получше
отлично)
скачивать atom из-за того, что есть плагин консоли? совсем ебо-бо, что ли? любой webstorm или vscode идет сразу с такой начинкой.
Бл в 2022 году , думал Нове видео , смотрю 2019 😳
Как сделать, чтобы сообщения всех пользователей оставались после обнавления...и как цвет присвоить только своим сообщениям, и выровнить их по другому краю
Я хочу спросить, а как я могу этот онлайн чат использовать для других сайтов?
Попробуй вводить дальше сообщения, 3-4 рендерит корректно, дальше начинается какая то дичь, переписывает сообщения, рендерит только на клиенте отправителя, у получателя перезаписывается последнее сообщение
Ты просто рукожоп
связь много пишущих сразу для всех реально не так полезно, как если бы один пишущий одному из нескольких. в итоге дерево переписок. как консультант на сайте. он пишет один а посетителей много. не получится ли такое видео сделать?
Куда он нажал ???? 10:25
Никуда, просто вставил заранее скопированный html код.
@@AlexeyMorashko нет ну он же не просто так поставил " ! "
@@bogdan_ov О, сорян, не заметил ' ! '. Тогда все просто. В Атоме, если в файле типа .html поставить восклицательный знак и нажать на кнопку "tab", развернется та самая заготовка под html документ.
Сейчас бы подключать jquery только для манипуляции с DOM деревом
=)))
сейчас бы вообще юзать jquery
СДЕЛАЙ ТО ЖЕ САМОЕ, В СВЯЗКЕ С PHP (ставьте лайк, кто тоже сломал себе голову с этим вопросом)
А как сделать с связкой php?
@@qwerty1150 если бы я знал, я бы, наверное, не стал бы просить, как это сделать
var можно заменить let
Пацаны и девчонки, я тут тоже сделал видеоролик по онлайн чату на html, js и firebase, но в моей версии используется всего 500 строк кода. Также в моём чате можно прикреплять и отправлять файлы, редактировать и удалять сообщения и вся история сообщений сохраняется! Буду рад если поддержите видео. Ссылка на мой чат также есть в комментариях под роликом на этом канале. Скоро сделаю вторую часть с ответами, безопасностью и хостингом. Весь чат полностью бесплатный. Спасибо ❤
Автор: ...пишет require
import: ...вышел из чата
@@clown2195 оптимальнее принятого стандарта?
А почему не visual studio ?
admenmod ZXCV а чем студия может похвастаться и чего нет в атоме?
Не знаю, мне кажется там удобнее)
@@rubicomspb Удобная работа с файлами, встроенный терминал, встроенный emmet и т.д. Если говорить просто, то vs code это монстр прямо из коробки
эй как ты так делаешь ( ! ) и вся код html набирается
У него редактор vs code там нужно написать ! и нажать tab
Если хочешь на sublime text3 то нужно установить emmet и написать ! и tab
набери html и нажми tab
Спасибо за видео, но в итоге ни connections ни users никак не используются. Они нужны для того, чтобы писать сообщения конкретным пользователям. но данный вопрос никак не раскрыт.
Крутое видео, очень информативное. Но почему вы не пишите на node.js при помощи классов ? Я считаю, если научиться писать все это через классы, то данный урок не будет привязан к какому то определенному языку
для этого придется Гоше выучить классы)))
VDS сервер нужен ?
Забыл про массив users и connection, ну и ладно, в целом понятно взаимодействие, подобный пример можно найти на socket.io на английском языке
я что-то не так делал походу, код уже скопипастил с сайта и не робит
как прописать админку?
А без jQuery вообще ничего не получиться?
А ещё лучше - полистать этот учебник хорошенько
у меня почему-то не получается активировать команду в терминале npm init. Как это устранить (эта проблема на винде)
1)попробуй запустить от имени администратора
2)проверь,установлен ли node и npm(чтобы проверить это,зайди в консоль и пропиши node -v а потом npm -v)
3)попробуй прописать через обычную консоль шиндовс :D
если не получается - тогда я хз чем тебе помочь
СТОП, что?! А как его опубликовать? Для подключения через Интернет....
на хост выставить надо и каждый месяц платить
django или node.js?
Только я пересмотрел все видео по обучению создания онлайн мессенджера и все равно нихера не получилось ?
Как и с этим роликом (Нихуя)
Вас же начинающие смотрят, чему вы их учите?! Где чистота кода? Где нормальное именование переменных? Зачем юзать jQuery для парочки селекторов? Начинающие! Обращайте внимание только на саму технолгию сокетов, на то как построен код не смотрите - это какашка.
Ну почему нельзя сразу показать ПРАВИЛЬНУЮ архитектуру?((((
а что такое архитектура?)
@@МитяА-р5к как что должно работать
а что посоветуешь почитать?
@@МитяА-р5к Знал бы - не спрашивал
а где бд куда сообщения сохраняются?
сообщение будешь сохранять, параллельно с AJAX на бд, WebSocket лишь для динамичного показа, после обновление страницы будешь показываться уже с бд, где ты отправлял, AJAX
Тоже не понял...как сделать, чтобы сообщения оставались а не пропадали при обновлении страницы ?
@@10RoK1 ты разбрался? что делатб, когда чат на удаленном сервере?
@@НиколайЧеревань-п9ш нет, не практиковал даже
@@10RoK1 можешь загуглить "mongo db chat" с этим инструментом нужно сделать, я так понял
у меня vs code и у меня нету platformio-ide terminal
что делать ?
В vs code можно отобразить терминал без плагинов.
Активация: Вид -> Терминал
Или при помощи сочетаний двух клавиш CTRL+`
Не обязательно терминал можно через командную строку и просто к ней подключить файл с которым хочешь работать
При загрузке на сервер не работает ни в какую
С# asp.net можно?
Всё это круто, когда только на openServer делаешь, а вот если реальный сервак VPS, то это уже все не работает так просто.
Эх...если бы ещё понять как с реальным сервером сделать такое же.
Uncaught ReferenceError: socket is not defined
socket не определен
нашли исправление?
Крутой урок, но хотел бы урок на чистом JS. Спасибо
Без этих библиотек это невозможно
@@redhook777 эти библиотеки написаны на js
Общий чат это просто, вот приватный чат посложнее будет
Уроки по golang даёшь?
Именно такой чат но на андроид можно?
много воды
и еще вопрос- зачем создавался массив connections? он ведь нигде не используется
И создать месенджер тоже реально?
Привет, да в принципе возможно
А как ты думаешь? если Discord на nodejs написан!
Как сделать, чтобы сообщения все пользователей оставались после обнавления...и как цвет присвоить только своим сообщениям, и выровнить их по другому краю
@@10RoK1 1 - юзай БД, 2 - css
как можно в 2019 использывть ЕS5 и jQery? Пока смотрел, думал, что видос года 15-го, а потом смотрю -19)))
как я понял, он старый видос перезалил, на счет jQuery - к сожалению всё еще используется в энтерпрайзе, но в случае с данным видео jQuery был явно лишним, согласен)
Я, который использую ES6 и jQuery в 2022: мда, лол, отстал чуток
видео хороший материал для того, чтоб узнать как это работает. но архитектура приложения ужасная
проговаривай, что так не нужно писать, что не нужно создавать такую архитектуру. ведь написать чат любой сможет, а оформить масштабируемость проекта единицы
у кого то есть работающий пример этого кода?
Да, оно не отправляет сообщения у меня. Если кто знает в чем дело - напишите будьте добры
@@СанекСветлов-й6ь запускал сам сервер?
@@СанекСветлов-й6ь подключены на сервер и на сам сайт библиотеки джейквери и сокет?
@@СанекСветлов-й6ь на сайт может попросить socet- io-client
@@TheTanat Спасибо. Я нашел уже ошибку в коде.
Ну и на фига массив connections и users?
users = [] зачем ?
Де игры? Шоп там Phaser/Pixi + Socket IO было!
var? 2019 год?
Кстати заметил что часто это пишут?А что такое почему не var . (просто я вообще не веб, я занимаюсь desktop, не слежу за изменениями.)
Я вот недавно изучал JS и я знаю что сейчас используют let вместо var
@@nikaknikakovich6370 Если интересно, почитай про стандарт es6, там найдешь ответ и про импорты, отличные от тех, что тут используются, и про var и let, и про стрелочные функции, которые тоже тут не используются, хотя могли бы, и много ещё чего)
ух крутые ребята собрались, могут в let
Господи расскажите ему уже о nodemon
Кто то сталкивался с проблемой что при вызове form.submit((event)=>{
// здесь остальной код с этой функции
})
Обновляется полностью вся страница,без нажатия кнопки.
25:16
хотя странно,работает только с jQuery,а без него нет(ну я уверен что это я налажал где то,никто не делал без jQuery?
А теперь дайте мне код, чтобы работало по айпи с моего компа по всему миру, пусть без доменного имени)
Через айпи можно много сделать. Да и вообще из пк можно сделать хост. Только постараться придется
@@ИванАукин есть уроки на эту тему?
Сделай мессенджер на c++
Ты не к тому обратился .Он сам ничего не делает он просто переводит зарубежные уроки.