Архитектура современных WEB приложений. Эволюция от А до Я

В этом ролике мы поговорим про развитие WEB от простых HTML страниц до современных распределенных систем.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Регистрируйтесь и создавайте надёжный кластер Облачных баз данных в Selectel с экономией в 30%: slc.tl/g4uj4
Плейлист с роликами по архитектуре - • Архитектура ПО
SOLID принципы - • SOLID ПРИНЦИПЫ простым...
ООП - • ООП на простых примера...
CI CD - • CI CD наглядные примеры
MongoDB - • Mongo DB ПОЛНЫЙ КУРС
Websockets - • Websockets React & Nod...
Таймкоды:
00:00 ➝ Введение
01:12 ➝ Рекламная интеграция
02:45 ➝ Начало. World wide web. Backend, frontend, микросервисы, балансировка, сборка, ci cd и тд
28:20 ➝Время ставить лайк и писать комментарий для продвижения ролика :)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@romanmed9035]

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

[@user-sv5fz2bv7z]

Берите репетитора дополнительно , если сами не умеете заниматься да и с ним все быстрее будет, не пытайтесь все сразу учить , информации так много что учить придётся лет 5-6 и ещё обновление постоянно . Изучите самыеигалвне основы для фронт либо бэк чтоб вязли на работу джуном, остальное само приедет со временем / и еще - если ради денег тут / то точно не стоит ! Тут только на интересе можно выехать в гору денег

[@romanmed9035]

@@user-sv5fz2bv7z спасибо. полезное сообщение. но я не о себе жалуюсь, а автора хвалю. к моей радости я уже несколько лет работаю и не джуном. но иногда ради любопытства смотрю что тут делается и тем авторам которые нравятся пишу комментарии чтобы помочь продвинуть видео, чтобы начинающие и продолжающие могли видеть полезных авторов. и заодно надеюсь может что для себя полезное найду. но почему-то основная масса только с нуля учит. возможно сами больше не могут. но Тимур даже курс полезный сделал. я не стал в нем участвовать потому что более 3/4 знаю что в нем. а без практики и желания, а особенно, если голова не в эту степь повернута, то и репетитор поможет. репетитор или учитель помогает направить, если есть что направлять.

[@UlbiTV]

Роман, благодарю!

[@gregoryrubies6045]

@@user-sv5fz2bv7z само точно не придет. Нужно постоянно учиться и изучать новое. даже если взяли на галеру есть не хилый шанс быть похороненным в рутине и перегореть, так и не став спецом. А потом оказывается что опыта 5 лет а ты сидишь на мертвом стеке и безнадежно отстал от рынка (

[@alexone4176]

​@@user-sv5fz2bv7z Ну не знаю, может и есть люди кто весь путь на интузиазме учит, но большинство все таки себя заставляет.А вообще человек так устроен, когда получается становится интересно

[@falsetrue7910]

Колокольчик отработал как надо, как раз вовремя обеда классный ролик по архитектуре посмотреть Очень жду ролик по архитектуре фронтенд приложений? Он же будет? Ставьте лайк на коммент, чтобы Тимур увидел, если тоже хотите ролик по фронту

[@Evgeny..]

Тимур и снова ты поражаешь объемом и качеством информации. Настолько полно рассказать об WWW!?!? Твой труд заслуживает глубокого уважения.

[@UlbiTV]

Евгений, в очередной раз спасибо за поддержку!

[@SecurityLessons]

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

[@potashovoleg1692]

@@SecurityLessons и сколько ролик должен идти? Жду от вас видео, а точно, вы только в комментариях скажете, да?)🎉

[@Evgeny..]

@@SecurityLessons я далеко не новичок. Скажу что по каждой технологии можно часов по 100 говорить, но цель то не в этом. Это обзор, а не книга.

[@SecurityLessons]

@@potashovoleg1692 тезис был про объем и качество информации. Я говорю, что объем можно раскрыть в более подробном виде (как минимум, 'почему так, а не так'). Тут много кто расскажет про то, чем докер от вагранта отличается? Люди часто не знают разницы между виртуализацией и контейнеризацией, а тут им галопом по Европам проскакали от http/0.9 до нынешнего фуллстека с хадупом и пайплайнами. Ну и да, как мы узнали про вебсокеты - они есть.

[@demiurgen13]

Очень крутой верхнеуровневый обзор технологий веб разработки. Помогает систематизировать знания

[@alimanalybek8557]

Предполагаю эти полчаса будут самыми лучшими за весь день.

[@kobakamladze4175]

за всю жизнь...

[@nicksos6]

@@kobakamladze4175 кринж

[@nicksos6]

кринжанул

[@User-tq2dq]

@@nicksos6 +

[@xybabyba]

​@@kobakamladze4175кринжовник

[@AntonioBenderas]

Вот это всё должен знать верстальщик, если постотреть требования в вакансиях

[@barkalovaann]

Если посмотреть требования в вакансиях, то это должен знать и тестировщик 🤣

[@user-yh1xf4tj7o]

Определенно один из лучших, если не лучший канал по веб разработке

[@plegmatik]

Просто лучший. Наконец-то кто-то выложил весь пазл. Чтоб у тебя гормоны счастья ниже нормы никогда не опускались

[@A_A_A182]

Я заметил, что автор старался сделать ролик визуально приятныым, спасибо автор)

[@levshportak5401]

хоть и знал все это, но теперь более структурированные знания стали!!

[@mikeempire]

Ура! Реклама в роликах, это признак успеха, поздравляю!)

[@demetrx7972]

В который раз убеждаюсь, насколько ты крутой. 🥇Вдохновляешь, продолжай!

[@user-gr7ql1nc7d]

На мой взгляд это очень ценный материал, с которым должен обязательно ознакомиться любой современный ИТшник.

[@turembekov]

Было очень полезно и познавательно. Старание твоё замечаем, и говорим огромное спасибо. Жалко, что, нельзя поставить 1000 лайков за раз.

[@UlbiTV]

Мне достаточно и одного, спасибо!)

[@xareyli3850]

По архитектуре вообще класс, на ютубе практически нет номального контента по этой теме 👍

[@AntonChizhikov]

Тимур, спасибо за твой труд!

[@airpodsclub6443]

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

[@user-rn5cl2fr8b]

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

[@iteshnick]

да он на одном дыхании рассказал))

[@wildrifthilights1628]

Коммент для продвижения.Твои теоретические объяснения + слайды просто отдельный вид искусства.

[@zaza2258]

Неймовірна робота, це називається не просто зняти відео, а підійти до цього з душею

[@ma1abakiev]

ПРОСТО ЛУЧШИЙ!!! Теперь я наконец-то понял как это всё работает

[@011101010101001]

Во славу алгоритмов Ютуба, этот ролик попал в мои рекомендации) я в восторге и от визуала, и от содержания, и от повествования! Кажется я знаю, что я буду смотреть на нг-выходных...

[@kott8888]

Ulbi мощь как всегда!

[@dddsqrt]

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

[@patrx6534]

Хорошее вступление, теперь можно снимать полный ролик)

[@adamm4739]

Краткость - сестра таланта, всё гениальное - просто. Автор - талантище, невероятно кратко разложил все аспекты всего web, гениальное видео!

[@windcrack8404]

Это мега полезно было. Данное видео можно показывать для тех или иных, кто говорит, что на фронте разрабы ничего не делают и тем кто говорит, что на бэке разрабы ничего не делают. А также можно показывать тем кто думает, что разработка в вэбе это ерунда :).

[@biLLie_wiLLie]

Это именно то видео про IT, которое я хотел увидеть очень давно. Теперь я понимаю, что фуллстеком быть почти нереально

[@ilyapro2815]

наверное, фулстек это как быть зубным терапевтом и офтальмологом: возможно, но трудно и вряд ли эффективно. Я фулстеков называю мультистеками, они, кстати, могут хорошо понимать весь продукт в целом (не загружаясь в детали), также может стать Тим-лидом (фронта и бека) или Продакт-оунером.

[@nicel3908]

В данном случае показан современный и очень сложный сервис с множеством микросервисов и большим количеством пользователей (гиганты другими словами с большой командой), фуллстек разработчиком вполне реально быть, но и сервис будет куда скромнее, начать в одиночку и развивать сервис можно, просто в дальнейшем нужно расти, набирать команду, учиться внедрять более сложные системы. Начать можно хоть с одного vps сервера с nginx и php + mysql и по началу это будет работать, но нужно развиваться, а делать всё то, что перечислено, даже может быть вредно, когда это новый сервис без пользователей, но полезно при масштабировании проекта под новую реальность развития

[@nikolasslot6618]

Очень классно, хочу ещё таких видео, чтобы была продемонстрирована картина целиком. Три лайка поставил))

[@user-zb6us7vh1m]

Я редко лайкаю какие-то видео на ютуб и еще реже оставляю комментарии, однако этот ролик действительно хорош с каждой из сторон. Информативно, емко, понятно, замечательная инфографика. Я не знаю кто ее рисует, но низкий поклон этому человеку. Я не знаю, кто пишет тебе текст к видео, но ему тоже низкий поклон. Если же ты это все делаешь сам - я действительно восхищен твоими стараниями и трудом. Твоя способность к передачи знаниям поражает воображение. Так аккумулировать сложную информацию в быстрые и понятные ролики - это действительно талант. Спасибо Тимур тебе за твою работу. Со временем поддержу твой канал денежкой, как жизнь станет поспокойнее в Украине.

[@UlbiTV]

Большое спасибо и я также надеюсь что спокойная жизнь настанет совсем скоро 🙏 успехов!

[@olezhonnv3215]

А вот в вебе уже все! Спокойствия не будет никогда! Папка Ноде Модулес, точнее ее размер - стремятся в бесконечность!

[@sozidatel3817]

@@UlbiTV Тимур приветствую. Если вдруг захочется научиться самому летать на самолете - приглашаю.)

[@omgxd915]

Лушче данного видео не найти на просторах интернета, кратко, доходчиво, что ещё нужно. Топ )

[@oldlawyer4849]

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

[@juliusmalkov9620]

видео такое, что хочется аж несколько лайков поставить!

[@xfirab]

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

[@user-dy1qg9ns6u]

Какая огромная и качественная работа! Спасибо! Круто увидеть эту структуру на одной схеме!

[@aceracer5556]

Большое спасибо! Приятно радует, что перестал излишне торопиться, приятно слушать!

[@Dmitriy_dev]

Продолжай в том же темпе, очень классный контент

[@ngc6067]

Лучший русскоязычный канал в it сфере Тимур, спасибо за старания

[@JELEZIK]

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

[@user-by8nx1pe9o]

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

[@user-nj2gy5wr9x]

Это видео можно давать стажерам в моей компании, потому что архитектура один в один, но мой архитектор недоволен, техподдержка валится от нагрузки из-за проблем с микросервисами, особенно почтовым. Как всегда полезное и легкое для просмотра видео.

[@Atelier155]

походу с почтовыми у многих траблы) у нас так же есть с этим проблемы)

[@alexsuvorov4663]

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

[@user-di6ed7rw3b]

Очень классный ролик. Я уверен , что именно ты взрастил очень много веб разработчиков, спасибо тебе огромное

[@user-uk4er6rs9p]

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

[@vater122]

Снимаю шляпу. Спасибо за работу.

[@Prikyp]

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

[@user-of8lf7yj8o]

лучшие

[@nikpan3421]

Огонь, огромное спасибо!!🔥

[@marquess4694]

Вот оно, то что нужно

[@hetleyofficial8039]

Это просто шедевр, спасибо большое за твой труд)

[@user-ud3ze6wy2j]

Полность поддерживаю! Я просто в аху.... Ulbi - гений

[@user-of8lf7yj8o]

@@user-ud3ze6wy2j ФАКТЫ

[@dmitryram3163]

Такой ролик должен существовать в 202..-м, отличная работа👍

[@LevShuroff]

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

[@ylsv]

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

[@eddygalapagos1131]

Я поражаюсь как ты так быстро за такой короткий срок так прокачался! Ты крут) завидую по белому)

[@russiatoday716]

Ролик, огонь! Спасибо за проделанную работу, это очень ценно !

[@shweeps251]

Видос просто пушка! Многие непонятные вещи расставляет на свои места, спасибо!

[@darlane_k3]

Благодарю за труд! Полезная информация! Как раз прохожу курс веб разработки, выбрал фронтенд(js) и думал что он гораздо проще. Теперь понимаю что все совсем не так.

[@ipa_stor]

Отлично, на выходных буду смотреть, чтобы спокойно вникнуть:))) Спасибо за ролик и всем приятного просмотра👍

[@-Forever-Young-]

Так так)) поглядим)

[@haykyolyan2511]

Видео очень понравилось, спасибо!

[@Prostopravda]

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

[@pavell4859]

Этот ролик разложил по полочкам всё, что я узнал за: - 1,5 года несистемного (совмещая с работой бизнес-аналитиком в компании, не занимающейся разработкой) погружения в IT и веб-технологии (что такое HTTP, API, JSON, клиент-серверное взаимодействие и виртуализация) с помощью ютуба, Хабра и редких прочтений литературы. - год в проекте в разработке веб-решения в роли бизнес/системного аналитика Даже сказал бы иначе - не разложил по полочкам, а создал связи между различными знаниями так, что они сложились в единую картину. А, к примеру, понимание как между собой связаны html,css, js и вообще появилось только после просмотра этого видео. Огромное спасибо автору! Канал-находка, удивлен почему раньше мне он ни разу не попался.

[@UlbiTV]

Спасибо большое за такой отзыв, рад, что понравилось :)

[@andrew_b2r]

Растёшь Тимур :) рад что на тебя, как на етубера достаточной популярности, обратили внимание рекламодатели!

[@user-of8lf7yj8o]

Они уже давно сотрудничают, надеюсь придут гораздо больше и будет конкуренция за эфирное время на таком крутом канале

[@xi9222]

Отличный контент, спасибо!

[@nikolayvalchanov5686]

Спасибо, очень качествено!

[@doctor_space]

Качественный контент, респект 👍

[@virtu_ozz]

Вау, какие же крутые видео на этом канале. Автор, гигантский респект тебе, очень круто и просто все по полочкам раскладываешь!

[@user-ue7lj2to9q]

Спасибо, Тимур! Качество контента, как всегда, на высоте.

[@Zhekster777]

Как всегда лучший, спасибо большое за контент!

[@gusvs]

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

[@ailo21]

Благодарю дружище, ты уже не первый раз открываешь завесу над чем то сакральным, получил еще одну хорошую порцию мотивации

[@tatyanashengelay1500]

То чувство, когда за полчаса видео на ютубе узнал больше, чем за полгода изучения всего этого по информатике

[@avztralopitec]

Сложно было почитать литературу на занятиях по информатике? Или привычка чтобы кормили с ложечки?

[@ivankosolapov430]

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

[@ZXCTVV]

Оч круто,все по полочкам Спасибо

[@domochevsky4703]

Поставил лайк и написал комментарий для продвижения ролика и чтоб ты сделал для меня контент:)

[@user-jr8qv6eq6z]

Спасибо большое за такие ролики. Кратко, ёмко, по делу.

[@Mishha007]

Спасибо за труды, очень интересные ролики получаются( не только этот). Интересно было вспомнить как все это было когда сам начинал) Уже лет 10 разработки и реально столько изменилось)

[@Zubairavvv]

Спасибо Тимур, подача бомба, визуальную информацию принимать намного легче нежели на слух)

[@rowdy_bro2914]

Отличный ролик, спасибо

[@ma1abakiev]

Спасибо за твои старания! Благодаря тебе много людей(таких как я) получают знания!

[@user-jo3bo4xp3v]

Как всегда топ, спасибо, твои видосы уже как сериал, каждую новую серию ждешь с нетерпением

[@Ms7Eloise]

Очень приятно слушать, смотреть, а главное - всё в нужном порядке укладывается в голову. Теперь это самый полезный канал, на который я подписана : ) Спасибо за труды, автор, ты - талантище!

[@ivanschneider5818]

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

[@theWorldIsMultivariate]

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

[@yaroslav9465]

Рад Вас слышать ) Снимите, пожалуйста Angular с нуля

[@user-is8ec5it4i]

Самые внятные объяснение из всех авторов на Ютубе. Конкретика,визуал. Обожаю твой канал, спасибо тебе,что выпускаешь и стараешься! Это очень помогает!

[@vipp4vippvitalii825]

Реально Круто!!! Спасибо! Супер!!!

[@romandeveloper7720]

ура-ура, топ ролик)

[@user-lk8ol5us2u]

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

[@Baha996]

Шикарный ролик! Я в восторге, продолжай в том же духе!✊✊✊

[@beeming5031]

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

[@Tim-Slim]

Как всегда - концентрат полезнейшей информации! Спасибо! 🔥🔥🔥

[@tassy01]

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

[@sergeysamius1128]

Отличное видео! Спасибо! Информация отлично подана: полезно, понятно, визуально приятно)))

[@user-jw8ns4ng5b]

Господин Учитель, именно так, с большой буквы, вы просто неподражаемо, так доходчиво, так наглядно, и так понятно преподносите материал. Большое спасибо вам за такую работу. Лайк поставил, подписался. 😊

[@alron-gq4xh]

Спасибо за качественный, структурированный и интересный контент! С нетерпением ждем новых роликов :)

[@gleb6843]

Спасибо за старания !

[@vladimirsotnikov1914]

Отличная подача материала! Мне, как QA, было тоже интересно глянуть. Спасибо, Тимур!

[@user-ec5dd8vw6u]

Огромный труд! Спасибо за качественный контент)

[@hysteria5654]

Я только влезаю во все это ваше программирование и от количества информации голова кругом идет. Даже, от структурированной и, более менее, понятной для того, кто совсем мало понимает в целом о работе web-приложений. Надеюсь, когда-то и я смогу понять и применять все это, в чем, однозначно, помогает такого рода контент. Круто!

[@elenachydilova2100]

Спасибо за расширение кругозора!

[@user-gk5xg8qb8w]

Подача на высоте. Спасибо тебе большое за твою труд!