Инфраструктура
frontend
формат — в записи
минимальный уровень
19 лекций
разбор домашних заданий
мастер-класс
разбор домашних заданий
мастер-класс
junior+
Технологии и навыки, которые ты освоишь
Статические проверки кода
автоматизируешь сборку, статические проверки и деплой кода в продакшн
Написание собственных правил для ESLint
Научишься создавать кастомные правила для ESLint и разбираться в существующих, чтобы адаптировать проверку кода под задачи проекта
Реализация кастомных проверок кода
Поймешь как самостоятельно реализовывать кастомные проверки кода и чем они могут быть полезны
CI/CD
Освоишь процесс настройки CI/CD, автоматизируешь сборку и деплой для ускорения вывода изменений в продакшн
Docker & Kubernetes
Получишь базовые знания для работы с Docker и Kubernetes, необходимые для управления контейнерами и развертывания приложений
Деплой
Получишь базовое представление о структуре работы сервиса в production и процессе деплоя
Статические проверки кода
автоматизируешь сборку, статические проверки и деплой кода в продакшн
Написание собственных правил для ESLint
Научишься создавать кастомные правила для ESLint и разбираться в существующих, чтобы адаптировать проверку кода под задачи проекта
Реализация кастомных проверок кода
Поймешь как самостоятельно реализовывать кастомные проверки кода и чем они могут быть полезны
CI/CD
Освоишь процесс настройки CI/CD, автоматизируешь сборку и деплой для ускорения вывода изменений в продакшн
Docker & Kubernetes
Получишь базовые знания для работы с Docker и Kubernetes, необходимые для управления контейнерами и развертывания приложений
Деплой
Получишь базовое представление о структуре работы сервиса в production и процессе деплоя
Кому подходит курс
будет плюсом
минимальные требования
Опыт работы с CI/CD, статическими проверками
js, git, node
Разработчикам
Тем, кто хочет понять весь путь кода
Тем, кто стремится глубже понять инфраструктуру Frontend
которые хотят освоить эффективное использование инструментов статической проверки кода и повысить качество своих проектов.
от написания в IDE до его работы в продакшене, чтобы управлять процессом деплоя и оптимизации приложений.
разобраться в существующих инструментах инфраструктуры и научиться применять их на практике.
Не уверены, подходите ли по всем условиям? Напишите в наш бот — разберемся!
программа курса
{ 19 лекций }
Инфраструктура на JS, frontops. Node.js - перочинный нож инфраструктуры. Основные необходимые модули node.js. Модульные системы: ESM & CJS. Инфраструктура на typescript. Альтернатинвые рантаймы: experimental native ts support, ts-node, tsx, deno, bun. Yaml, json, json5. Командная строка. Начинаем изучать возможности инфраструктуры с локального сценария.
Все основные пакетные менеджеры: npm, pnpm, yarn. Зачем нужны, краткая история происхождения. Как работают, алгоритмы под капотом. Pros/cons каждой. Виды зависимостей. Важные настройки установки пакетов. Lock файлы, приватный реджистри. ESM в runtime. Возможность жить без пакетных менеджеров (native esm dependencies). Bun & Deno package managers.
Что это и зачем нужны. Какие проблемы решаем. Локальный запуск проверок. Инструменты: eslint, stylelint, oxlint, statoscope, prettier, typescript, knip, statoscope, dpdm. Как писать собственные проверки.
Разбираемся как работает eslint. AST. Система плагинов. Проблемы архитектуры eslint. Как работает prettier/stylelint. Разные парсеры у stylelint. Как работают альтернативы. Пишем собственный плагин и правила.
Тесты. Виды тестов: perf, smoke, stress, chaos, load, security. Основные фреймворки для тестирования. Документация. Docs as a code.
DevOps, FrontOps. Основные практики DevOps. Continious Development, Continious Integration, Continious Testing. В чем отличие CI/CD. CI системы.
Переносим пакетные менеджеры и проверки в CI. Bootstrap проекта как процесс. CI-only операции. Как организовать тесты. Хорошие и плохие тесты. Как правильно настроить прогон тестов в CI. Селективное тестирование. Best practices организации CI (кэши, шарды, селективность). Инструменты для оркестрирования проверок. Гит хуки. Инструменты автоматизации хуков.
Подробно разбираем GitHub ci, best practices организации джоб, пишем статические проверки.
Подробно разбираем GitLab ci, best practices организации джоб, пишем статические проверки.
Виды репозиториев. Мульти и монорепозитории. Мотивация использования монорепозитория. Инструменты для оркестрации монорепозитория. Настройка инфраструктуры и CI.
Docker. Архитектура docker: Docker-cli и Docker-daemon. Что такое и зачем нужен. Docker-compose. Основные команды docker.
Docker daemon. Основные настройки docker. Основные docker-cli команды. Альтернативые рантаймы контейнеров.
Kubernetes. Архитектура, основные понятия. В чем отличие от докера.
Высокоуровневая схема архитектуры типовых приложений. Микросервисная и монолитная архитектура. Модель OSI, организация сети. Балансеры L3/L4/L7, API Gateway, Service Discovery, Message Queue, Service Mesh, Reverse Proxy, Databases. DNS. Доменная система. Шифрование и сертификаты.
Что такое деплой. Виды окружений. Схемы деплоя. Деплоим контейнеры в стейдж и прод. Деплой контейнеров. Высокоуровневые системы деплоя. Деплой kubernetes.
Как работает, зачем нужны и как работают Ansible & Terraform.
Различные схемы работы nodejs приложений: ssr/csr/mixed. Схема деплоя в различных вариантах. Инструменты для деплоя ассетов. Кэши, заголовки кэширования, CDN, service worker, оптимизации, сжатие.
Мониторинги приложения, основные характеристики nodejs и железа. Кастомные метрики. Что еще можно мониторить. Сбор ошибок. Observability системы. Основные технологии: Opentelemtry, Prometheus, grafana, kibana, sentry.
Настраиваем на типовом проекте базовый пайплайн с CI/CD и деплоем.
о курсе
тарифы
Доступ к материалам курса — 1 год
Прокачал скиллы — получи подтверждение
В конце обучения ты пройдёшь итоговое тестирование и получишь сертификат. Мы обучаем по государственной лицензии № Л035-01218-23/01835619.
Полностью или разделив оплату с тобой,
например 50/50 или 75/25
например 50/50 или 75/25
Расскажем всё про курс
Сообщим стоимость
Ответим на ваши вопросы
Подготовим договор и счёт
Этот курс может оплатить твой работодатель
дмитрий холстинин
Ведущий разработчик
в «Т-Банк»
{ автор курса }
5 лет
занимаюсь инфраструктурой Frontend
6 лет
в коммерческой разработке
Длительность
3 лекции
Минимальный уровень
Junior+
Server-Side Rendering
Лекция 1. История и обзор технологии SSR
История рендера в вебе, PHP, jQuery, React, CSR, SSR, как работает SSR в nodejs, сборка;
Лекция 2. Детали, нюансы и проблемы реализации SSR
Недостатки и проблемы SSR, state, i18n, assets, оптимизации SSR, альтернативные режимы рендера SSG, SSI, hybrid, альтернативные технологии рендеринга на сервере, концепция htmx, smart server;
Лекция 3. SSR внутри фреймворков
Разбираем популярные фреймворки реализующие ssr из коробки: Next, Nuxt, Remix;
Что в результате:
1. Полное понимание, как работает серверный рендеринг;
2. Навыки решения типовых проблем при внедрении SSR в проект;
3. Умение выбирать нужную технологию рендеринга и режим ее работы;
4. Разберётесь в ключевых нюансах реализации: производительность, i18n, работа с состоянием и маршрутизацией
5. Познакомитесь с альтернативными подходами к серверному рендерингу: свежие идеи, реализации и оптимизации серверного рендера и гидрации;
6. Повышение профессиональной ценности — знание SSR востребовано в большинстве крупных проектов.
История рендера в вебе, PHP, jQuery, React, CSR, SSR, как работает SSR в nodejs, сборка;
Лекция 2. Детали, нюансы и проблемы реализации SSR
Недостатки и проблемы SSR, state, i18n, assets, оптимизации SSR, альтернативные режимы рендера SSG, SSI, hybrid, альтернативные технологии рендеринга на сервере, концепция htmx, smart server;
Лекция 3. SSR внутри фреймворков
Разбираем популярные фреймворки реализующие ssr из коробки: Next, Nuxt, Remix;
Что в результате:
1. Полное понимание, как работает серверный рендеринг;
2. Навыки решения типовых проблем при внедрении SSR в проект;
3. Умение выбирать нужную технологию рендеринга и режим ее работы;
4. Разберётесь в ключевых нюансах реализации: производительность, i18n, работа с состоянием и маршрутизацией
5. Познакомитесь с альтернативными подходами к серверному рендерингу: свежие идеи, реализации и оптимизации серверного рендера и гидрации;
6. Повышение профессиональной ценности — знание SSR востребовано в большинстве крупных проектов.
Доступ к материалам — 1 год
5 400 руб
средняя оценка Димы как преподавателя и автора курсов
9/10
В целом, Дмитрий Холстинин, как преподаватель понравился очень!
Классный парень, хорошо объясняет, местами шутит, чем разряжает атмосферу. Слушать его приятно + Дима постоянно отвечал в чатике, что вообще очень сильно радовало, чувствовалась его заинтересованность в студентах. Меня это очень радовало. За это ему жирный плюс.
Дима офигенный преподаватель. Очень хорошо объясняет, четко и по делу
Думаю с ним тоже можно было бы просидеть 5 часовую лекцию. Выложился на 100%
Замечательно
Отвечает на все вопросы в любое время суток (даже неудобно было беспокоить в позднее время, но он отвечал)
Комплексный набор тем и все сводится воедино
После прохождения каждой темы уже можно использовать инструмент, достаточно знаний для дальнейшей самостоятельной работы
Понравилось всё
Трудно выделить какую-либо технологию.
Понравилась личная вовлеченность преподавателя
хороший материал, хорошая подача материала
Очень понравилось что охватили много тем в курсе.
Благодаря курсу в голове сложилось понимание - для чего мне это нужно.
Благодаря курсу в голове сложилось понимание - для чего мне это нужно.
Я приобрел уверенность и главное осознание в некоторых инструментах. Например, удалось разобратсья с многообразием пакетных менеджеров, какой из них мне тащить в проект, какие есть у них преимущества. Теперь активно использую последнюю версию yarn через corepack. Есть понимание что это такое. Благодаря курсу более тонко настроил eslint у себя в проекте, также удалось принять синтаксис yaml, раньше он мне не заходил, так как любил очень json формат. Разобрался в настройках gitlab ci, узнал много фич, которые там доступны и поменял в своих рабочих проектах конфиги., настроил их более тонко и осознанно. Также сложидось понимание что такое докер и для чего он нужен. Раньше ло конца не осознавал, так как на практике его не настраивал, сейчас же пришло полное понимание, что как и куда. Узнал для себя новую технологию, которая уже существует давно - это s3. Также теперь понимаю что такое cdn под капотом. Понимаю теперь как деплоить из ci, какие схеимы при этом существуют от самых простых до сложных. Удалось также понять что такое kubernetess, ansible, terafform и самое главное для чего нужны эти инструменты. Курс помог разобраться в том, что какие есть проблемы при деплое, раскатки конфигураций, масштабировании системы. и как эти проблемы решались во времени и со временем приводили к созданию тех или иных иснструментов. Также разобрался что такое nginx, какие есть у него альтернативы, удалось покапатсья в его конфигах, понять как он настраивается. В общем писать можно много о плюсах, но главный плюс - это то, что я понял проблематику и узнал какие есть инструменты и для чего они нужны.
ОТзывы учеников
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Курс рассчитан на тех, кто уже уверенно работает с JavaScript. Возможно, тебе не стоит торопиться — сначала лучше немного подтянуть основы.
Можешь начать с наших интенсивов – глубокое погружение в темы, с которыми ты сталкиваешься каждый день.
Можешь начать с наших интенсивов – глубокое погружение в темы, с которыми ты сталкиваешься каждый день.
Да, ты можешь опатить до 30% стоимости kobezzza-бонусами. Если возникнут сложности с оплатой, напиши нам в бот.
Да, есть. Нажимая на кнопку «оплатить» вам будет предложено несколько вариантов оплаты, в том числе и в рассрочку. Рассрочка
предоставляется на срок от 3 до 12 месяцев по вашему желанию. Также действует рассрочка для граждан Казахстана, Узбекистана и Республики
Беларусь. Для получения подробной информации и оформления рассрочки в этих странах, пишите нам в телеграмм бот. Для граждан других
стран возможна рассрочка на 3 месяца от нашей школы Kobezzza Lab. Свяжитесь с нами через бот.
предоставляется на срок от 3 до 12 месяцев по вашему желанию. Также действует рассрочка для граждан Казахстана, Узбекистана и Республики
Беларусь. Для получения подробной информации и оформления рассрочки в этих странах, пишите нам в телеграмм бот. Для граждан других
стран возможна рассрочка на 3 месяца от нашей школы Kobezzza Lab. Свяжитесь с нами через бот.
Да, мы предоставляем все необходимые документы.
Чтобы оформить заявку, напиши нам в бот.
Чтобы оформить заявку, напиши нам в бот.
Да, мы принимаем платежи со всего мира. Если возникнут трудности с оплатой — напиши нам в бот, и мы поможем с оформлением.
Да, у нас есть образовательная лицензия. Регистрационный номер лицензии –
№ Л035-01218-23/01835619. Ознакомиться с лицензией
№ Л035-01218-23/01835619. Ознакомиться с лицензией
Да, у нас есть образовательная лицензия, а значит, ты можешь оформить налоговый вычет. Обучение в лицензированной школе даёт право на возврат до 13% от стоимости, но не более 19 500 рублей в год — в соответствии с лимитом на вычет в 150 000 рублей (на 2024 год). Социальный налоговый вычет можно оформлять ежегодно и таким образом снизить расходы на образование.
Да, ближе к завершению срока мы предложим тебе продлить доступ ещё на 12 месяцев.
Остались вопросы?
Напиши нам, мы с удовольствием на них ответим
