Получите новогоднюю скидку 20% до 18 декабря
А ещё 3 курса и 3 книги в подарок
Оставьте заявку — мы свяжемся с вами, расскажем о курсах и пришлём промокод

Условия акции
Технологии и навыки, которые вы освоите

JavaScript
TypeScript
CSS
PostCSS
Express
Server Side Rendering
HTTP
React
Handlebars
Canvas API
CI/CD
Yandex Cloud
Node.js
Jest
React Router
nginx
WebSocket
PostgreSQL
ORM
Docker
Программа курса
Рассчитана на 5,5 месяцев, учёбе нужно будет посвящать 20–25 часов в неделю
~30 минут
Бесплатно
Бесплатная вводная часть
Вы потренируетесь решать базовые задачи, познакомитесь с форматом и структурой программы. Узнаете, какие вас ожидают проекты на платном обучении. Спойлер: самостоятельный и командный проекты, код которых будет проверять команда профессиональных ревьюеров.
1 спринт・2 недели
Сборка проекта и шаблонизаторы
Модули
Узнаете, зачем нужны модули в JavaScript, и как они помогают структурировать код. Изучите различия между CJS и ESM. Разберётесь с вопросами зацикливания и закрепите знания на практике.
Node.js. Управление зависимостями через npm
Овладеете основами Node.js, научитесь управлять пакетами и зависимостями с помощью npm. Разберётесь со структурой проектов на Node.js и научитесь настраивать их с помощью npm scripts.
Разворачивание проекта с нуля с помощью Vite
Научитесь собирать фронтенд‑проекты с помощью Vite. Узнаете, как правильно сконфигурировать проект для эффективной разработки и сборки.
Хостинг для кода и проекта
Познакомитесь с Git: установкой, настройкой и базовыми командами. Научитесь развёртывать проекты на популярных платформах и настраивать автодеплой.
Архитектура CSS
Поймёте принципы организации стилей с помощью различных методологий. Изучите дизайн языка CSS, популярные подходы и препроцессоры, а также способы интеграции стилей в js‑код.
Структурирование кода по методологии БЭМ
Разберётесь, как организовать CSS и HTML с помощью методологии БЭМ. Изучите блоки, элементы, модификаторы, миксы и практические советы по построению проекта по БЭМ.
Доступные интерфейсы: A11y
Погрузитесь в стандарты WCAG, научитесь делать доступные интерфейсы и тестировать их, чтобы они оставались доступными для всех пользователей.
Шаблонизаторы: Handlebars
Научитесь создавать компоненты, отделять данные от разметки и внедрять программные элементы для эффективной генерации HTML.
Познакомитесь с популярными методологиями CSS, освоите лучшие практики БЭМ и начнёте создавать свой веб‑мессенджер
1 спринт・2 недели
TypeScript и компонентный подход
Продвинутый JavaScript
Узнаете всё про функции, замыкания и сложные структуры данных. Освоите асинхронность, генераторы, а также Proxy и Reflect.
ООП в JavaScript
Разберётесь с основами объектно‑ориентированного программирования. Узнаете, как применять эти принципы в JavaScript для создания гибких и поддерживаемых приложений.
Typescript
Изучите, какие проблемы имеет JavaScript из‑за отсутствия типизации и как TypeScript их решает. Познакомитесь с типами данных, их выводом и приведением, а также с поддержкой ООП. Научитесь внедрять TypeScript в проекты на Vite.
Архитектура фронтенд‑приложений
Освоите популярные паттерны (MVC, FSD) и методологии организации кода, включая БЭМ. Научитесь строить устойчивые проекты на практике.
Браузерные события
Подпишетесь на события в браузере, разберётесь с распространением и делегированием. Закрепите знания на практике, создавая интерактивные элементы.
Компоненты
Напишете собственный фреймворк. Реализуете в нём компонентный подход с реактивностью, жизненным циклом и управлением элементами. Научитесь на его основе строить масштабируемые интерфейсы любой сложности.
Codestyle и линтеры
Узнаете важность единого стиля кода, освоите инструменты его поддержания для JavaScript и CSS. Поймёте, как автоматизация помогает сохранить качество и удобство работы в команде.
Продолжите работу над веб‑мессенджером: примените принципы JavaScript, внедрите TypeScript и настроите автоматические проверки кода форматтером и линтерами
1 спринт・2 недели
Роутинг и работа с запросами
Роутинг
Научитесь работать с навигацией с помощью History API. Освоите управление переходами между страницами без перезагрузки и закрепите навыки на практике
HTTP, REST, API
Поймёте, как работает протокол HTTP и чем отличаются его версии, узнаете, что такое REST API и как тестировать запросы для эффективной работы с сервером
Работа с запросами
Научитесь создавать, отправлять и обрабатывать HTTP-запросы в приложениях. Разберётесь, как хранить данные из ответов сервера и эффективно взаимодействовать с API на практике
API чатов
Поймёте, как авторизовывать пользователей, освоите работу с файловыми ресурсами и познакомитесь с API Практикума для интеграции функционала чата в приложение
Продолжите работу над веб‑мессенджером: настроите нативный клиентский роутинг с помощью History API, напишете независимый HTTP-модуль и подключите в проект API Практикума
1 спринт・2 недели
Безопасность и эксплуатация
WebSocket
Познакомитесь с технологией WebSocket для двунаправленного обмена данными в реальном времени. Научитесь работать с WebScoket-соединениями и отправлять сообщения без постоянных запросов.
Typescript
Углубитесь в расширенные возможности TypeScript: объединение и обработка типов, полезные утилиты и поддержка актуальных стандартов ESNext. Отработаете навыки типизации через практические задачи.
Тесты
Научитесь писать баг‑репорты и настраивать unit‑тесты. Напишете тесты на разные модули приложения: от простых утилит до роутера.
Эксплуатация фронтенд‑приложений
Познакомитесь с инструментами автоматизации для рутинных задач. Научитесь работать с git-хукам, и узнаете, как поддерживать приложения после релиза.
Безопасность
Познакомитесь с разными видами атак (SQL, XSS, CSRF), принципами защиты и стратегиями обновления зависимостей. Поймёте, как обеспечивать безопасность веб‑приложений на практике.
Дополнительно про ИБ
Узнаете, как устроены службы информационной безопасности. Поймёте, как защищаться от DDoS-атак и почему полезно уметь не только защищать информационные системы, но и атаковать.
CDN
Разберётесь, как правильно размещать статические файлы и использовать CDN для ускорения загрузки ресурсов и повышения производительности сайта.
Утилита omit и другие
Изучите полезные утилиты для работы с данными и объектами в JavaScript, закрепите навыки их применения на практике.
Завершите работу над веб‑мессенджером: реализуете real-time обмен сообщениями с помощью протокола WebSocket, покроете приложение тестами и настроите pre-commit проверки кода
1 спринт・2 недели
Основы React
Сбор требований и проектирование функциональности
Научитесь собирать и анализировать потребности клиентов, делить ответственность между фронтом и бэком, а также формулировать ясные критерии завершения фич
Постановка задач по проекту
Освоите методы декомпозиции, описание задач и приоритизацию, чтобы планировать работу команды и фокусироваться на важных целях
Пользовательские сценарии
Изучите создание сценариев с помощью подхода User Story Mapping, чтобы проект отражал реальные потребности пользователей
Canvas API
Поработаете с графикой в браузере и создадите динамичные визуальные элементы с помощью ReactJS и Canvas
Погружение в React
Познакомитесь с компонентами, хуками, управлением состоянием, обработкой событий и ошибками. Освоите render props и работу с рефами
React Router
Настроите маршрутизацию в React‑приложениях и закрепите навык на практике
Игровые механики
Поработаете с анимациями и научитесь создавать производительные интерактивные эффекты
Утилита throttle
Освоите утилиту для ограничения частоты вызова функций и повышения производительности интерфейсов
Начнёте разрабатывать свою веб-игру: от идеи до реализации базовой механики с помощью React и Canvas API
1 спринт・2 недели
Продвинутый React, Redux и тестирование React приложений
HOC, контексты и оптимизация
Познакомитесь с контекстами, изучите компоненты высшего порядка, научитесь их композировать. Разберётесь с безопасностью и методами повышения производительности React‑приложений.
Хранение данных: Redux и селекторы
Изучите основы хранения и обработки данных, подключите Redux к проекту, освоите взаимодействие React и Redux, научитесь создавать селекторы и применять лучшие практики для эффективного стейт-менеджмента.
Тестирование в React
Научитесь писать компонентные тесты, а также тестировать интеграцию с Redux.
Service Workers
Познакомитесь с их жизненным циклом, подключением и настройкой кеширования для офлайн‑режима.
WEB API для игры: первая часть
Изучите управление полноэкранным режимом, определение геолокации, измерение производительности и управление уведомлениями.
Продолжите работу над веб-игрой: подключите Redux вместе с несколькими полезными библиотеками, напишете тесты и добавите запуск в офлайн-режиме с помощью Service Workers
1 спринт・2 недели
SSR и браузерные хранилища
Хранилища в WEB
Изучите локальные хранилища для хранения данных на клиенте, познакомитесь с IndexedDB и научитесь обмениваться данными между вкладками браузера
WEB API для игры: вторая часть
Освоите работу с мультимедийными API, файловой системой, игровыми контроллерами и управлением указателем. Познакомитесь с Web Workers для фоновой выполнения тяжёлых операция и создадите 3D и VR эффекты с WebGL и WebVR
Server Side Rendering
Разберётесь, когда нужен серверный рендеринг и нет. Научитесь рендерить React-приложения на сервере: от сборки и SEO-оптимизаций до CSS‑in-JS и Redux на сервере
Настройка аутентификации и авторизации
Настроите систему доступа пользователей с помощью OAuth, а также узнаете про другие способы авторизации. Изучите паттерны создания безопасных и надёжных приложений
Продолжите работу над веб‑игрой: настроите полноценный SSR с корректным роутингом и прокидыванием состояния на клиент, а также подключите OAuth авторизацию
1 спринт・2 недели
Контейнеризация и базы данных
Работа с базами данных
Поймёте, зачем фронтенду базы данных, освоите основы SQL и его синтаксис, а также узнаете преимущества и особенности NoSQL
Docker, Docker Compose и PostgreSQL
Научитесь создавать и настраивать окружение с помощью Docker и Docker Compose, работать с переменными окружения и запускать PostgreSQL для локальной разработки
Основы PostgreSQL
Изучите работу с таблицами, типами данных, ключами и связями. Освоите подзапросы, объединения и использование индексов для оптимизации
PSQL & NodeJS
Подключите PostgreSQL к NodeJS, используете ORM для работы с моделями, освоите управление связями, транзакциями и сложными запросами
Темизация приложения
Освоите лучшие практики внедрения темизации для персонализации пользовательского интерфейса
Продолжите работу над веб‑игрой: спроектируете схему базы данных для форума и напишете собственное API, реализуете темизацию для всех устройств пользователя
1 спринт・2 недели
CI/CD и подготовка к защите
Погружение в nginx
Освоите установку и запуск nginx, настроите раздачу статических файлов, проксирование и логирование. Изучите балансировку нагрузки, кэширование, сжатие, обеспечите безопасность через HTTPS и ускорите сайт с помощью HTTP/2.
Настройка инфраструктуры в Я. Облаке
Научитесь настраивать Яндекс.Облако, создавать ресурсы и автоматизировать деплой проекта, освоите базовые принципы CI/CD.
Закончите веб‑игру: внедрите CSP‑политики, настроите CI/CD для автодеплоя и поселите проект в Яндекс Облако
6 спринтов・12 недель
Модуль по React
Освоите на продвинутом уровне самую популярную библиотеку для фронтенда.
Ключевые технологии и инструменты
React, Redux, TypeScript, WebSocket, Jest
Ключевые темы
Погружение в React и Redux, роутинг, безопасность и TypeScript, протокол WebSocket и деплой приложения
Выполните 1 дополнительный проект: веб‑приложение на React и TypeScript
Бонус-курс・8 спринтов・12 недель
Алгоритмы и структуры данных
Вам предстоит изучать этот блок на протяжении всей программы. Вы познакомитесь с распространёнными алгоритмами и структурами данных, реализуете их на JavaScript и научитесь оценивать сложность алгоритмов. Этот курс даст вам возможность проходить собеседования в крупных компаниях и претендовать на высокие позиции.
Ключевые технологии и инструменты
BFS, DFS, BST, DOM, алгоритм Хаффмана, LIFO
Здесь мы собрали не оригинальные, но полезные задачи на знание алгоритмов — именно такие задачи часто встречаются на собеседованиях
Как будете учиться
Практикум AI помогает учиться
Когда в теории что-то непонятно, нейросеть объяснит это другими словами. А в конце каждого урока подготовит краткий пересказ о самом главном.
Этот курс может оплатить
ваш работодатель
Полностью или разделив оплату с вами,
например 50/50 или 75/25
  • Расскажем всё про курс
  • Сообщим стоимость
  • Ответим на ваши вопросы
  • Подготовим договор и счёт

Оставьте заявку, получите скидку 20% и набор подарков

 
  •                                        
Отвечаем на вопросы
Можно ли поднять свой уровень до мидл за 5,5 месяца?
Мы рассчитываем, что каждый наш выпускник сможет претендовать на позицию мидл-разработчика в лучших продуктовых и аутсорс-компаниях. 

Это происходит за счёт интенсивного изучения новых технологий и практики, командного взаимодействия с опытными одногруппниками и менторами. Курс ориентирован на нагрузку около 15–20 часов в неделю с упором на практику. Вы не просто слушаете лекции о том, какие есть технологии, а сразу применяете их в проектах. Вы пройдёте полный цикл разработки веб-приложения от создания макетов или их использования до сдачи в продакшн. Каждый раз будете либо применять новый стек технологий, либо углубляться в то, что было изучено раньше.
Что мне нужно знать и уметь, чтобы проходить курс?
JS, CSS и HTML, а ещё у вас должен быть опыт в коммерческой разработке.
Что делать, если я не справлюсь с нагрузкой?
В программе предусмотрены каникулы, во время которых можно отдохнуть или повторить сложные темы.

Если случилось непредвиденное или понадобилось больше времени на закрепление материала, напишите своему куратору. Он поможет перенести дедлайн сдачи проекта или перевестись в более поздний поток. На общую стоимость курса это не повлияет.
Получу ли я какой-то документ после курса?
Да, для этого нужно закончить курс и успешно выполнить итоговый проект. Тогда выдадим вам сертификат о переподготовке в электронном виде.

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

Но если у вас появится вопрос о карьерном развитии, обратитесь в нашу службу поддержки — постараемся ответить.
Если не понравится, я могу вернуть деньги?
Конечно. Если поток ещё не стартовал, вернём всю сумму. Если учёба уже началась, придётся оплатить прошедшие дни со старта вашего первого потока — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.
Как можно оплатить?
Банковской картой: внести всю сумму сразу или платить ежемесячно.

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 30 календарных дней. Например, оплатили 25 марта — следующий платёж пройдёт 24 апреля. Обучение будет стоить меньше, если оплатить весь курс сразу.

Через компанию: юридические лица также могут оплатить обучение в Практикуме. Чтобы заказать счёт для оплаты, оставьте заявку на странице для корпоративных клиентов.
На каком языке проходит обучение?
Всё будет на русском: теория, практические задания и вебинары, а ещё чаты с куратором, наставником и другими студентами.

Давайте поможем

Мы работаем с 12:00 до 21:00 по Астане и связываемся в течение одного дня. Если оставите заявку сейчас, то перезвоним уже в рабочее время.