Инфраструктура Frontend (Дмитрий Холстинин)

​

Технологии и навыки,
которые ты освоишь:

• Статические проверки кода
  автоматизируешь сборку, статические проверки и деплой кода в продакшн
• Написание собственных правил для ESLint
  Научишься создавать кастомные правила для ESLint и разбираться в существующих, чтобы адаптировать проверку кода под задачи проекта
• Реализация кастомных проверок кода
  Поймешь как самостоятельно реализовывать кастомные проверки кода и чем они могут быть полезны
• CI/CD
  Освоишь процесс настройки CI/CD, автоматизируешь сборку и деплой для ускорения вывода изменений в продакшн
• Docker & Kubernetes
  Получишь базовые знания для работы с Docker и Kubernetes, необходимые для управления контейнерами и развертывания приложений
• Деплой
  Получишь базовое представление о структуре работы сервиса в production и процессе деплоя

Кому подходит курс:
Разработчикам
- которые хотят освоить эффективное использование инструментов статической проверки кода и повысить качество своих проектов.
Тем, кто хочет понять весь путь кода
- разобраться в существующих инструментах инфраструктуры и научиться применять их на практике.
Тем, кто стремится глубже понять инфраструктуру Frontend
- от написания в IDE до его работы в продакшене, чтобы управлять процессом деплоя и оптимизации приложений.
Будет плюсом
- Опыт работы с CI/CD, статическими проверками
Минимальные требования
js, git, node
Программа:
18 онлайн-лекций

• Node.js — перочинный нож инфраструктуры. Все существующие инструменты для frontend написаны на js под node.js. Мода на Rust. Основные необходимые модули node.js. Инфраструктура на typescript. TS-node. Deno. Bun. Yaml, json, json5. Командная строка. Начинаем изучать возможности инфраструктуры с локального сценария.
• Все основные пакетные менеджеры. npm, pnpm, yarn. Зачем нужны, краткая история происхождения. Как работает. Pros/cons каждой. Виды зависимостей. Важные настройки установки пакетов. Lock файлы, приватный реджистри. ESM в runtime. Возможность жить без пакетных менеджеров (http dependencies).
• Что это значит и зачем нужны статические проверки кода. Популярные линтеры: eslint, prettier, stylelint. Альтернативы. Дополнительно statoscope, prettier, typescript. Инструменты для оркестрирования проверок. Прехуки, husky, lefthook. Гит хуки. Разбираем lefthook подробнее. Pre-commit и pre-merge.
• Разбираем как работает eslint. AST. Система плагинов. Проблемы архитектуры eslint. Как работает prettier/stylelint. Разные парсеры у stylelint. Как работают альтернативы. Пишем собственный плагин и правила.
• Continious development. Зачем нужен. В чем отличие CI/CD. Переносим пакетные менеджеры и проверки в CI. Bootstrap проекта как процесс. Github/gitlab CI. Pipelines/jobs, yaml programming. Best practices организации CI (кэши, шарды, селективность).
• CI-only проверки. Тесты. Основные фреймворки для тестирования. Как организовать тесты. Хорошие и плохие тесты. Как правильно настроить прогон тестов в CI. Селективное тестирование.
• Подробно разбираем Github CI, best practices организации джоб, пишем статические проверки.
• Подробно разбираем Gitlab CI, best practices организации джоб, пишем статические проверки.
• Docker. Docker-cli и Docker-daemon. Что такое и зачем нужен. Docker-compose. Kubernetess. Основные команды docker.
• Docker daemon. Основные настройки docker. Основные docker-cli команды. Альтернативы.
• Разбираемся что такое kubernetess и в чем отличие от докера.
• Continious integration. Процесс деплоя. Стейдж, прод. Деплоим контейнеры в стейдж и прод. Различные схемы деплоя. Best practices деплоя.
• Разбираемся что такое ansible и зачем нужен
• Разбираемся что такое terraform и зачем нужен
• Мониторинг пайплайнов в CI. Мониторинг стейдж/продакшн. Opentelemtry, Prometheus, grafana, kibana, sentry
• Nginx, reverse-proxy, s3, l7/l3 балансер. Зоны ответственности.
• Различные схемы работы node.js/spa/mixed. Best practices деплоя ассетов. Влияние на скорость. CDN.
• Берем проект и настраиваем линтеры, CD, CI, deploy.

Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...