Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты

В этом ролике мы рассмотрим способы real time клиент серверного взаимодействия и с каждым из них разработаем fullstack чат. Рассмотрим такие способы, как long polling, event sourcing (server sent events), websockets с комнатами
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Исходный код - github.com/utimur/real-time-c...
Таймкоды:
00:00 - Теория
03:15 - Long polling
14:17 - event soursing (server sent events)
19:30 - websockets
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@brodyagaPATY]

Не досмотрев лукаса!!!👍👍👍👍👍Спасибо большое за труды!!!

[@UlbiTV]

Спасибо дружище!)

[@alexey_horbunov]

Тимур, я прошу тебя, давай больше про веб-сокеты, это действительно тема) Кстати, прошло около месяца, а число подписчиков удвоилось) Поздравляю, люди видят годный контент

[@UlbiTV]

Будет!

[@UlbiTV]

Спасибо!)

[@awenn2015]

@@UlbiTV на php можно что то из первых двух вариантов сделать?

[@timausmanov9113]

@@UlbiTV ПЛС Продвинутый чат на websocket плс. P.S. не отказывай теске плс

[@27sosite73]

@@awenn2015 на php можно сделать даже больше :D

[@olegdegterov1595]

Качественный контент спасибо. Long pulling и event sourse как-то гличино у меня работают, зато ws разаботал как надо с первого раза.

[@falsetrue7910]

Ролики от Тимура +100 к знаниям за кратчайший срок

[@UlbiTV]

Хех)) спасибо, успехов!

[@programming5944]

Как же ты каждый раз попадаешь, изучаю ТС - ты выпускаешь ролик, готовлюсь к собесу - выпускаешь ролик, делаю модуль чата в системе по работе (пока только вникаю) - ты выпускаешь ролик, спасибо Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты

[@UlbiTV]

Читаю мысли!)) спасибо за поддержку

[@user-sk2dp1ob1n]

Он за тобой следит 👀

[@rustamakhmetyanov4404]

Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets. Спасибо за работу

[@andriyvozniuk5854]

Комментарий для продвижения, спасибо за контент !)

[@UlbiTV]

Спасибо за поддержку!

[@Valeryi07]

Как всегда,просмотр и лайк!! 👍👍👍

[@UlbiTV]

Спасибо!

[@itpro952]

Новый видос, лайк коммент по традиции и приступаю к просмотру, автору спасибо, контент топ

[@UlbiTV]

Пасиб))

[@uladzimirlis7524]

Топ канал!! Сча если в чем то надо быстро разобраться, сразу ищу тут.

[@romko-romario]

Моя огромная благодарность автору! Для меня, джуниор фронтэнд разработчика, это лучший канал для профессионального роста)

[@adamsden]

Спасибо за труды! Все на высоте как всегда! Буду ждать продолжения :)

[@user-sn2by1sn1x]

Аналогично, лайк уже после просмотра теории.

[@UlbiTV]

Рад, что нравится, спасибо!

[@prog-hak]

Случайно нашел твой канал, залип капец. Крутой контент, спасибо))) Вдруг найдешь время, было бы интересно посмотреть больше про деплой, особенно с докером

[@d4vlL]

Хочу добавить, что при реализации long polling нужно обязательно на сервере прописывать res.end(); во всех контроллерах, иначе в некоторых браузерах, таких как chrome или firefox вы не сможете отправить больше 5-7 запросов, т.к. браузер будет ждать ответа на предыдущие, а сервер попросту не отвечает на них. Это может сэкономить вам кучу времени, особенно если вы начинающий.

[@hashira_d]

спасибо, как раз то, что искал!

[@yatush3093]

Спс огромное, я чуть в депрессию не ушёл.

[@leandrmiklashevich297]

Спасибо.. Но странное поведение обнаружилось. В Файрфоксе всё нормально отрабатывает, а в Хроме, что заслать 1 сообщение надо нажать дважды. А в файрфоксе при этом появляется 2 одинаковых сообщения, посланных из хрома.

[@jdun-jun]

огромное человеческое спасибо за Ваш совет!

[@JustTrace17]

Спасибо тебе большое за то, что ты делаешь! Очень доступно, на примерах, с уважением ко времени. Просмотр твоих видео - одно из самых полезных и продуктивных времяпровождений) Мотивирует, вдохновляет и подталкивает пробовать новое.

[@vov4egde]

Спасибо большое! Больше всего - спасибо за уровень подачи! Без воды, без лишней болтовни. Если есть нюансы, на которых можно споткнуться, ты их именно в такой форме и покажешь/разъяснишь.

[@user-rt8tp5oq6b]

Спасибо за ролик. Хорошее видео про websocket. Надо только раз пять пересмотреть)

[@Tim-Slim]

Как всегда GODнейшая выжимка полезнейшей информации! Спасибо!

[@UlbiTV]

Спасибо!

[@user-ti6og5so1w]

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

[@Al-zk1ss]

Спасибо Тимур! Очень доступно и информативно

[@devorer77]

Отлично! Смотрю и делаю. Ты как всегда на высоте!

[@UlbiTV]

Спасибо, Артем!)

[@arlenm1472]

лучший лучший, websocket online chat react tutorial

[@UlbiTV]

Спасибо!)

[@smaslov01]

Автор, ты переменил мое отношение к видеоурокам. Я их терпеть не могу потому что быстрее прочитать останавливась на нужных моментах. Но вот такой формат - когда очень быстро но по делу мне понравился. И очень классный текст - нет слов паразитов, нет комментариев на очевидные вещи, есть уместные комментарии для чего именно делается так а не иначе. Вот прямо респект.

[@user-rk5wo6wq7h]

Парюсь в выборе чата)) . От тебя подарок летит)) Голосую за продвинутый чат !!!

[@UlbiTV]

Будет!

[@murzikov5443]

@@UlbiTV не произошло)

[@user-by1fert8888]

Ради годного контента, лайк и коммент не жалко! Ждем новых видосов

[@user-lj9lo1ks9d]

Твои обучалки огонь! Задолбался рыскать по инету как сделать то сё, у тебя на канал захожу теперь смотрю и шик) кароч я доволен

[@aleksandr1277]

Большое спасибо! Уже третий раз пересматриваю. Очень полезный материал.

[@ziyadseykhanov3967]

Досмотрел до конца не толбко из интереса но и из за подачи матерала. классно !!! спасибо

[@UlbiTV]

Благодарю!

[@ArtOfFun]

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

[@UlbiTV]

Спасибо друг) всему свое время, растем потихоньку

[@frednoby8531]

Никакой воды, всё чётко и по делу. Классно!

[@mestacey8120]

Самые толковые уроки у Вас! Спасибо!

[@shujin9027]

Отличный урок. Всегда нахожу у тебя именно то, что мне нужно в данный момент. Удачи, бро

[@user-zn5ky3fw5h]

Отличный контент! Лайк, коммент!)

[@victormog]

Бомба для начинающих!!! 💣

[@DrGurgen]

Спасибо за работу Тимур твое трудолюбие заразительно

[@UlbiTV]

Спасибо, Гурген)

[@user-lj8xm1ye7q]

Как всегда отличная подача!👍 Удачи в развитии🙏

[@disconnect355]

Автор как всегда лаконичен и точен. Контент как всегда предельно полезен. Автору спасибо!

[@UlbiTV]

спасибо за поддержку!)

[@user-te2sb6ru6c]

очень доступно объяснил) спасибо)пойду смотреть остальные видосы)

[@sergiigordiienko2494]

Это самое крутое объяснение которое я видел за 13 лет в разработке. Без воды, без затягивания, все по сути, просто и понятно. Ты очень крутой, уметь так понятно и кратко объяснить это талант.

[@UlbiTV]

Спасибо за поддержку 🤝

[@s9219871110]

все еще уникальный контент! Спасибо за твой труд!

[@sayeretjob]

Бро, спасибо, что ты есть )

[@UlbiTV]

И тебе спасибо!)

[@user-iz7fs6oi8s]

Очень иформативное видео, большое спасибо. Жду урок по комнатам

[@maxpapirovnyk4304]

Спасибо, искал информацию чтоб разобратся и стартовать в этой теме, и это видео лично мне очень подошло. Качественное видео, без воды, и быстро, не нужно смотреть вебинар на три часа чтоб запусть hello word :)

[@user-hd7mi3tj5r]

Спасибо огромное! Благодаря тебе узнал про EventSource

[@user-fw4ew8wf3b]

КПД контента просто зашкаливает. Спасибо большое!

[@vikodam]

Спасибо за контент и (НАКОНЕЦ-ТО))) хороший звук

[@UlbiTV]

Заметили)) спасибо!

[@vladimirgusar4173]

Очень толковый парень!

[@korneev_v]

Прохожу курсы по фронтенду на одном из онлайн агрегаторов и там как раз изучаю тему вебсокетов. На мой взгляд в этом видео намного лучше разобраны некоторые фундаментальные вещи, которые помогают понять логику работы веб сокетов. Спасибо!

[@mrbender3882]

Супер 👍 За что тут можно поставить диз ? 🤬

[@UlbiTV]

Люди, которые их ставят всегда найдутся))

[@MaxShilov]

Тимур, огромная благодарность за годный контент 🔥

[@kristinavolk2660]

Спасибо огромное за Ваши ценнейшие знания и проделанную работу! Все таки это единсветнные инвестиции, которые сто проц окупятся )

[@crix5492]

Реально годный контент. Все реальные темы затрагиваешь в своих видео, а то у большинства каналов одна база.

[@UlbiTV]

Стараюсь, спасибо за поддержку!)

[@xaos666]

Весь контент полезный. Спасибо большое за труд! Вы помогаете многим

[@coopsprofi8617]

Спасибо большое за твой контент!!

[@user-uj8cf2rz2p]

Спасибо, шикарный контент!

[@tehbangel]

Отлично, однозначно лайк)

[@jlewaajlekceu7865]

Спасибо Тимур, мой кругозор разширен!)

[@egorpobylets6597]

Спасибо огромное за отличное видео по node, Long polling, event sourcing, websockets

[@AlesFrankie]

Буду смотреть, спасибо!

[@UlbiTV]

Спасибо!

[@mikhail_shokun]

спасибо Тимур, как всегда полезно и коротко

[@vladsamsonov9752]

Тимур, как всегда качественная и актуальная информация! Спасибо!

[@UlbiTV]

Спасибо, Влад!)

[@user-zo5kw4wy7t]

Очень достойный канал. Автор всегда очень лаконичен и точнее. Спасибо автору за точную и полезную информацию.

[@UlbiTV]

Спасибо за поддержку!)

[@ogorkos]

Супер! Полезно и понятно! Спасибо!

[@stasonsv52]

Ролики бомба. Выражаю благодарность. :)

[@UlbiTV]

Спасибо большое!

[@dmytromedynskyi6179]

Редкое сочетание краткости и понятности контента. Спасибо. Тема очень интересна. Жду о вебсокетах с комнатами, скоро мне в проекте понадобится ;)

[@UlbiTV]

Спасибо большое!) будет!

[@ekaterinakryuchkova2690]

@@UlbiTV привет. Спасибо за подробное объяснение. А уже есть видео про комнаты?

[@vovaer5003]

Спасибо! За отличный урок!

[@David280488]

Классный контент. Я подписан за реальный годный материал! Успехов тебе!

[@alexanderbudzko5516]

Очередной суперполезный ролик, спасибо!

[@HTMLHarbor]

Спасибо огромное за проделанную работу 😃🔥🔥🔥💯

[@UlbiTV]

Благодарю за поддержку!)

[@Yuriy2311]

Тимур, интересный контент, полезный. Особенно про веб сокеты. Спасибо!

[@vadymchecherinda2858]

Для сhrome ( long_pulling ) для client-a в headers нужно добавить следующее 'Cache-Control': 'no-cache, no-transform'. Так как в chrome будет некорректно работать

[@Magomed-r]

Ты немного не так выразился, но я понял тебя. Я тоже заметил, что в одном и том же браузере, но на разных вкладках оно работает некорректно, и попробовал в разных браузерах и всё заработало. То есть на продакшене проблем не будет, но локально да. Спасибо за 'Cache-Control': 'no-cache, no-transform'!

[@neckalas5759]

Спасибо за качественный контент.

[@UlbiTV]

Спасибо за поддержку!

[@user-jh6oc2gi6c]

спасибо за видео) ты лучший!

[@ismayilhajibayli3233]

Спасибо за видео, очень информативно

[@andreyzhukov2821]

Привет! Максимально информативно, абсолютно без воды! Спасибо!

[@UlbiTV]

Стараюсь друг) спасибо!

[@oops61rus]

Просто машина! Спасибо за полезнейшую информацию!🔥

[@UlbiTV]

Спасибо!)

[@turgayalekberli9554]

очень полезный топик, очень интересный канал, очень хорошая подача материала. Продолжай в том же духе))))

[@user-pm4wq2rv9h]

Видео супер! Автору респект.

[@wardog4244]

Лайкос! Очень интересно и сжато, супер!

[@UlbiTV]

Спасибо!

[@cakeistrue]

Годный контент!!!💪💪💪

[@denysaheienko7177]

Как всегда все супер! 🙌

[@user-vf4if2oe7m]

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

[@user-hn7of6ey3p]

Красава, очень круто) Было бы интересно посмотреть чат на ws с добавлением в контакты

[@vladyslavfx3892]

Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.

[@user-sn9ye9rh8f]

Спасибо Тимур, твои видео очень мне помогают!

[@theabyssofmythink6522]

о боже, тупа лайк не глядя!!!!!!!!!!!! спасибо за контент)

[@kwinkich]

2 года прошло, а видосы всё ещё полезные

[@user-tq2tk4hr5x]

Хорошая выжимка)

[@shvch4117]

Супер видео, спасибо большое

[@Magomed-r]

Спасибо за крутое видео! Лично мне подошёл способ long polling

[@StarkElessar]

Было интересно! Спасибо за такой ввод, теперь есть 0оть понимание!

[@sagiden1343]

до конца досмотрел. Классный курс

[@IllidanNik]

Практика сила! Нужно больше про websocket)

[@Phicoos]

Тимур ты лучший спасибо тебе

[@Nickznet]

Отличный контент, кругозор расширился) . Спасибо алгоритмам ютуба, что ваш канал в рекомендованные попал )

[@UlbiTV]

А тебе спасибо за отзыв!)

[@scottwalker6071]

Спасибо, Тимур, это было бодро👍

[@UlbiTV]

Благодарю;)

[@sanlaynx]

Спасибо , хороший курс

[@danilukhov1742]

Большое спасибо за ролик!

[@lazys7151]

Спасибо за ролик, друг!