Архитектура Web приложений - Server Side Rendering - 01
it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Друзья, сегодня SSR (Server Side Rendering) это что-то немного уже дополнительное к тому, что есть. То есть SSR-а чаще нет сегодня, если мы говорим именно про SPA, про frontend-приложения. А как было раньше?
А раньше, друзья, не было SPA))) и не было такого понятия, как front-end разработка. Раньше, по сути, только и был, что SSR: сервачок получал запрос на страницу, лез в бд, брал данные, эти данные вкидывал с помощью какого-нибудь view engine в шаблон и получался готовый html. И этот готовый html красиво уходил в браузер. А браузер его просто парсил и моментально отрисовывал. Никаких SPA, а значит никакой логики на JS никто толком и не писал! Да уж... Были времена...
#fullstack #архитектура #ssr #ityoutubersru
Пікірлер: 247
Спасибо за короткое обьяснение. Приятно видеть что музыку не забросил.
Урааа, уроки по архитектуре и фулстек)) Спасибо, Димыч, это лучший канал по программированию в ютубе))
@ITKAMASUTRA
3 жыл бұрын
спасибо!!! летим!!! контента планирую немало! вроде дела все разруливаются
Супер полезно! Супер интересно! Восхищаюсь умением Димыча объяснять сложные темы простым и понятным языком! Спасибо!
Улучшилось качество, очень приятно смотреть и как всегда познавательно, спасибо)
@ITKAMASUTRA
3 жыл бұрын
спасибо за фидбек! Стараюсь!
Вы самый лучший наставник!👍Из стольких уроков только ваши уроки понимаю 😇
Спасибо, хороший человек! Лучшие уроки по React, SSR, архитектуре, frontend-у только здесь, только в IT Kamasutra
Спасибо за то, что уделяешь своё время этому каналу. Пускай поскорее вернуться offline занятия, пожалуйста)
только начал смотреть, но уже хочу сказать ОГРОМНОЕ СПАСИБО! Димыч, это то, что надо! Кстати, заставка шикарная!)
Спасибо, мне стал более понятен принцип работы Gridsome и Nuxt (в режиме SSR), как-то всё аккуратнее разложилось по моим полочкам. Ждем про фаербейсы с графкьюелями)
Супер выпуск! Я как раз начал изучать SSR и твой выпуск мне прям помог разложить все по полочкам и понять что к чему)
Очень рад что нашел твой канал и стал студентом у тебя ) Вижу что с твоей помощью достигну своей цели !
Дима, всегда приятно тебя послушать) спасибо тебе!
Ура, очень рад что вернулся к нам ) давно не видел новых видео. Как всегда всё на высоте! Качество видео стало однозначно лучше.
С возвращением!!! Спасибо большое за труды👏
@ITKAMASUTRA
3 жыл бұрын
спасибо, что ждете и поддерживаете)
Круто. Очень ждал фуллстека. Ларавел умеет отлично работать с реактом, вью и ангуляр. Спасибо :)
Полезно, интересно и познавательно 👍 Димыч, спасибо за твой труд 😊
блин мужик капец ты огненный, смотрю тя на скорости 2х ты прям летишь всегда куда-то, ели успеваю понимать, надо будет еще раз пересмотреть, еще и качество классное стало и конечно наконец-то классный софт для скетчей и зарисовок !!!
@jurafree426
3 ай бұрын
Может надо просто смотреть на 1x? Тогда пересматривать не придётся
Видос топовый, пару дней назад изучил nextjs, понял, что я влюблен в данный фреймворк над реактом) Ну и конечно славные алгоритмы ютуба предложили твое видео) Пусть я и так уже с этим более менее разобрался, но еще раз повторил, спасибо)
Да, .net mvc (и framework, и core) могут рендерить react/angular. Огненный контент просто!!! Спасибо!
мне будет очень полезно, я сам учусь андроид разработке но и интересно про фуллстек веб разработку знать! Спасибо, очень интересно и понятно!
То что нужно, все коротко и ясно, главное не забрасывай
Как всегда - познавательно и интересно, Спасибо!
Димыч) песня из заставки просто отпад!!))) Очень круто! Объяснил очень понятно, прям максимально понятно. Спасибо за Крутой и познавательный контент!
Ха-Ха-Ха... Отличное начало видео !) Просто супер )) 👍
Очень жду практику! Продолжай в том же духе!
Спасибо. Как всегда лучший материал
КРУТЯЯЯК!!! СПАСИБО БОЛЬШОЕ, ДИМЫЧ)
Круто!, продолжай также просто и доступно объяснять! Круть!!
Oгромное спасибо тебе за твой труд ДИМЫЧ! интересная тема! очень большая просьба - пожалуйста запиши серию видео на тему - React Admin - думаю среди нас много тех кому будет интересна эта тема
Димыч красавчик. Новое оформление видео - топчик! (Сравниваю с курсом по реакту, который тоже огонь )
Годный контент, спасибо ! :) Интересно такого рода
Спасибо Димыч! Ты просто ВАУ!!! Контент просто бомба! Ты второй Ричард Хендрикс!
@ITKAMASUTRA
3 жыл бұрын
ахаха)) навряд ли , но спасибо)
Димыч отличная тема! Давай Next.js, думаю многим очень зайдет и будет интересно) Спасибо за видос!
Ты, в натуре, капитальный красавчик, Димыч!
Самый классный айтишник,Димыч СПАСИБО Вам, Вы СУПЕР!!!Вы такой замечательный)))
@ITKAMASUTRA
3 жыл бұрын
🔥🔥🔥😘спасибо
Спасибо, Димыч. Давай еще выпуски про архитектуру, плз)
Димыч, спасибо) Снова вернулся к твоим роликам))))
Запоздавший коммент. Спасибо за инфу. Еще один плюс SSR: у нас есть система в которой пользователи могут кастомизировать свои страницы (фавиконки, тайтлы, обложки главной страницы, дискрипшены, домены и так далее). Так вот когда они делятся своей страницей в соц. сетях или мессенджерах - в постах/сообщениях отображается первичная/пустое превью без всего того что накастомил пользователь (то есть то что лежит в первоначальном почти пустом index.html). SSR позволяет исправить это. Вот так)
Лучше любого сериала 🔥
Хорошая идея параллельно с путем самурая 2.0 делать иногда ролики по архитектуре 👍
Контент на новом уровне, топ!
Очень круто, интересно и познавательно)
Огромное спасибо, полезно, понятно, круто!
Димыч, отличную серию кастов начал! Жду погружения в тему, в качестве предложения хотел бы послушать мысли по поводу изоморфного подхода в разработке.
Спасибо, хороший формат ждем продолжения и хотелось бы бестпрактис в архитектуре JS приложений, структуры ресурсов и почему так
Как же это чертовски приятно
в эпоху высоких технологий,мне кажется надо вникать во всё это(программирование и т.д. и т.п.).С уважением!!!
Димыч крутая идея, продолжай в том же духе!!!
Очень интересно. Продолжайте))
Ёу, отличная картинка и звук огонь!
Димыч! ждем следующий выпуск ;) Ты красавчик!!!
Лайк даже за заставку)) Вот только стрима давно не было((
ЭТО БОМБА! СПАСИБО =)
Димач как всегда на высоте !
Качество-топ,контент-топ,Димыч-топ,вщух вщух летим ✈✈🚀🚀🚀🚁🚁🛩🛩🛰🛰😂😂
Спасибо Димыч за урок!
Мы ждали этого дня :)
Ура!!!! Неужели новый видос
Блин, заставка просто убойная 😎
@ITKAMASUTRA
3 жыл бұрын
спасибо)) А Песен 5 вариантов было))
самый крутой канал по программированию Ваш
@ITKAMASUTRA
3 жыл бұрын
спасибо-спасибо! буду стараться держать качество
Димыч лучший из лучших!!!!!!!
Крутое объяснение!
Спасибо за видео, маленькая просьба дублировать кодом с дэбагом для суперского понимания 😉
очень приятно смотреть видео, спасибо ! Я когда начинал изучать .нет видел, что можно создать приложение реакт/ангуляр + .нет. Возможно там встроен сср
Ну всегда все самое нужное)
Подписался, задонатил, наставил лайков и комментарии написал. Спасибо за уроки!
@ITKAMASUTRA
3 жыл бұрын
Спасибо))) за все пункты!
ураа фул стек=)) спасибо большое за видео=))
опа, ток думал в фуллстек заглянуть, продолжай)
Спасибо, было полезно
Ура, Димыч вернулся )))
УУУУУРРРРРРАААААА ДИМЫЧ!!!!!!!!!!!!!!
Ну ты даёшь. It камасутра
Дождались)
норм футболка javascript на заставке
Просто лучший! 👊
Ураааа, Димыч, с возвращением! Спасибо, очень интересная и главное, востребованная на данный момент тема - Server Side Rendering P.S: кто уже тыкнул диз, тот редиска, ууу негодую
@ITKAMASUTRA
3 жыл бұрын
по именно SSR будет туториал вот-вот!
@IT-Svyatoslav
3 жыл бұрын
@@ITKAMASUTRA Димыч, СПАСИБО!!! Продолжай держать нас в курсе трендовых технологий
Привет, Димыч! Почаще пили видосы, оч крутой контент.
@ITKAMASUTRA
3 жыл бұрын
спасибо, ок! хочу! буду стараться
Класс, спасибо!
полезно, интересно, познавательно
Спасибо Димыч)
круто! спасибо!
СПАСИБИЩЕ!!!
Димыч ты лучший!!! Открой уже курс по црм))) Я еще в школу хожу, денег нет(((
Уоу, Димыч красота)
ахааа,новая песенкаааа!!)
Респект тебе!
Можно ещё добавить информацию про сам принцип работы протокола http, https про то, каким протоколом транспортного уровня он пользуется(TCP), TCP handshake, про DNS вкратце, сокеты, веб-сервер. Про TCP/IP стек в общем. Дать ссылку на пару полезных книг. Может эта инфа поможет некоторым найти себя в айти 😁😅
Спасибо!
На PHP я делал только с промежуточным слоем на express.js .. когда есть RESTfull API (Laravel), далее middleware-сервер на express.js и уже он отдает сгенерированный шаблон хоть на Vue.js хоть на React.js... и сам же middleware-express.js запрашивает у RESTful API (Laravel) все необходимые данные для рендеринга того или иного шаблона.. ну еще в качестве "морды" поставить для лучшего кеширования статики какой-нибудь Nginx и он уже проксирует нестатичные запросы уже на express.js .. и получается так что тот же RESTful API и СУБД они вообще скрыты в том же пространстве localhost и могут быть недоступны извне.. тоже своего рода хоть какая то безопасность.. вот такие мысли на этот счет)
Вот это качество картинки! Стоило ждать месяц 😳
@ITKAMASUTRA
3 жыл бұрын
спасибо))
1:46 блин я тоже говорю в разговорах иногда «брОузер», это же перевод Флэнэгана, книжка с 🦏 при чем делаю так много лет, и тут узнал, что я не один такой, а ещё и Димыч, йо-ма-йо 🙃
@ITKAMASUTRA
2 жыл бұрын
😃😃
Это топ видос )
thanks!
Есть же есть же красава
Пишу full-stack интернет магазин на реакте, nodeJs(restful-api), redux-saga, code-splitting, динамические импорты, вебпак под это настроил, кастомные хуки, TypeScript. Второй проект уже хочу написать и одновременно изучить на graphQl с Apollo. А тут еще SSR надо учить. Как все это успевать? Голова разрывается от потока информации=). Но SSR надо знать. Спасибо большое)
@ITKAMASUTRA
3 жыл бұрын
Жесть! Много всего, сложно! Ну.. главное не паниковать! Всему своё время
пересматривал опенинг раз 5
Спасибо, идея делать бекенд на нескольких основных языках, например C# Asp core, Java, Node.js, Python, Go. Ведь разные зрители твоего канала по своим причинам предпочитают разные языки на бекенде, а для тебя это будет сильной личной прокачкой, т.к. ты будешь владеть знаниями в разных стеках технологий. Есть на гитхабе проект Real World, где показывают, как одну и ту же функциональность можно сделать на разных технологиях
@ITKAMASUTRA
3 жыл бұрын
Спасибо за real world, ознакомлюсь
К вопросу в видео про рендер js на других платформах. Есть ReactBundle для симфони на пыхе - собираюсь внедрять на проекте скоро) Есть еще React on Rails - по названию понятно для чего
Хотелось бы узнать про graphQl и Apollo в будущем=)
Про микросервисы было б интересно послушать