Живые вебинары, ментор и работа в команде, которые прокачают с нуля до junior фронтенд-разработчика
Уже записались?
Вы можете оплатить курс и приступить к обучению.
Персональный ментор
Формат: онлайн
Длительность обучения: 3 месяца
Старт: 29 июля
Решайте реальные задачи, учитесь работать в команде и осваивайте самые актуальные технологии
Полезная практика
Комплексная система, которая поможет получить выгодные офферы в перспективных проектах
Помощь
с трудоустройством
3 месяца буткемпа заменят 1,5 года самообучения и курсов
Занятия 4 раза в неделю
Что такое буткемп?
Bootcamp — методика интенсивного обучения через погружение в среду. Результаты, которые достигаются за годы, требуют нескольких месяцев в таком формате. Буткемп позволяет освоить необходимые компетенции, создать портфолио с командным проектом и подготовиться к прохождению интервью за короткий срок.
Ментор
Консультирует по практическим заданиям и проектной работе. Помогает с целями и планированием
9:00 — 12:00 по МСК
теория на вебинарах
Занятия 4 дня в неделю с понедельника по пятницу, среда — день самообучения
13:00 — 17:00 по МСК
практика с ментором
Чем занимается фронтенд-разработчик?
Frontend-разработчик находится ближе к пользователям. Именно от него зависит, как будет выглядеть приложение.
Фронтенд-разработчик верстает макеты, чтобы они поддерживались в разных браузерах и устройствах. В отдельных случаях может заниматься проектированием интерфейсов, оптимизацией приложений.
Frontend-разработка — направление в IT, которое находится на стыке нескольких областей: дизайн, программирование, тестирование и информационная безопасность.
Frontend Developer
Перспективы направления
Средний уровень зарплат
400+ вакансий
Frontend Developer

Без опыта
40 000 ₽
165 000 ₽

Middle
Вы научитесь
Пользоваться языком разметки HTML
Работать NPM
Управлять данными внутри SPA
Настраивать WebPack
Писать стили для CSS
Делать SPA на Angular
Использовать Vue
Применять TS на практике
Работать с препроцессорам
Работать с JavaScript:
создавать динамику страниц, работать с запросами
Делать приложения на React
Работать с Node.JS
После обучения вы сможете
Развертывать простой сервер при помощи Node.JS
Создавать SPA
Делать архитектуру для SPA
Верстать сайты при помощи HTML
Учебный процесс
Буткемп погрузит вас в профессиональную среду: повседневные для разработчика процессы и разные активности. Все это поможет легко адаптироваться на первом рабочем месте и чувствовать себя уверенно в мире IT.
Учебный режим приближен к рабочему и learn&life balance
Интенсивное погружение
Пробные собеседования
Карьерные консультации
Практики с ментором
Онлайн программирование
Живые вебинары с экспертами
Трансляция пройдет:
Ближайшие мероприятия
Применение JavaScript в браузере
Руководитель курса
Анна Русяева
На вебинаре вместе с преподавателем вы посмотрите как JavaScript взаимодействует с браузером, как обновлять данные и как менять конвент. Познакомитесь с базовыми типами и обработчиками событий.
Открытый урок, 20 июня в 20:00
Селекторы
Руководитель курса
Анна Русяева
На вебинаре вы научитесь как можно обращаться к html элементам, а также рассмотрите разные виды селекторов.
Открытый урок, 6 июля в 20:00
Функции и условия
Руководитель курса
Анна Русяева
На занятии посмотрим, как делать повторяющиеся действия удобными и переиспользуемыми, разберем ситуации, в которых это может быть полезно.
Открытый урок, 21 июля в 20:00
Центр карьеры
Карьерная консультация
Наш HR-эксперт поможет выстроить стратегию карьерного пути и подготовиться к собеседованиям
Собеседования в компании-партнеры
Сможете откликаться на вакансии от партнеров курса
Работа с резюме
Вы создадите грамотное резюме и портфолио с учетом освоенных навыков
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания.

Программа курса
Программа составляется с учетом требований работодателей
и актуализируется перед каждым запуском
Модуль 1. HTML + CSS + препроцессоры
Тема 1. Вводное занятие
Тема 2. Введение в WEB
Тема 3. Работа с консолью
Тема 4-5. Практика с ментором
Тема 6-7. Version control. Часть 1-2
Тема 8-9. Практика с ментором
Тема 10. Почему html — не язык программирования
Тема 11. Семантика + формы
Тема 12-13. Практика с ментором
Тема 14. CSS — история стилей
Тема 15. Кодстайл html & css
Тема 16-17. Практика с ментором
Тема 18. Работа с редакторами
Тема 19. Графика — различия
Тема 20-21. Практика с ментором
Тема 22. Box model в деталях
Тема 23. Шрифты — подключение и параметры
Тема 24-25. Практика с ментором
Тема 26. Позиционирование элементов в деталях
Тема 27. Selector priority + сложные селекторы
Тема 28-29. Практика с ментором
Тема 30. Layout — введение в основы или стейты
Тема 31. Layout techniques
Тема 32. Flexbox layout
Тема 33. Grid layout
Тема 34-35. Практика с ментором
Тема 36. Методологии верстки — бэм
Тема 37. Методология верстки — атомарный css
Тема 38-39. Практика с ментором
Тема 40. Введение в media queries
Тема 41. Mobile first vs desktop first media queries
Тема 42-43. Практика с ментором
Тема 44. Особенности мобильной верстки
Тема 45. Оптимизация под ретину + мобильные устройства
Тема 46-47. Практика с ментором
Тема 48. Bootstrap
Тема 49. Tailwind
Тема 50-51. Практика с ментором
Тема 52. Работа с свг + спрайты
Тема 53. Доступность — состояния, стили, стайлгайд, фокус, пропуск ссылок, модалки
Тема 54-55. Практика с ментором
Тема 56. Верстка email рассылок
Тема 57. Анимации и переходы
Тема 58-59. Практика с ментором
Тема 60. Лучшие практики + аналитика сайта
Тема 61. Базовый JavaScript
Тема 62-63. Практика с ментором
Модуль 2. Базовый JS Описание модуля
Тема 64. Введение в js + базовые типы
Тема 65. Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация
Тема 66-67. Практика с ментором
Тема 68. Циклы + массивы
Тема 69. Объекты, объектная модель в Javascript
Тема 70-71. Практика с ментором
Тема 72. Контекст при работе с функциями
Тема 73. Классы, прототипы и конструкторы. Прототипное наследование и функции-конструкторы
Тема 74-75. Практика с ментором
Тема 76. Введение в DOM
Тема 77. Как работать с DOM
Тема 78-79. Практика с ментором
Тема 80. События
Тема 81. Работа с событиями
Тема 82-83. Практика с ментором
Тема 84. Регулярные выражения
Тема 85. Работа с формами
Тема 86-87. Практика с ментором
Тема 88. Тестирование
Тема 89. Подключаемые плагины
Тема 90-91. Практика с ментором
Тема 92. Работа с запросами
Тема 93. Работа с асинхронным кодом
Тема 94-95. Практика с ментором
Модуль 3. Продвинутый JS Настройка + тс +react + остальные фреймворки.
Тема 96. Современный инструментарий при разработке клиентских (и не только приложений)
Тема 97. Создание подключаемых плагинов
Тема 98-99. Практика с ментором
Тема 100. Введение в Node — Пакетный менеджер NPM и возможности package.json
Тема 101. Настройка сборщиков — webpack
Тема 102-103. Практика с ментором
Тема 104. Линтеры и их настройка — editor.config + style
Тема 105. Различие между стандартами языка, инструменты транспиляции, проблемы типизации
Тема 106-107. Практика с ментором
Тема 108. ООП в JavaScript
Тема 109. Основы функциональной разработки
Тема 110-111. Практика с ментором
Тема 112. Разбор базовых приемов разработки на Typescript — типы, интерфейсы, перечисления и прочее
Тема 113. Расширенные возможности типизации
Тема 114-116. Практика с ментором
Тема 117. JSX как основа ReactJS. Functional components
Тема 118-119. Практика с ментором
Тема 120. JSX + CSS
Тема 121. TDD + React
Тема 122-123. Практика с ментором
Тема 124. CI/CD GitHub actions
Тема 125. Components Lifecycle
Тема 126-127. Практика с ментором
Тема 128. React-hooks
Тема 129. React hooks advanced
Тема 130. Как создавать и тестировать пользовательские хуки
Тема 131. Практика с ментором
Тема 132. Основные концепты Redux и useReducer
Тема 133. Списки, события, формы
Тема 134-135. Практика с ментором
Тема 136-137. React patterns часть 1-2
Тема 138-139. Практика с ментором
Тема 140. React router
Тема 141. Основы функционального программирования
Тема 142-143. Практика с ментором
Тема 144. Redux middwares and side effects
Тема 145. Redux toolkit
Тема 146. React + redux пример приложения
Тема 147. Практика с ментором
Тема 148. JS Generators, введение в ReduxSaga
Тема 149. Redux-saga и интеграционное тестирование
Тема 150. Redux-saga примеры использования effects
Тема 151. Redux-Saga на примерах
Тема 152. Material ui + react
Тема 153. Архитектура React-приложения
Тема 154-155. Практика с ментором
Тема 156. Процесс разработки React-приложения
Тема 157. Test quality tools
Тема 158. Продвинутая конфигурация приложения
Тема 159. Практика с ментором
Тема 160. Введение в Angular
Тема 161. Компоненты и директивы
Тема 162-163. Практика с ментором
Тема 164. Pipes
Тема 165. Observables — RxJS
Тема 166-167. Практика с ментором
Тема 168. Создание и управление формами в Angular
Тема 169. Routing, тестирование и сборка в Angular
Тема 170-171. Практика с ментором
Тема 172. Angular material
Тема 173. Тестирование и сборка
Тема 174-175. Практика с ментором
Тема 176. Альтернатива большим фреймворкам — Обзор SvelteJS
Тема 177. Основы Vue
Тема 178-179. Практика с ментором
Тема 180. Компоненты, шаблонизатор и формы
Тема 181. Routing и Vue3
Тема 182. Advanced Vue — Vuex
Тема 183. Практика с ментором
Модуль 4. Нода и БД
Тема 184. Введение в Node и NPM
Тема 185. Система Модулей Node.js
Тема 186-187. Практика с ментором
Тема 188. Events, Timers, Event Loop
Тема 189. Streams — Errors
Тема 190-191. Практика с ментором
Тема 192. Тестирование в Node.js
Тема 193. HTTPS Server
Тема 194-195. Практика с ментором
Тема 196. Web Servers
Тема 197. Особенности Express
Тема 198-199. Практика с ментором
Тема 200. Введение в MongoDB
Тема 201. Аутентификация и Безопасность
Тема 202-203. Практика с ментором
Тема 204. Отладка и профилирование Node.js
Тема 205. Real-Time Web Приложения с сокетами
Тема 206. Другие Особенности Web Server
Тема 207. Расширенные функции MongoDB — Aggregation Framework
Тема 208. TypeScript в Node.js
Тема 209. Express с TypeScript
Тема 210-211. Практика с ментором
Тема 212. Управление процессами с Node.js
Тема 213. Построение Rest API с Express, Mongoose
Тема 214-215. Практика с ментором
Тема 216. CLI в Node.js
Тема 217. Node.js в Docker
Тема 218. Node.js в проде
Тема 219. Практика с ментором
Тема 220. Работа с MySQL
Тема 221. Работа с PostgreSQL
Тема 222-223. Практика с ментором
Тема 224. Начинаем с Nest.js
Тема 225. Особенности Nest.js
Тема 226-227. Практика с ментором
Тема 228. Введение в GraphQL
Тема 229. Особенности GraphQL
Тема 230. Создание GraphQL API Сервера
Тема 231. Практика с ментором
Тема 232. Сборка проекта, CI
Тема 233. Деплой проекта, CD
Тема 234-235. Практика с ментором
Тема 236. Командная разработка — методологии
Тема 237. Роли и функции
Тема 238-239. Практика с ментором
Модуль 5. Проектная работа
Проектная работа
Проектная работа
Вы разработаете веб-сервис и научитесь управлять данными приложения. Научитесь работать со сторонними API и писать собственные, сможете выбрать способ сбора информации

Можно выбрать любую тему. Итоговый проект будет включать в себя многостраничное приложение со структурой данных и использованием стороннего или своего API.
Сертификат и удостоверение о повышении квалификации
По окончанию обучения выдается сертификат OTUS. А так как OTUS осуществляет лицензированную образовательную деятельность, вы можете получить удостоверение о повышении квалификации при условии наличия диплома о высшем образовании
После обучения вы
Заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на GitHub и другие дополнительные материалы
Получите сертификат о прохождении курса
Дарья Мороз
Я работаю в компании программистом, обучение было организованно в рамкам корпоративного повышения квалификации, основной язык в проекте, над которым работаю - php, в меньшей степени используется и js, поэтому для того чтобы улучшить свои знания в js выбрала именно этот курс.

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

Самое главное, наверное, то что обучение вызвало интерес к данному языку, его инструментам, это довольно мощный толчок в личностном развитии, в стремлении продолжать осваивать язык и выбрать его в качестве основного языка в профессиональной деятельности.
Ярослав Красноперов
Искал курсы по продвинутому javascript'у с nodejs и фреймворками react, angular. Услышал от Ильи Климова (он же javascript ninja) положительный отзыв о курсе Javascript Professional в OTUS и решил попробовать.

Результатом остался полностью доволен: было более 40 увлекательных занятий, почти в каждом из которых подчерпывал для себя важные нюансы. Интересные домашние задания, над которыми приходилось поломать голову.

Ревью кода и обратная связь по заданиям от преподавателей - важный элемент для меня, поскольку не так часто приходится работать в команде, и важно понимать, какой код нормальный, а какой можно улучшить.

Благодаря курсам наконец-то удалось найти время заняться своим гитхаб аккаунтом, начать реализацию pet project'а, который давно хотел реализовать.

Резюмируя, могу сказать, что курс Javascript Professional в OTUS - отличная ступенька для дальнейшего профессионального и карьерного роста. И хотел бы поблагодарить команду OTUS за прекрасный курс!
Александр Пономаренко
Одной из задач, которую я ставил перед собой на курсе, — разобраться и внедрить новые для себя подходы к документированию и написанию качественного, понятного кода.


В результате курса React.js OTUS я лучше разобрался в создании и функциональных компонентах React, автоматическом тестировании кода. Расширил свой активный инструментарий frontend-разработчика, который применяю в работе, а также расширил свою базу знаний. Скорректировал свое понимание, в каких ситуациях можно эффективно применять различные инструменты разработки и тестирования frontend-react-приложений.


Курсы OTUS — длительные по времени и очень трудоемкие при обучении. Перед поступлением на курс — сформулируйте для себя, чего вы хотите добиться в результате обучения. И будьте готовы к тому, что ваше представление о мире может перевернуться, в результате обучения вы станете другим человеком — ваш взгляд на мир станет более многогранным и глубоким )). И удачи!
Нужна рассрочка?
Оставьте заявку и менеджер расскажет вам об условиях
Стоимость обучения
Старт: 29 июля
Записаться и получить консультацию
Длительность: 3 месяца
127 000 ₽
Нужна рассрочка?
Оставьте заявку и менеджер расскажет вам об условиях
Стоимость обучения
Старт: 29 июля
Оплатить курс
Длительность: 3 месяца
127 000 ₽
Нужна рассрочка?
Оставьте заявку и менеджер расскажет вам об условиях
Стоимость обучения
Старт: 29 июля
Начало занятий
не за горами
Длительность: 3 месяца
127 000 ₽
-18%
Получите письмо как только мы откроем набор
Сообщить о старте набора
-18%
Загрузка...
Сообщить о старте набора
-18%
Мы скоро с вами свяжемся :)
Сообщить о старте набора
Я работаю в компании программистом, обучение было организованно в рамкам корпоративного повышения квалификации, основной язык в проекте, над которым работаю - php, в меньшей степени используется и js, поэтому для того чтобы улучшить свои знания в js выбрала именно этот курс. В курсе понравились несколько вещей...
Дарья Мороз
Отзывы студентов
Искал курсы по продвинутому javascript'у с nodejs и фреймворками react, angular. Услышал от Ильи Климова (он же javascript ninja) положительный отзыв о курсе Javascript Professional в OTUS и решил попробовать. Результатом остался полностью доволен: было более 40 увлекательных занятий, почти в каждом из которых подчерпывал...
Ярослав Красноперов
Одной из задач, которую я ставил перед собой на курсе, — разобраться и внедрить новые для себя подходы к документированию и написанию качественного, понятного кода. В результате курса React.js OTUS я лучше разобрался в создании и функциональных компонентах React, автоматическом тестировании кода. Расширил свой...
Александр Пономаренко
Вы можете пообщаться с выпускниками и преподавателями в закрытом сообществе в Slack. Оставьте заявку и менеджер объяснит, как попасть в чат
Корпоративное обучение для ваших сотрудников
Поможем вашей компании развивать команду! Этот и еще 130+ курсов для IT-специалистов таких направлений, как: программирование, тестирование, администрирование, информационная безопасность, управление и Data Science. 350 компаний уже обучают у нас сотрудников.
Часто задаваемые вопросы:
Можно ли оплатить курс в рассрочку?
К сожалению, рассрочки в OTUS нет.
Что понадобится для обучения?
Программа предусмотрена для новичков и дает все необходимые базовые знания. Поэтому для занятий вам понадобится только современный ПК с выходом в интернет, камера, Zoom и время для обучения с 9 до 18.
А если я заболею, смогу ли я нагнать процесс?
Это будет очень проблематично, так как формат буткемпа предполагает полную погруженность студента в процесс обучения.
Могу ли я заниматься только полдня?
Вряд ли. Это будет сложно, придется ночами смотреть вебинары и практиковать в одиночку, что мало результативно.