Профессия · Frontend-разработкаПрофессия
JavaScript-разработчик
Освойте JavaScript, TypeScript, Vue и React, создайте современные frontend-приложения и подготовьтесь к реальной работе в разработке. В программе — чистый код, архитектура, работа с API и современные инструменты.
JavaScript, TypeScript, Vue 3 и React. Современные frontend-приложения, архитектура и работа с API.
Реальные frontend-задачи, code review, командные проекты и закрепление навыков в собственной практике.
Основные занятия ведёт Сергей Валерьевич Герасименко — практикующий разработчик и основатель ТЕРАКОР и ТЕРАКОР Digital.
- JavaScript
- TypeScript
- Vue 3
- React
- REST API
Как проходит обучение
Живые онлайн-занятия: преподаватель объясняет материал, вы пишете код, задаёте вопросы и разбираете решения. После занятия доступна запись.
2 раза в неделю
Фиксированные вечерние слоты — онлайн
4 ак. ч. за занятие
8 ч с преподавателем в неделю
Свой код, не просмотр
Live coding, задания и разбор ваших решений
Code review
Обратная связь по домашним заданиям и проектам
Объём программы
Полный путь примерно за 5 месяцев: живые онлайн-занятия и самостоятельная практика между встречами.
150 ак. ч.
Занятия с преподавателем
Живые занятия, объяснение материала и разбор решений.
300 ак. ч.
Самостоятельная работа
Домашние задания, мини-проекты, Vue/React и итоговый проект.
450 ак. ч.
Итого по программе
Соотношение 1 : 2 — на каждый час с преподавателем два часа практики.
1 академический час = 45 минут. После каждого модуля — практическое задание или этап одного из трёх проектов.
Ближайший набор
Даты старта уточняйте при записи. Видеозаписи занятий хранятся без ограничения по сроку. На занятиях не просто смотрим код преподавателя: студенты пишут собственный код, получают задания и разбирают решения.
Дорожная карта
Шесть этапов · полный путь примерно за 5 месяцев
150 часов с преподавателем и 300 часов практики — от вёрстки до production-сборки
Фундамент языка и браузера
HTML/CSS, JavaScript, асинхронность, DOM и Browser API
Модули 1–4
Инструменты, TypeScript и API
Git, Vite, типы и взаимодействие frontend с backend
Модули 5–7
Vue 3 и PulseDesk
Composition API, Pinia, Router и первый большой проект
Модуль 8 · проект на Vue
React и CourseBoard
Hooks, Router, Redux Toolkit и второй большой проект
Модуль 9 · проект на React
Архитектура и качество
Структура, тесты, безопасность и производительность
Модули 10–13
Production и защита
Docker, Nginx, интервью и защита итоговой системы
Модуль 14 · итоговый проект
Для кого программа
Кому подходит обучение
Начинающим
Хотите освоить frontend системно, а не собирать картину из разрозненных видео.
Кто знает HTML/CSS
Верстка есть, не хватает JavaScript, TypeScript и современных framework.
Начинающим JS-разработчикам
Нужно систематизировать базу и перейти к Vue, React и работе с API.
Backend-разработчикам
Хотите самостоятельно собирать frontend для своих сервисов.
Не обещаем
Не обещаем трудоустройство, «Middle за N месяцев» или оффер. Даём инженерную подготовку, проекты и обратную связь. Если нет времени на практику — лучше индивидуальный формат.
Что вы будете уметь
После программы студент самостоятельно собирает современные frontend-приложения и работает с существующим backend через API
Ключевой стек
Технологии программы
Главные акценты — JavaScript, TypeScript, Vue и React. Остальное — рабочий контур современного frontend.
Язык и браузер
HTML/CSS, JavaScript, замыкания, event loop, DOM, Fetch.
TypeScript и API
Типы, Vite, Git-процесс, HTTP, REST, состояния загрузки и ошибок.
Vue 3 и React
PulseDesk, CourseBoard и два подхода к современному frontend.
Архитектура, качество и production
Тесты, security, performance, Docker, интервью и защита.
Программа из PDF
14 модулей — от языка до production
Сначала фундамент JavaScript и браузера, затем TypeScript, Vue 3, React, архитектура, качество и публикация приложения.
HTML и CSS для разработчика
- Семантика, доступность, формы и валидация
- Box model, Flexbox, CSS Grid, адаптив и DevTools
Результат: адаптивный экран с формой и проверкой доступности.
JavaScript: основы
- Типы, функции, область видимости, условия и циклы
- Объекты, массивы, коллекции, деструктуризация, spread/rest и ES-модули
Результат: функции расчёта стоимости с проверкой входных данных.
JavaScript: углублённый уровень
- Execution context, замыкания, this, прототипы и классы
- Event loop, Promise, async/await, ошибки и декомпозиция
Результат: задачи на замыкания, асинхронность и обработку событий.
DOM и браузер
- DOM, делегирование событий, формы и Browser API
- Storage, Fetch, CORS, Network и основы производительности
Результат: интерактивная форма с событиями и localStorage.
Git и инструменты разработки
- GitHub, ветки, pull request, конфликты и code review
- npm, Vite, ESLint, Prettier, env и сборка
Результат: репозиторий с Vite, lint, историей и README.
TypeScript
- Types, interfaces, unions, generics, narrowing и type guards
- Utility types, доменная модель, формы и ответы API
Результат: типы для заявок, пользователей, форм и API.
HTTP и REST API
- Методы, статусы, заголовки, JSON, CORS и контракт API
- Токены, загрузка, ошибки, пагинация и фильтры
Результат: REST-клиент с обработкой состояний и пагинацией.
Vue 3
- SFC, Composition API, script setup, props, emits, слоты и composables
- Vue Router, Pinia, формы, API и защищённые маршруты
Проект PulseDesk: панель заявок с ролями, CRUD, фильтрами, пагинацией, Pinia и адаптивным интерфейсом.
React
- Компоненты, hooks, custom hooks, формы и маршрутизация
- Context, Redux Toolkit, API, code splitting и основы производительности
Проект CourseBoard: кабинет образовательного сервиса с программами, прогрессом, поиском и состоянием приложения.
Архитектура frontend
- Страницы, функции, сервисы, API-слой и границы компонентов
- Состояние, SOLID, DRY и feature-based структура
Результат: архитектурная переработка CourseBoard.
Тестирование
- Vitest, React Testing Library и Vue Test Utils
- Формы, async-состояния, ошибки и пользовательские сценарии
Результат: тесты критических сценариев проекта.
Безопасность frontend
- XSS, CSRF, cookies, токены и безопасный вывод данных
- Границы браузера и сервера при аутентификации
Результат: аудит и исправление безопасности проекта.
Производительность
- Lighthouse, Core Web Vitals, profiling и lazy loading
- Code splitting, изображения, загрузка и перерисовки
Результат: замеры и оптимизация CourseBoard.
Production, интервью и защита
- Docker, Nginx, базовый CI/CD и развёртывание — 4 ак. ч.
- Техническое собеседование по JavaScript, TypeScript, браузеру и Vue/React — 2 ак. ч.
- Презентация и защита итогового проекта — 2 ак. ч.
Итог: frontend-система на React или Vue с TypeScript, ролями, CRUD, REST API, тестами, README и опубликованным демо.
После каждого модуля — практическое задание с разбором кода. За программу вы создадите PulseDesk на Vue 3, CourseBoard на React и индивидуальную итоговую frontend-систему.
Скачать PDFПортфолио за программу
Практика и проекты
Не Todo List. Два framework-проекта и итоговая система с code review и защитой.
PulseDesk
Панель заявок
CRM-сервис: авторизация, роли, CRUD, таблицы, формы, фильтры, пагинация, Pinia, REST API и адаптив.
- Vue 3
- Pinia
- REST API
- CRUD
CourseBoard
SaaS-дашборд
Образовательный сервис: React Router, Redux Toolkit, custom hooks, валидация, поиск, сортировка и архитектура компонентов.
- React
- Redux Toolkit
- Router
- Hooks
Frontend-система
Сервис с защитой
TypeScript, React или Vue, роли, полный CRUD, тесты, Git, review и защита. Backend — учебный REST API.
- TypeScript
- React / Vue
- Тесты
- Защита
Практика на каждом этапе
На занятиях не просто смотрим код преподавателя. Студенты пишут собственный код, получают задания и разбирают решения.
Домашние задания
После блоков — свои решения, не копирование демо
Live coding
Пишем вместе, затем вы доводите решение сами
Code review
Разбор качества, архитектуры и типичных ошибок
Официальный сертификат
После итоговой аттестации — именной сертификат с названием программы, объёмом часов и номером для проверки. Русская и английская версии.
- Лицензированный учебный центр
- Социальный налоговый вычет 13%
- Можно приложить к резюме и LinkedIn


Тарифы и стоимость
Цена вынесена в конфигурацию программы и может быть уточнена. Рассрочка без переплаты.
Полный путь
≈ 5 месяцев · 450 ак. ч.
- 150 ч — с преподавателем
- 300 ч — практика и проекты
рассрочка 3 × 30 000 ₽ · от 15 000 ₽/мес
- JavaScript, TypeScript, Vue, React
- REST API, архитектура, тесты, Docker
- 2 вечера в неделю · 4 ак. ч. · онлайн
- Три проекта и code review
- Записи занятий без ограничения срока
Frontend Upgrade
4 месяца · 384 ак. ч.
- 128 ч — с преподавателем
- 256 ч — практика и проекты
рассрочка 3 × 24 000 ₽
- TypeScript, Vue, React, архитектура
- Без модулей 1–4: HTML/CSS и базовый JS
- Те же проекты и code review
- Входная проверка уровня перед стартом
Гос. лицензия
Лицензия № Л035-01279-64/05620299. Выдана Министерством образования.
Возврат 13%
Социальный налоговый вычет за обучение.
Сертификат
Именной документ с номером для проверки подлинности.
FAQ
Частые вопросы
Формат, сроки и то, с какого уровня можно зайти на программу.
01 Занятия онлайн или очно?
Онлайн, в живом формате с преподавателем. Можно задавать вопросы в реальном времени. После занятия доступна запись.
02 Почему в программе и Vue, и React?
Сначала вы получаете базу JavaScript и TypeScript. Затем видите два подхода к одним задачам. Цель — понимание frontend-разработки, а не заучивание API одной библиотеки.
03 Сколько длится программа?
Примерно 5 месяцев: 150 ак. ч. живых занятий и 300 ак. ч. самостоятельной практики.
04 Нужен ли опыт программирования?
Для полного пути — нет. Для Frontend Upgrade нужна уверенная вёрстка и JavaScript: уровень проверяем перед стартом.
Не нашли ответ? Напишите нам — разберём ваш случай
Отзывы о занятиях
Отзывы студентов ТЕРАКОР о JavaScript и смежных программах
Обучение лично у основателя ТЕРАКОР
Сергей Валерьевич Герасименко
Руководитель ТЕРАКОР Digital · ведущий преподаватель
Ближайший поток стартует в первый понедельник следующего месяца · осталось 4 места
Возможны вечерние занятия и обучение в выходные.
Все основные программы центра ведёт Сергей Валерьевич Герасименко — практикующий full-stack разработчик, технический директор и основатель ТЕРАКОР и ТЕРАКОР Digital.
Вы обучаетесь не у преподавателя-теоретика, а у специалиста, который сам разрабатывает программные системы и применяет технологии в коммерческих проектах.
Один руководитель.Два направления.Единая инженерная практика.
Сергей Герасименко — ведущий преподаватель и практикующий разработчик с многолетним опытом преподавания в ведущих учебных центрах страны. Проектирует современные программные системы и переносит рабочие инженерные практики в обучение.
-
17+
лет в Enterprise-разработке
-
25 000+
специалистов подготовил
-
5 000+
технических собеседований провёл
Enterprise-опыт, а не пересказ документации
Создавал программное обеспечение для Управления ОАО «РЖД» и спроектировал корпоративную систему «САОС» для массовых опросов. Система победила в конкурсе инновационных проектов РЖД и сегодня используется в крупных организациях. На занятиях Сергей разбирает именно те задачи, с которыми разработчики сталкиваются в реальных коммерческих компаниях.
Знает требования рынка изнутри
Проводит tech-собеседования для банков и IT-команд. На программе — JavaScript, TypeScript, Vue, React, REST API и архитектура frontend-приложений.
Программа курса выстроена на основе реальных требований работодателей — именно тех, которые Сергей проверяет на собеседованиях каждый день.
Ключевые компетенции
-
Enterprise-архитектура — проектирование высоконагруженных систем (опыт в ОАО «РЖД»)
-
JavaScript и TypeScript — язык, браузер, современные frontend-приложения
-
Vue и React — два подхода к SPA, состояние, маршрутизация и работа с API
-
Frontend в коммерческой разработке — ТЕРАКОР Digital: интерфейсы и связка frontend с backend API
-
System Design — подготовка к архитектурным секциям собеседований уровня Middle+
-
Техническое интервью — 5 000+ проведённых собеседований для банков и IT-компаний
Индивидуальное обучение по выбранным темам
Не нужно проходить весь курс, если вам нужны конкретные темы. Выбирайте модули из программы, разбирайте свой проект, закрывайте пробелы и двигайтесь в удобном темпе с преподавателем-практиком.
- Темы можно выбирать: берём только то, что нужно для работы, собеседования или проекта.
- Индивидуальный план под ваш уровень: от базы до продвинутой архитектуры и практики.
- Помощь с кодом, домашними заданиями, pet-проектом или рабочими задачами.
ТЕРАКОР · ул. Каланчёвская, д. 15, м. Каланчёвская (по предварительной записи)
Открыть на Яндекс.Картах