О курсеПрограммаКак проходит курсКоманда курсаСтоимость
КомпаниямПопробовать бесплатно
Технологии и навыки, которые вы освоите

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, чтобы получать точные и предсказуемые ответы.
Планирование и декомпозиция
Узнаете, как разбивать объёмные задачи на подзадачи, а также планировать рабочие и личные проекты с помощью ИИ.
Освоите промпт‑инжиниринг, научитесь выбирать оптимальные ИИ‑решения и выявлять галлюцинации
Как проходит курс
Онлайн, где угодно и в удобное время
Вам понадобятся только компьютер и доступ к интернету. Время воркшопов будет назначаться в процессе, а самостоятельные задачи можно делать когда угодно.
На практике и примерах из жизни
Объясним теорию простым языком, а вы закрепите её с помощью тренажёра, в реальной среде разработки и на полноценных проектах.
На проектах, которые пойдут в портфолио
Вы поймёте, как устроены фреймворки, и самостоятельно сделаете мессенджер, используя только JavaScript, TypeScript, CSS и API браузера. После этого освоите сложные технологии и разработаете вместе с командой полноценную веб‑игру, а также сможете попробовать себя в роли тимлида.
2 формата на выбор
  • С дедлайнами. Модули открываются по расписанию — их важно осваивать за определённое время. Проекты тоже нужно сдавать в срок.
  • В своём темпе. Темы и задания открываются последовательно. Можно завершить курс быстрее или продлить прохождение на месяц.

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

Если у вас есть вопросы, оставьте заявку — мы позвоним

Менеджер расскажет о курсе и предложит персональную скидку

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

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

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

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

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

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

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

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

Чтобы вам было проще сориентироваться, мы указываем примерную стоимость в долларах США, но списание будет в казахстанских тенге, а конвертация — по курсу вашего банка.

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

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

А если не любите голосом — напишите:
Политика конфиденциальности