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

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
Усилите свои хардскилы с помощью ИИ
В модуле по нейросетям вы научитесь:
  • Писать точные промпты и получать предсказуемые результаты
  • Использовать подходы zero‑shot и few‑shot
  • Выбирать AI‑инструменты для разных сценариев
  • Планировать проекты и декомпозировать задачи с помощью ИИ
  • Понимать ограничения моделей и риски при работе с нейросетями
  • Проверять ответы ИИ и уменьшать число галлюцинаций
Программа курса
Рассчитана на 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
  • Безопасность
  • Этика
Принципы и ограничения
Поймёте, почему нейросети ошибаются при генерации кода и как этого избежать. Научитесь проводить ревью ИИ‑решений: находить несуществующие функции и логические ошибки.
Выбор инструментов
Сравните облачные и локальные модели, IDE‑плагины и AI‑чаты. Научитесь подбирать ИИ‑инструменты под конкретные задачи, исходя из их стоимости и функциональности.
Основы промптинга
Разберёте структуру запроса: контекст, задачу, формат. Освоите zero‑shot, few‑shot, chain‑of‑thought, чтобы получать точные и предсказуемые ответы.
Планирование и декомпозиция
Узнаете, как разбивать объёмные задачи на подзадачи, а также планировать рабочие и личные проекты с помощью ИИ.
Освоите промпт‑инжиниринг, научитесь выбирать оптимальные ИИ‑решения и выявлять галлюцинации
Как будете учиться
2 формата обучения на выбор
  • С дедлайнами. Модули открываются по расписанию — их важно проходить за определённое время. Проекты тоже нужно сдавать точно в срок.
  • В своём темпе. Темы и задания открываются по мере прохождения. Можно завершить курс быстрее или продлить обучение на месяц.

    Подробнее об обучении в своём темпе
Практикум ИИ помогает учиться
Когда в теории что‑то непонятно, нейросеть ответит на вопросы или объяснит материал другими словами. А в конце каждого урока подготовит краткий пересказ о самом главном.
Этот курс может оплатить
ваш работодатель
Полностью или разделив оплату с вами,
например 50/50 или 75/25
  • Расскажем всё про курс
  • Сообщим стоимость
  • Ответим на ваши вопросы
  • Подготовим договор и счёт
 
Есть оплата через работодателя, свою компанию или ИП.
  •                                        
Отвечаем на вопросы
Можно ли поднять свой уровень до мидл за 5,5 месяца?
Мы рассчитываем, что каждый наш выпускник сможет претендовать на позицию мидл-разработчика в лучших продуктовых и аутсорс-компаниях РФ. 

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

Если вам нужно больше времени на выполнение проекта, напишите куратору. Он подскажет, как согласовать новый дедлайн.
Обучение в своём темпе — это как?
Этот курс можно пройти в одном из двух форматов:

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

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

Тогда вы получите диплом о профессиональной переподготовке, если у вас есть среднее профессиональное или высшее образование. Если нет, отправим вам сертификат о прохождении курса в электронном виде.

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

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

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

Через компанию, если она налоговый резидент РФ. Условия для юридических лиц и ИП отличаются — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.
Можно ли оплатить курс за счёт работодателя?
Да, работодатель может оплатить учёбу полностью или разделить сумму с вами, например 50/50 или 75/25.

Такая оплата пройдёт по счёту или двустороннему договору, а ИП могут оплатить с бизнес-счёта. Если работодатель купит обучение сразу 10 сотрудникам или больше, сделаем скидку 10%.

Условия для юридических лиц и ИП отличаются — чтобы узнать подробнее, оставьте заявку или уточните у вашего менеджера.
Что такое налоговый вычет на обучение и как его получить?
Налоговый вычет может получить тот, кто работает по трудовому договору и является налоговым резидентом Российской Федерации, то есть 183 дня в году находится на территории страны.

Вот инструкция, которая поможет всё оформить.

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

Напишите, как вас зовут и по какому номеру можно связываться, — в течение 30 минут позвоним и расскажем всё про курсы

Как планируете учиться?