Архитектура Web приложений - Server Side Rendering сегодня - 02,
it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня и получить доступ к дополнительному контенту можно вот здесь или оформив спонсорство здесь на youtube:
/ itkamasutra
Друзья, SSR (Server Side Rendering) сегодня - он не такой, как был раньше.
Сегодня важно, чтобы код, который занимается ренедрингом на сервере был таким же, как и тот код, который будет ренедрить разметку в рамках SPA... То есть фактически это должен быть один и тот же код. Ведь нам не хочется заниматься дублированием кода, это раз...
а во-вторых, нам важна точная согласованность раметки и состояния приложения, которое заживёт в браузере с тем, что уже успел подготовить сервер.
#fullstack #архитектура #ssr #ityoutubersru
Пікірлер: 163
Жаль что курс загнулся... Очень полезная информация я бы с удовольствием послушал о всех технологиях заявленных в двух частях)
Дима, с тобой я помаленьку начал разбираться в архитектуре обмена данными между моим браузером и серваком, спасибо, все тобой сказанное очень просто для моего понимания)
Димыч, самые весёлые и интересные уроки именно у тебя, не останавливайся!
Димыч Дякую !!! Было бы круто курс по написанию backenda для ReactJS(TS) путь самурая -> на практических примерах
@user-sl1kv2yr7t
3 жыл бұрын
В точку
@artemaveryanov6546
3 жыл бұрын
чушь, это никому не нужно
@user-rm9zj6mq1g
3 жыл бұрын
@@artemaveryanov6546 ты знаешь мнение всех? Мне в общих чертах было бы интересно, а в будущем и подробно хотелось бы знать.
@alexr0v
3 жыл бұрын
Тоже было бы интересно, ставлю палец вверх! Димыч, научи нас пожалуйста как связать backend и react! Твоя энергия прям помогает все изучать! Не могу смотреть другие курсы - скучно!
@artemaveryanov6546
3 жыл бұрын
@@user-rm9zj6mq1g его основная тематика - фронт, сюда заходят люди смотреть фронт, всем без разницы хочешь ты бэк или нет
Оторвался от видоса ,сказать что стрелки на 5:14 с запахом ) что-то с детства знакомое ))
Хочу ещё видео новых!! Благодарю
Отлично, новое видео! Лайк сразу же
@ITKAMASUTRA
3 жыл бұрын
Спасибо!
Решил зайти сюда с курса по реакту. Порадовал. Столько еще интересного будешь пилить)
Очень круто! Хотелось бы непосредственно в деле посмотреть на создание приложения SSR+SPA c nginx!!! и Next.js... потому что всё интересно, но пока не до конца понятно))
@user-jg7ly1ib2z
3 жыл бұрын
Поддерживаю
Достаточно наглядно получилось)
Огромнейшее спасибо за труд и очень полезную тему! Не хватает просто терпения ждать выпуск целую неделю, ахах. Умоляю, давай чаще.) Очень жду подробный Next.js, с большим нетерпением.)
@user-jg7ly1ib2z
3 жыл бұрын
Поддерживаю
@user-tt4mg2jq2b
3 жыл бұрын
Присоединяюсь
Димыч, один из лучших учителей русского ютуба по js
@ITKAMASUTRA
3 жыл бұрын
🙏✊🚀 летим, самураи
@ITKAMASUTRA
3 жыл бұрын
🙏✊🚀 летим, самураи
@dmitry.kozlov
3 жыл бұрын
@@ITKAMASUTRA пока пользу, но надеюсь взлететь:)
@oleksiiborovykov6306
3 жыл бұрын
лучший, имхо
Класс, полезно!
Димыч, не забрасывай!!! Знаю что идей у тебя миллион и хочется все сразу начать))
Спасибо, доступно, понятно, как всегда) Спасибо, Дима.
Большое спасибо! Надеюсь видео в этом плейлисте продолжат выходить:)
@ITKAMASUTRA
3 жыл бұрын
Вот-вот!!!
Просто супер уроки!!!
Димыч спасибо огромное за инфу!)
Спасибо огромное за такое интересное и понятное объяснение))) Очень очень сильно хочется увидеть продолжение Архитектуры))) Сейчас прохожу курс React Путь самурая)) начал с минимальными знаниями))) Но все отлично получается и понимается от чего восторгу нет предела)))) Огромное спасибо еще раз за ваш труд)))
Вот смотрю твои видосы и ещё больше желание желание во всем разбираться и учиться новому ✊🔥
@ITKAMASUTRA
3 жыл бұрын
🚀🚀✊✊ это крутое желание!)
Круто, спасибо!!))
Спасибо большое, очень познавательно!
Ураааааа! Курс про архитектуру продолжается! Димыч, респект!
Спасибо!!
СПАСИБО!
Архитектура, паттерны. Любимая тема.
Круто придумал с визуализацией, так реально проще понять)
spasibo za urok - Архитектура, SSR сегодня
Интересненько
SSSR путь камуниста.
Full Stack Архитектура its cool :) will be nice to have more info like this
Димыч, спасибище тебе за труд! Позавчера начал проходить твой путь самурая, это шедевр! ты нереально круто объясняешь сложные вещи простыми словами) Делюсь опытом: месяца 4 назад, после 6 лет работы столяром, начал учиться вместе братом-близнецом) по классике - вёрстка, самые основы JS. Два месяца назад другой брат-программист подкинул первый проектик, а я ушел из столярки) на данный момент сделали один сайт, не spa (для фреймворков было рановато, изучили только верстку когда брались за этот сайт). Делали фуллстек - бэк на express (кроме джаваскрипта ж ничё не знаем), бд - mongo, для отображения верстки - handlebars. Деплоил сам на digitalocean, как прокси-сервер использовал nginx. Как раз пришлось немного поучить администрирование и почитать про сети) На данный момент сайт в продакшне и заказчик доволен, но еще предстоит много чего допилить по админке) Бывает сложно местами, но наткнувшись на твой канал прямо зарядился мотивацией, так что продолжаем бомбить! Скоро вот реакт буду круто знать) Ты крутой мэн!
жаль, что наобещал всего и пропал( но спасибо и за это!
Димыч снимай побольше видосов)))))пожалуйста...
Спасибо :D теперь есть понимание что такое SSR
Спасибо, дай бог здоровья
Это я вовремя зашёл KZread проверить 😎
Тема отличная, еще бы немного от тебя послушать про трисоморфный рендеринг и service workers.
Тор контент:)
Спасибо, лайк и коммент!
не останавливайся!
спасибо! очень очень круто!
Спасибо Димыч!
Крутий курс, за інтро окремий респект
Димыч, спасибо большое за твои уроки! расту вглубь и вширь))
thx !)
Спасибо!)))
Спасибо Димыч! Жду новые видео!
Thanks a lot! )
Димыч, от души! Пожалуйста, не пропадай
Хотелось бы больше про тайпскрипт и, если возможно, ангуляр.
Вот это классная тема, Димыч! Я как раз хотел углубиться в изучение архитектуры веб приложений! На работе использую React, Gatsby, Typescript, Node.js.
Димыч, ты очень похож на боксера Васю Ломаченко, и также же крут в своем ремесле, как и Лома. Манера преподавания легка и артистична. Не всем такое подходит, наверное, но для меня - that cool !!!
@ITKAMASUTRA
3 жыл бұрын
✊🙏🚀
Димыч, все круто! Топим дальше! ⚔️
Спасибо!
На фронте мы используем React.js, на бэкенде C# и БД PostgreSQL. Мне интересно node.js но для работы нужно учить C#. Сам я фронт но сказали нужно двигаться в сторону фулстек. Вот реально всё интересно но в сутках 24 часа всего(
@user-jg7ly1ib2z
3 жыл бұрын
Очень бы хотелось уроков в таком же стиле, как про React, но про Asp Core
Спасибо за труд! P.S. хотелось бы увидеть видос про PWA и AMP.
👍👍👍👍👍👍👍👍
спасибо!
Спасибо тебе Димыч! Знал бы ты как повлиял на изменения в моей жизни и не только моей)))
Агонь!
Интересная тема про Styled Components,можно бы видос запилить полезный)
it's not new for me but i have fun to see it - круто, когда все по почкам
Архитектура, SSR
Cпасибо ))
Димыч ван love
Интересно очень, жаль продолжения нету
красавчик!
Архитектура SSR это круто.
Очень интересно, спасибо! А будет ли продолжение по архитектуре?
@ITKAMASUTRA
3 жыл бұрын
Скоро, друзья ✊
Продолжение бы) Или есть где-то за платную подписку, на патреоне, например, и я просто не знаю?)
Контент топ!
Пока проходил реакт самурай, знакомый попросил сделать сервис, начал писать в стиле реакт из курса, но на чистом js и без соблюдения флакс, то есть менять стейт напрямую. Приложение небольшое, так что не критично. Самое важно что общее понимание полученное в курсе дало возможно более менее спроектировать архитектурку. Пишу на классах, + php + mysql. Продолжу курс и сравню))
Вижу Димыча, ставлю лайк!)
@ITKAMASUTRA
3 жыл бұрын
Спасибо!!!!🚀🚀
Хорошо по современному SSRу работает к примеру Next.js а как работает приложение которое на SPA React? что там нет SSR со статикой? Там только один сервер API?
Да, есть встроенные js библиотеки в том же Laravel(php), к примеру по умолчанию есть компоненты фронта на Vue. Сам недавно делал spa на этом стеке, node.js сервер как таковой не нужен, все запускается на пхп серваке
А есть продолжение этого курса?)
ReactBundle для symfony (правда замароченный), a у Ruby вроде как React on Rails
почему больше нет уроков по этой теме????((((((
голосую за GraphQL! Информация в видео топ! Автор красавчик!
Димыч, спасибо большое за видос. Подскажи пожалуйста, библиотеку NextJS используют также на отдельном сервере где есть NodeJS, который и отдает уже html разметку клиенту? Или она используется в браузере самого клиента?
@ITKAMASUTRA
3 жыл бұрын
NextJS - это Фреймворк-сервер! То есть он на стороне back-end
Всегда nginx читал как нгинкс, открыл мне глаза)
@ITKAMASUTRA
3 жыл бұрын
Цсс, пэхэпэ.. пофигу)) пока не обещаешься с иностранными коллегами))
сейчас на 77 части первого пути самуря) касаемо SSR - что думаешь про NextJS и GatsbyJS? не думаешь рассмотреть что это и сделать обзор?
@ITKAMASUTRA
3 жыл бұрын
Есть мысли! Сегодня и то и другое популярны и полезны! Особенно NextJS
@xdarkfenixx
3 жыл бұрын
@@ITKAMASUTRA на первый взгляд не сложнее чем реакт, но все ещё куча вопросов с bll. Я так понимаю есть аналог NextJS и во Vue
Как ты считаешь какие лучше использовать библиотеки для SSR на React? Слышал, что Nextjs хорошая библиотека, но всё же интересно узнать твоё мнение
@ITKAMASUTRA
3 жыл бұрын
Мы на проекте будем юзать именно NextJS
ИГОРЬ, не Андрей, Сысоев) Ну что ж ты так лохонулся то) Зачем тебе бекенд то)) Ты хороший фронтендер) В фронтенде тем до хера. Ну светле ну микроинтерфейсы) Нахрен тебе микросервисы и бекенд)))
Как определить, нужен ли приложению ssr?
Привет!
Тайп скрипт рулит. Спасибо
@ITKAMASUTRA
3 жыл бұрын
Спасибо за фидбек!
Димыч продолжай пожалуйста....
Димыч, спасибо, когда устаю от кода Точнее бывает такое что появился баг, ты его пытаешься сделать и заходишь в тупик и надо отдохнуть Вот люблю посмотреть теорию послушать, ты прям как старший брат рассказываешь Такой вопрос, а как у вас обстоят дела с трудоустройством если я проживаю в Америке?
@ITKAMASUTRA
4 ай бұрын
Будем учить, накачивать, пока не получишь оффер там на месте!
а продолжение есть?
Димыч, когда продолжение?! Очень ждём!
Сделай пожалуйста обзор, чем по твоему мнению NGINX лучше IIS? И на сколько я понимаю NGINX бесплатный, а IIS платный, если делать коммерческий проект? Или я ошибаюсь?
@ITKAMASUTRA
3 жыл бұрын
NGNIX - как сервер для статики, или как прокси.. супер быстрый и легковесный IIS - полноценный мощный сервер для хостинга .net сервисов в первую очередь! Но не только...
PHP - Laravel/Symfony
ну почему же не может .NET выполнить JS ? Может, через ком объекты. (Edge, Chrome)
Дима или ребята программисты, подскажите мне, я хочу записаться на курсы по языку программирования пайтон или питон в просто народе, я новичок, курсы идут 1 год (ну опять же смотря какая контора ), подскажите где реально могут чему то научить и дать хорошие знания (именно на курсах, какие конторы внушают доверия? ) и второе смогу ли я потом хоть куда то устроиться с этим сертификатом? Есть конторы которые берут без вышки и опыта? Или это все бред и надо идти учиться? Просто мне 28 и я ограничен по возможностям и времени учиться 5 лет, вот и хочу записаться на курсы, стремление есть
@prospect72
3 жыл бұрын
Сергей Буцко главное не какое образование а что ты будешь уметь в последствии.
@watchtvshow2552
3 жыл бұрын
@@prospect72 ну по факту на курсах можно нормально натаскаться?
@ruslanaskarov5393
3 жыл бұрын
Лучше сначала самому попробовать поизучать пайтон, курсов бесплатных много, когда уже поймешь что тебе это нравится, можно идти на курс
про SSG хотелось бы тоже узнать
@ITKAMASUTRA
3 жыл бұрын
Тупанул я, нужно было о нем упомянуть...
@izzei-1614
3 жыл бұрын
У тебя есть страницы, которые рендериться один раз во время сборки приложения в прод, а при ssr страница рендериться сервером на каждый запрос клиента.
Когда же будет продолжение 😍
@ITKAMASUTRA
3 жыл бұрын
Готовлю ✌️
что-то продолжения долго нет...
Специализируюсь на Java. Основные аспекты языка и технологии, с которыми работал: 1. Java Core Basic (core simple): 1) Java Syntax (classes, methods, types, operations, imports, conditions, cycles) 2) Objects (Object, constructor, private, static, this) 3) String, toString, String.format 4) Array, Arrays 5) IDE (IDEA, Eclipse, NetBeans) 6) Math, Date, Calendar, DateFormat 7) OOP 8) Wrappers, downcast, instanceOf, varargs 9) Final, immutable, StringBuffer, StringBuilder, RegEx 10) Enums & Generics 11) Exceptions 12) Collections (equals, hashCode, comparing) 13) IO (Basic) 14) Multithreading (Basic) 15) Java 8 (Stream API, Functional Interfaces, LocalDate) 16) Serialization & Cloning 2. Java Core Pro (core in details): 1) JMM, GC, finalize 2) IO / NIO (File, Files, Path, parsing, e t.c.) 3) Multithreading (all concurrency) 4) Reflection (Dynamic Proxy, RMI) 5) Java Annotations 6) Java 9-15 7) Utils(Objects, BigInteger, URL, Properties, java.lang, java.util, java.net, Commons IO, Sound API, e t.c.) 3. Java Patterns & Antipatterns (designing application methods, classes, and architecture) 4. Java GUI's (AWT, Swing, JavaFX, SWT, GWT, Vaadin, ZK) 5. Data Bases: 1) SQL 2) JDBC & ORM (JPA, Hibernate, HQL, JPQL, JTA) 3) RDBMS (PostgreSQL, MySQL, Oracle, MS SQL Server) 4) Distributed DB (Hadoop, Splunk, Spark) 5) In-memory DB (VoltDB, MemSQL) 6) NoSQL (MongoDB, Neo4j, Cassandra, Apache Ignite) 7) DB Migration (Liquibase, Flyway) 8) Cache Systems (Memcache, Redisson, Kryo) 6. Java EE Tools (professional development main tools): 1) VCS (Git, GitHub, GitLab, BitBucket, Mercurial) 2) XML (SAX, StAX, DOM, XPath, XSLT) 3) JSON (mJSON, JSON-P, JsonPath, Gson, Jackson) 4) Build Automation (Maven, Graddle, Ant) 5) Testing (JUnit, TestNG, Mockito, TDD, Gatling, JMeter, JMH, JaCoCo, SonarQube) 6) Logging (Log4j, Slf4j) 7) Web Servers & Load Balancers (Tomcat, Jetty, Nginx, Apache Http Server, HAProxy, Traefik) 8) App Servers (GlassFish, WebSphere, WildFly(JBoss), WebLogic) 9) Cloud Services (Microsoft Azure, Amazon Web Services, Google Compute Engine) 10) DevOps (Docker, Kubernetes, Jenkins) 11) JMS (Java Mail, Message Brokers, Kafka, RabbitMQ, ActiveMQ) 12) Schedulers (Quartz, JCron) 13) Search & Index Systems (Lucene, Elasticsearch, Apache Solr, Sphinx) 14) Office Systems (Apache POI, Apache PDFBox) 15) Security (Java Crypto API, Web Security) 16) Enterprise Brokers (ESB) 17) BPMN (BPEL, Activiti, jBPM) 18) BRMS (JSR-94, Drools, Jess, ILOG JRules, OpenRules) 7. Java EE (enterprise development): 1) Network (HTTP, TCP-IP, UDP, Sockets) 2) HTML (XHTML, CSS, AJAX, JS Basic) 3) EJB (DI, CDI, JNDI, JSF, Jakarta EE) 4) Servlets (Filters, MVC, Struts) 5) JSP (JSTL, EL, Velocity, FreeMarker) 6) WS (UDDI, WSDL, ReST, SOAP, WADL) 7) Integration (MDB, JAX-WS, JAX-RS, JAXB, JAXR, SAAJ, JSR 224) 8) WebTools (Jsoup, Postman) 8. Spring Ecosystem (main spring technologies): 1) Spring Core (Beans, Context, DI, SPeL) 2) Spring AOP (Aspects, AspectJ) 3) Spring for DB (Spring JDBC, TX, ORM, OXM, Spring Cache) 4) Spring Data (Spring Data JPA, Spring Data Redis) 5) Spring MVC 6) Spring Web Flow 7) Spring Security 8) Spring Testing 9) Spring Integration (REST в Spring) 10) Spring JMS (RPC, JMX) 11) Spring-WS ("contact-first" Web Services) 12) Spring + EJB (Pitchfork, JNDI API) 13) Spring Batch 14) Spring Social 15) Spring Mobile 16) Spring Android 17) Spring-DM (Dynamic Modules, Gemini BluePrint) 18) Spring LDAP 19) Spring Rich Client (for Swing)
@user-sl1kv2yr7t
3 жыл бұрын
К чему это тут?