Перейти к основному содержимому

Обучение

Этот раздел - глубокая учебная база.
Карта подготовки показывает что учить, Обучение показывает как учить по шагам.

Как проходить​

  1. Откройте Карту подготовки и определите слабые блоки.
  2. Идите по модулям ниже в порядке вашего трека: Junior, Middle, Senior.
  3. После каждого модуля закрепляйте материал в Банке вопросов и Песочнице.
  4. Раз в неделю делайте self-check: что знаете, что объясняете уверенно, что нужно повторить.

Быстрый фильтр по тегам​

Найдено: 20 из 20

  • Алгоритмические интервью и чекпоинты

    Практический модуль по алгоритмическому блоку собеседований: приоритеты, сессии, разбор провалов и план роста.

    Learning ModuleJuniorMiddleSeniorAlgorithmic PreparationInterviews

  • Базы данных

    Глубокий модуль по SQL/NoSQL, индексам, транзакциям, миграциям и производительности хранилищ.

    Learning ModuleMiddleSeniorBackend FullstackDatabases

  • Безопасность и хранение

    Глубокий модуль по auth-моделям, JWT, cookies, storage и базовой web-безопасности.

    Learning ModuleJuniorMiddleSeniorFoundationsSecurityAuthStorage

  • Инженерные принципы

    Глубокий модуль по фундаментальным инженерным подходам: trade-offs, надежность, эволюция и качество.

    Learning ModuleMiddleSeniorEngineering DeliveryEngineeringPrinciples

  • Популярные frontend-фреймворки

    Глубокий модуль по сравнению React, Vue, Angular, Svelte и выбору стека под продукт.

    Learning ModuleMiddleSeniorFrameworks TypesFrontendFrameworks

  • Рендеринг веб-страницы

    Глубокий модуль по критическому пути рендера, Core Web Vitals и выбору SSR/CSR/SSG/ISR.

    Learning ModuleJuniorMiddleSeniorFoundationsRendering

  • Тестирование frontend

    Глубокий модуль по test pyramid, unit/integration/e2e подходам и надежной стратегии тестирования.

    Learning ModuleJuniorMiddleSeniorEngineering DeliveryTesting

  • Frontend System Design

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

    Learning ModuleMiddleSeniorEngineering DeliveryFrontendSystemDesign

  • Frontend-архитектура

    Глубокий модуль по модульности, границам доменов, ownership и управлению сложностью frontend-систем.

    Learning ModuleMiddleSeniorEngineering DeliveryFrontendArchitecture

  • Git для командной разработки

    Модуль по рабочему git-процессу, code review, ветвлению и безопасным релизам.

    Learning ModuleJuniorMiddleSeniorEngineering DeliveryGit

  • HTML и CSS

    Глубокий модуль по семантике, доступности, layout-системам и практической верстке для собеседований.

    Learning ModuleJuniorMiddleSeniorFrontend FundamentalsHtmlCss

  • JavaScript

    Углубленный модуль по JS runtime, async, структурам данных и типичным interview-кейсам.

    Learning ModuleJuniorMiddleSeniorFrontend FundamentalsJavascript

  • NestJS

    Глубокий модуль по модульной архитектуре NestJS, DI, API-контрактам, безопасности и тестированию.

    Learning ModuleMiddleSeniorBackend FullstackNestjs

  • Next.js

    Модуль по App Router, server/client boundaries, кэшированию и стратегии рендера.

    Learning ModuleMiddleSeniorFrameworks TypesNextjs

  • Node.js

    Модуль по Node.js runtime, API-надежности, производительности и эксплуатации сервисов.

    Learning ModuleMiddleSeniorBackend FullstackNodejs

  • Package Managers и Bundlers

    Модуль по npm/pnpm/yarn, lockfile discipline, Vite/Webpack и управлению размером бандла.

    Learning ModuleJuniorMiddleSeniorEngineering DeliveryPackageManagersBundlers

  • React

    Углубленный модуль по React: рендеринг, state management, оптимизации и надежность UI.

    Learning ModuleJuniorMiddleSeniorFrameworks TypesReact

  • Tooling и Delivery

    Глубокий модуль по CI/CD, quality gates, релизным процессам и эксплуатационной устойчивости frontend.

    Learning ModuleMiddleSeniorEngineering DeliveryToolingDelivery

  • TypeScript

    Модуль по практическому TypeScript: тип-моделирование, API-контракты и безопасность рефакторинга.

    Learning ModuleMiddleSeniorFrameworks TypesTypescript

  • Web и сеть

    Глубокий модуль по HTTP, DNS, CORS, API-контрактам и сетевой диагностике.

    Learning ModuleJuniorMiddleSeniorFoundationsWebNetwork

Как учить, чтобы понимать и запоминать​

Это не «конспекты ради конспектов». Мы используем практики, которые реально повышают retention.

  1. Active Recall: после каждого урока закройте материал и объясните тему вслух за 1-2 минуты без подсказок.
  2. Spaced Repetition: повторяйте тему по циклу D1 -> D3 -> D7 -> D14 -> D30.
  3. Interleaving: чередуйте блоки (например, JavaScript + React, Web + Security), а не учите все «одним куском».
  4. Retrieval Practice: закрепляйте через Банк вопросов и кодовые мини-задачи в Песочнице.
  5. Transfer over memorization: на каждый концепт добавляйте кейс «как это сломается в проде и как это диагностировать».
  6. Feedback loop: для каждого модуля обязателен измеримый артефакт (runbook, таблица решений, baseline/after метрики).

Как отличать качественное обучение от «AI-текста»​

  1. Есть конкретные примеры, код и разбор ошибок, а не только определения.
  2. Есть проверяемые задачи с критериями готовности.
  3. Есть связь с реальными инцидентами, метриками и trade-offs.
  4. После прохождения остаются артефакты, которые можно показать на интервью и в работе.

Принципы наполнения​

  1. Каждый модуль должен отвечать на 3 вопроса: что это, как применять, где обычно ломается в проде.
  2. В каждом модуле есть обязательная практика и критерий готовности.
  3. Любая тема из Карты подготовки должна иметь прямой переход в глубокий урок.
  4. После теории всегда идет отработка через вопросы и код.

Карта модулей​

Блок 1. Web Foundations​

  1. Web и сеть
  2. Безопасность и хранение
  3. Рендеринг веб-страницы

Блок 2. Frontend Fundamentals​

  1. HTML и CSS
  2. JavaScript

Блок 3. Frameworks and Types​

  1. React
  2. Next.js
  3. TypeScript
  4. Популярные frontend-фреймворки

Блок 4. Engineering and Delivery​

  1. Инженерные принципы
  2. Frontend-архитектура
  3. Frontend System Design
  4. Тестирование frontend
  5. Tooling и Delivery
  6. Package Managers и Bundlers
  7. Git для командной разработки

Блок 5. Backend and Fullstack​

  1. Node.js
  2. NestJS
  3. Базы данных

Блок 6. Алгоритмическая подготовка​

  1. Алгоритмические интервью и чекпоинты

Формат каждого модуля​

  1. Цели и результат прохождения.
  2. Термины и аббревиатуры с расшифровкой.
  3. Фокус по грейдам: Junior/Middle/Senior.
  4. Пошаговая программа по темам.
  5. Мини-задачи в каждом уроке.
  6. Практика и мини-проекты.
  7. Связь с треками, банком вопросов и песочницей.
  8. Критерий готовности и артефакты.

Ритм прохождения​

  1. Junior ритм: 1 модуль за 5-7 дней.
  2. Middle ритм: 1 модуль за 3-5 дней.
  3. Senior ритм: 1 модуль за 2-4 дня + обязательный разбор кейсов.

Как понимать, что модуль реально пройден​

  1. Вы можете объяснить тему в 1-2 минуты без подсказок.
  2. Вы решили обязательные мини-задачи.
  3. Вы прошли релевантный набор вопросов в банке.
  4. Вы сделали минимум 1 практический разбор в песочнице.

Текущая волна углубления​

  1. Волна 1 (сделано): Web и сеть, JavaScript, React, TypeScript, Next.js, Node.js.
  2. Волна 2 (сделано): Безопасность, Рендеринг, HTML/CSS, Testing, Tooling/Delivery.
  3. Волна 3 (сделано): Архитектура, System Design, NestJS, Databases, Framework comparison.
  4. Волна 4 (сделано): Алгоритмические чекпоинты, матрица приоритетов интервью и deep-link практика в песочнице.