Профессия JavaScript-разработчик онлайн | React, Vue, TypeScript | ТЕРАКОР

Как устроена программа

Не «HTML + немного JS + React за несколько занятий»

Сначала фундамент JavaScript и браузера → затем TypeScript → HTTP и REST → Vue → React → архитектура, тесты и production. Два framework нужны не чтобы «выучить всё сразу», а чтобы увидеть разные подходы к одним и тем же задачам.

Основной навык программы — разрабатывать полноценные frontend-приложения, а не запоминать API конкретной библиотеки. Программа ориентирована на формирование навыков, которые ждут от современного frontend-разработчика.

  • Сначала язык и браузер, потом framework
  • TypeScript — полноценный модуль, не обзор
  • Vue и React: два подхода, одна инженерная база
  • 60–70% времени — практика, ДЗ и code review
  • Три проекта: Vue, React и итоговая система

Как проходит обучение

Живые онлайн-занятия: преподаватель объясняет материал, вы пишете код, задаёте вопросы и разбираете решения. После занятия доступна запись.

2 раза в неделю

Фиксированные вечерние слоты — онлайн

4 ак. ч. за занятие

8 ч с преподавателем в неделю

Свой код, не просмотр

Live coding, задания и разбор ваших решений

Code review

Обратная связь по домашним заданиям и проектам

Объём программы

450 академических часов

Полный путь примерно за 5 месяцев: живые онлайн-занятия и самостоятельная практика между встречами.

150 ак. ч.

Занятия с преподавателем

Живые занятия, объяснение материала и разбор решений.

300 ак. ч.

Самостоятельная работа

Домашние задания, мини-проекты, Vue/React и итоговый проект.

450 ак. ч.

Итого по программе

Соотношение 1 : 2 — на каждый час с преподавателем два часа практики.

1 академический час = 45 минут. После каждого модуля — практическое задание или этап одного из трёх проектов.

Ближайший набор

Даты старта уточняйте при записи. Видеозаписи занятий хранятся без ограничения по сроку. На занятиях не просто смотрим код преподавателя: студенты пишут собственный код, получают задания и разбирают решения.

Дорожная карта

Шесть этапов · полный путь примерно за 5 месяцев

150 часов с преподавателем и 300 часов практики — от вёрстки до production-сборки

≈ 5 месяцев 8 ак. ч. / неделя ДЗ и review 3 проекта
0150 ак. ч.

Фундамент языка и браузера

HTML/CSS, JavaScript, асинхронность, DOM и Browser API

Модули 1–4

0224 ак. ч.

Инструменты, TypeScript и API

Git, Vite, типы и взаимодействие frontend с backend

Модули 5–7

0320 ак. ч.

Vue 3 и PulseDesk

Composition API, Pinia, Router и первый большой проект

Модуль 8 · проект на Vue

0422 ак. ч.

React и CourseBoard

Hooks, Router, Redux Toolkit и второй большой проект

Модуль 9 · проект на React

0526 ак. ч.

Архитектура и качество

Структура, тесты, безопасность и производительность

Модули 10–13

068 ак. ч.

Production и защита

Docker, Nginx, интервью и защита итоговой системы

Модуль 14 · итоговый проект

Для кого программа

Кому подходит обучение

Начинающим

Хотите освоить frontend системно, а не собирать картину из разрозненных видео.

Кто знает HTML/CSS

Верстка есть, не хватает JavaScript, TypeScript и современных framework.

Начинающим JS-разработчикам

Нужно систематизировать базу и перейти к Vue, React и работе с API.

Backend-разработчикам

Хотите самостоятельно собирать frontend для своих сервисов.

Не обещаем

Не обещаем трудоустройство, «Middle за N месяцев» или оффер. Даём инженерную подготовку, проекты и обратную связь. Если нет времени на практику — лучше индивидуальный формат.

Что вы будете уметь

После программы студент самостоятельно собирает современные frontend-приложения и работает с существующим backend через API

Писать приложения на JavaScript и TypeScript

Понимать работу языка, а не только API framework

Работать с DOM, событиями и Browser API

Взаимодействовать с backend по HTTP и REST

Создавать SPA на Vue и на React

Проектировать компонентную архитектуру и state

Писать unit и integration tests

Учитывать XSS, CSRF и безопасное хранение токенов

Собирать production-сборку и выкладывать SPA

Ключевой стек

Технологии программы

Главные акценты — JavaScript, TypeScript, Vue и React. Остальное — рабочий контур современного frontend.

JavaScript TypeScript Vue React HTML5 CSS3 Git npm Vite REST API Vitest / Jest Docker
Этап 1 · 50 ак. ч.

Язык и браузер

HTML/CSS, JavaScript, замыкания, event loop, DOM, Fetch.

Этап 2 · 24 ак. ч.

TypeScript и API

Типы, Vite, Git-процесс, HTTP, REST, состояния загрузки и ошибок.

Этапы 3–4 · 42 ак. ч.

Vue 3 и React

PulseDesk, CourseBoard и два подхода к современному frontend.

Этапы 5–6 · 34 ак. ч.

Архитектура, качество и production

Тесты, security, performance, Docker, интервью и защита.

Программа из PDF

14 модулей — от языка до production

Сначала фундамент JavaScript и браузера, затем TypeScript, Vue 3, React, архитектура, качество и публикация приложения.

≈ 5 месяцевпродолжительность
150 ак. ч.с преподавателем
300 ак. ч.самостоятельная практика
3 проектаVue · React · итоговый
HTML/CSS JavaScript Браузер TypeScript Vue 3 React Production

Модуль 018 ак. ч.

HTML и CSS для разработчика

  • Семантика, доступность, формы и валидация
  • Box model, Flexbox, CSS Grid, адаптив и DevTools

Результат: адаптивный экран с формой и проверкой доступности.

Модуль 0216 ак. ч.

JavaScript: основы

  • Типы, функции, область видимости, условия и циклы
  • Объекты, массивы, коллекции, деструктуризация, spread/rest и ES-модули

Результат: функции расчёта стоимости с проверкой входных данных.

Модуль 0316 ак. ч.

JavaScript: углублённый уровень

  • Execution context, замыкания, this, прототипы и классы
  • Event loop, Promise, async/await, ошибки и декомпозиция

Результат: задачи на замыкания, асинхронность и обработку событий.

Модуль 0410 ак. ч.

DOM и браузер

  • DOM, делегирование событий, формы и Browser API
  • Storage, Fetch, CORS, Network и основы производительности

Результат: интерактивная форма с событиями и localStorage.

Модуль 056 ак. ч.

Git и инструменты разработки

  • GitHub, ветки, pull request, конфликты и code review
  • npm, Vite, ESLint, Prettier, env и сборка

Результат: репозиторий с Vite, lint, историей и README.

Модуль 0612 ак. ч.

TypeScript

  • Types, interfaces, unions, generics, narrowing и type guards
  • Utility types, доменная модель, формы и ответы API

Результат: типы для заявок, пользователей, форм и API.

Модуль 076 ак. ч.

HTTP и REST API

  • Методы, статусы, заголовки, JSON, CORS и контракт API
  • Токены, загрузка, ошибки, пагинация и фильтры

Результат: REST-клиент с обработкой состояний и пагинацией.

Модуль 0820 ак. ч.

Vue 3

  • SFC, Composition API, script setup, props, emits, слоты и composables
  • Vue Router, Pinia, формы, API и защищённые маршруты

Проект PulseDesk: панель заявок с ролями, CRUD, фильтрами, пагинацией, Pinia и адаптивным интерфейсом.

Модуль 0922 ак. ч.

React

  • Компоненты, hooks, custom hooks, формы и маршрутизация
  • Context, Redux Toolkit, API, code splitting и основы производительности

Проект CourseBoard: кабинет образовательного сервиса с программами, прогрессом, поиском и состоянием приложения.

Модуль 1010 ак. ч.

Архитектура frontend

  • Страницы, функции, сервисы, API-слой и границы компонентов
  • Состояние, SOLID, DRY и feature-based структура

Результат: архитектурная переработка CourseBoard.

Модуль 118 ак. ч.

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

  • Vitest, React Testing Library и Vue Test Utils
  • Формы, async-состояния, ошибки и пользовательские сценарии

Результат: тесты критических сценариев проекта.

Модуль 124 ак. ч.

Безопасность frontend

  • XSS, CSRF, cookies, токены и безопасный вывод данных
  • Границы браузера и сервера при аутентификации

Результат: аудит и исправление безопасности проекта.

Модуль 134 ак. ч.

Производительность

  • Lighthouse, Core Web Vitals, profiling и lazy loading
  • Code splitting, изображения, загрузка и перерисовки

Результат: замеры и оптимизация CourseBoard.

Модуль 148 ак. ч.

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 и защитой.

01 Проект на Vue 3

PulseDesk

Панель заявок

CRM-сервис: авторизация, роли, CRUD, таблицы, формы, фильтры, пагинация, Pinia, REST API и адаптив.

  • Vue 3
  • Pinia
  • REST API
  • CRUD
02 Проект на React

CourseBoard

SaaS-дашборд

Образовательный сервис: React Router, Redux Toolkit, custom hooks, валидация, поиск, сортировка и архитектура компонентов.

  • React
  • Redux Toolkit
  • Router
  • Hooks
03 Итоговый проект

Frontend-система

Сервис с защитой

TypeScript, React или Vue, роли, полный CRUD, тесты, Git, review и защита. Backend — учебный REST API.

  • TypeScript
  • React / Vue
  • Тесты
  • Защита

Практика на каждом этапе

На занятиях не просто смотрим код преподавателя. Студенты пишут собственный код, получают задания и разбирают решения.

Домашние задания

После блоков — свои решения, не копирование демо

Live coding

Пишем вместе, затем вы доводите решение сами

Code review

Разбор качества, архитектуры и типичных ошибок

Официальный сертификат

После итоговой аттестации — именной сертификат с названием программы, объёмом часов и номером для проверки. Русская и английская версии.

  • Лицензированный учебный центр
  • Социальный налоговый вычет 13%
  • Можно приложить к резюме и LinkedIn

Тарифы и стоимость

Цена вынесена в конфигурацию программы и может быть уточнена. Рассрочка без переплаты.

Рекомендуем с нуля

Полный путь

≈ 5 месяцев · 450 ак. ч.

  • 150 ч — с преподавателем
  • 300 ч — практика и проекты
90 000 ₽

рассрочка 3 × 30 000 ₽ · от 15 000 ₽/мес

  • JavaScript, TypeScript, Vue, React
  • REST API, архитектура, тесты, Docker
  • 2 вечера в неделю · 4 ак. ч. · онлайн
  • Три проекта и code review
  • Записи занятий без ограничения срока
Записаться на полный путь
Есть база JS и вёрстки

Frontend Upgrade

4 месяца · 384 ак. ч.

  • 128 ч — с преподавателем
  • 256 ч — практика и проекты
72 000 ₽

рассрочка 3 × 24 000 ₽

  • TypeScript, Vue, React, архитектура
  • Без модулей 1–4: HTML/CSS и базовый JS
  • Те же проекты и code review
  • Входная проверка уровня перед стартом
Записаться на Upgrade

Гос. лицензия

Лицензия № Л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.9 на основе 1549 отзывов

Записаться на программу →

Ближайший поток стартует в первый понедельник следующего месяца · осталось 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-компаний
Индивидуальный формат

Индивидуальное обучение по выбранным темам

Не нужно проходить весь курс, если вам нужны конкретные темы. Выбирайте модули из программы, разбирайте свой проект, закрывайте пробелы и двигайтесь в удобном темпе с преподавателем-практиком.

Стоимость индивидуального занятия от 3 000 ₽ за 1 академический час
  • Темы можно выбирать: берём только то, что нужно для работы, собеседования или проекта.
  • Индивидуальный план под ваш уровень: от базы до продвинутой архитектуры и практики.
  • Помощь с кодом, домашними заданиями, pet-проектом или рабочими задачами.
Записаться на индивидуальное обучение
Связаться с нами ТЕРАКОР

Оставьте заявку — специалист ответит в ближайшее время

Место нахождения г. Саратов, 1-й проезд имени С.Т. Разина, 3/7, 306, индекс 410054
Фактический адрес для встреч и консультаций в г. Москве ул. Каланчёвская, д. 15, м. Каланчёвская (по предварительной записи)
Фактический адрес для встреч и консультаций в Московской области, г. Королёв ул. Грабина, 5/2 (по предварительной записи)

ТЕРАКОР · ул. Каланчёвская, д. 15, м. Каланчёвская (по предварительной записи)

Открыть на Яндекс.Картах
Получить программу и цены