Интенсив по Системному Дизайну

Системный дизайн и построение приложений.

Цели интенсива

System Design — это проектирование архитектуры веб‑систем: разбиение на компоненты, контракты и данные, выбор инфраструктуры и компромиссов ради масштабируемости, надежности, скорости и стоимости.

Знание System Design помогает фронтендеру делать не только «работающий UI», а предсказуемые под нагрузкой, быстрые и отказоустойчивые продукты, говорить на одном языке с бэкендом/инфрой и принимать решения, которые масштабируются.

Знания в области SystemDesign уже стали обязательными для позиции Senior-разработчик и многие компании уже добавили секции на эту тему.

Цели интенсива:

Освоить структурный фреймворк решения задач системного дизайна (требования → оценки → API/данные → компоненты → масштабирование → компромиссы).
Понять ключевые свойства систем: масштабируемость, доступность, согласованность, задержки и тд.
Научиться проектировать веб-сервисы.
Отработать прикидочные вычисления: RPS, хранилища, пропускная способность, SLO/SLA.
Разобраться с кэшами и очередями.
Прокачать навыки диаграммирования и аргументации решений для интервью и реальных ревью.

Как организовано обучение?

Однодневный интенсив на 8 часов

Интенсив проходит в один день, продолжительностью 8 часов (с перерывом на обед 45-60 мин).

Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания интенсива.

Домашние задания в рамках интенсива не предусмотрены.

Общение

Между онлайн-занятиями, также во время них доступен групповой чат для общения и вопросов преподавателю. Общаться можно также голосом.

Результат

Вы владеете структурным подходом к решению задач системного дизайна и понимаете ключевые принципы проектирования высоконагруженных систем.

Вы умеете оценивать нагрузки, выбирать архитектурные компоненты и делать взвешенные компромиссы при проектировании веб-сервисов.

Вы готовы к системным интервью и можете аргументированно защищать архитектурные решения.

Сертификат

По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.

Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в интенсиве.

Программа интенсива

Часть 1. Теория и инструменты (≈4 часа)

Введение и фреймворк (30 мин)

Как формулировать требования: функциональные vs нефункциональные (SLO, p95/p99, бюджет latencies для FE).
Структура решения: уточнение, бэкоф‑the‑envelope, API/данные, компоненты, узкие места, эволюция.
Как рисовать понятные схемы: слои, легенда, потоки.

Базовые блоки веб‑систем (60 мин)

Сеть и балансировка: L4/L7, CDN, кеши (HTTP, ETag), rate limiting и тд.
Хранилища: реляционные/NoSQL, индексы, партиционирование, шардирование.
Асинхронность: очереди, pub/sub, ретраи, идемпотентность.

Фронтенд‑уклон: что важно на клиенте (75 мин)

Архитектуры доставки UI: SPA/MPA, SSR/SSG/ISR, edge rendering, hydration/partial hydration.
API‑слой: API‑Gateway, BFF, контракты, версионирование, кеш‑контроль.
Реалтайм: WebSocket vs SSE vs polling, backpressure, reconnect, офлайн‑синк (Service Worker, IndexedDB).
Выбор фреймворков, библиотек и тулзов.
Микрофронтенды: когда оправданы, границы, коммуникация и деплой.

Качество, производительность и наблюдаемость (45 мин)

Метрики качества.
Логирование, мониторинги, алертинг.
Безопасность: CORS, CSRF, Content Security Policy, секреты на фронте, загрузка third‑party.

Часть 2. Практические кейсы (≈4 часа)

Перерыв/обед (45–60 мин)

Кейс 1: Веб‑чат с реалтаймом (Slack/WhatsApp Web) — 1 час 30 мин

Пример может быть заменен на аналогичный по популярности и сложности.

Кейс 2: Лента новостей/таймлайн (Twitter/Instagram) — 1 час 30 мин

Пример может быть заменен на аналогичный по популярности и сложности.

Завершение: разбор типичных вопросов интервью и Q&A — 30–45 мин

Чеклист для системного ответа, глубинные вопросы, красные флаги.
Как защищать компромиссы и оформлять архитектурное решение.
Ресурсы и «что делать дальше».

Предварительные требования

Опыт фронтенд-разработки от 2-3 лет (уровень middle+): знание JavaScript, работа с фреймворками (React/Vue/Angular), понимание асинхронности.
Знакомство с серверными технологиями на базовом уровне: понимание баз данных, кеширования, основы DevOps.
Базовое понимание веб-технологий: HTTP/HTTPS, REST API, JSON, работа с сетевыми запросами.
Интернет 256кб/с или быстрее для видео.

Преподаватель

Артём Сенюков

Программированием занимаюсь много лет, фронтенд-разработкой с 2015 года. Ранее занимался разработкой CRM-системы в Tinkoff.

Сейчас старший разработчик интерфейсов в Яндексе (стек React, Next, GraphQL, TypeScript).

Также читаю лекции, обучаю в Яндексе(ШРИ). Провожу собеседования по frontend-технологиям.

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

Для компаний

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами.

При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт, есть лицензия.
Для зарубежных компаний выдаём инвойс на английском языке.

Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов и документы для налогового вычета: детали для РФ.

Если остались вопросы – посмотрите в часто задаваемых, напишите на почту help@javascript.ru (ответ обычно в течение дня), а если срочно — задайте по телефону +7-903-5419441.