Специальная цена

Курс переработан

Специализация

Fullstack developer

Освойте профессию Fullstack-разработчика на JavaScript
за 14 месяцев

 

27 марта

Basic

14 месяцев

Онлайн

Для кого?

  • Кто хочет с нуля освоить востребованную профессию Fullstack-разработчик до компетенций, соответствующих Middle+ уровню.
  • Практикующих разработчиков и кто хочет переквалифицироваться в Fullstack-разработчика
  • Кто не имеет навык программирования и хочет начать заниматься Fullstack-разработкой

Кто такой Fullstack-разработчик?

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

Подходит ли программа именно вам?

Менеджер поможет разобраться!

Какой результат вы получите?

Обучение состоит из 3-х ступеней. Изучите постановку, документирование требований, сопровождение разработки, проектирование разных систем

Начало обучения
25 декабря
  • Для тех кто хочет с нуля освоить профессию Fullstack-разработчик
Ступень 1
Пн 19:00, Ср 19:00
HTML/CSS
  • Научитесь интерпретировать макеты дизайнеров
  • Создавать семантическую разметку вебсайтов
  • Создавать макеты любой сложности без гор библиотек и плагинов
  • Освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets.
  • Научитесь работать с фреймворками bootstrap и tailwind
Ступень 2
Пн 19:00, Ср 19:00
JavaScript Developer. Basic
  • Получите навыки фронтенд-разработки, которые разбудят в вас начинающих разработчиков. Попробуете технологии: React, TypeScript, Babel, Webpack.
  • С первого же месяца будете заниматься в условиях, приближенных к реальной разработке: попробуете использовать Git, покрывать код тестами, познакомитесь с Cl/CD процессами.
Ступень 3
Пн 19:00, Ср 19:00
JavaScript Developer. Professional
  • Освойте продвинутый JavaScript: ООП, функциональное программирование, SOLID, асинхронность, замыкания, Event Loop. Изучите TypeScript и его интеграцию с фреймворками.
  • Разберитесь с управлением состоянием (Redux, Zustand, Pinia), роутингом, сборкой проектов (Webpack, Vite). Углубитесь в React и Vue, изучите SSR/SSG с Next.js и Nuxt 3.
  • Освойте Node.js, Nest.js, базы данных (PostgreSQL, Prisma, TypeORM) и Docker.

Авторская программа


Актуальные навыки, которые помогут начать и развиваться в профессии

3 проектные работы


Пополните портфолио 3 разными по задачам проектами и сможете уверенно чувствовать себя на собеседованиях

Помощь с трудоустройством


Комплексная система, которая поможет получить выгодные офферы в перспективных проектах

Партнеры

Мы даём качественные знания, которые помогут в получении офферов
в перспективных проектах
  • Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
  • Карьерные мероприятия в сообществе с публичным разбором резюме и прохождением собеседования

Fullstack Developer

Перспективы направления
Средний уровень зарплат:
70 000Junior+ специалист
200 000Middle+ специалист
300 000Senior специалист
1224
актуальные вакансии
Формат обучения

Интерактивные вебинары


2 занятия по 2 ак.часа в неделю
Доступ к записям и материалам остается навсегда

Практика


Домашние задания + 3 проектные работы, которые усилят ваше портфолио

Активное комьюнити


Общайтесь с преподавателями голосом на вебинарах и в группе телеграм

Групповые менторские консультации

На специализации предусмотрено менторское сопровождение в виде групповых разборов домашних заданий. Занятие по групповому разбору ДЗ с ментором проводится  раз в месяц в рамках расписания специализации. Преподаватели действуют в единой связке с ментором, создавая бесшовный образовательный процесс.

 Вы выполняете домашнее задание

Ментор проверяет его в личном кабинете, делает ревью и дает развернутый фидбэк

На занятии ментор отвечает на часто возникающие вопросы, проводит подробный разбор работ студентов и объясняет каждый этап выполнения

С ментором также можно общаться по домашнему заданию в чате. Он даст вам обратную связь по итогам проверки и направит вас в нужное русло 

Программа

1 ступень. HTML_CSS

Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS. Работа с готовым макетом в Figma, Git и GitHub, современный редактор кода VSCode и его настройка, работа с адаптивной и резиновой версткой, методологиями верстки и библиотеками, а также препроцесцорами.

Введение в Web

В это модуле познакомимся с базой верстки.

Тема 1: Введение в Web

Тема 2: Version Control

Тема 3: Основы HTML, семантичность

Тема 4: Основы CSS

Тема 5: Типографика

Тема 6: Box model в деталях

Тема 7: Selector priority

Тема 8: Консультация по ДЗ

Layouts (макеты)

Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.

Тема 1: Flexbox layout

Тема 2: Позиционирование элементов в деталях

Тема 3: Layout: виды

Тема 4: Grid layout

Тема 5: Workshop по сеткам

Тема 6: Поддержка браузеров, новые технологии и fallbacks

Тема 7: Консультация по ДЗ

Адаптивный веб-дизайн

Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.

Тема 1: Введение в media queries

Тема 2: Mobile-first vs desktop-first

Тема 3: Особенности мобильной верстки

Pro верстка

Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.

Тема 1: Организация кода по БЭМ

Тема 2: Препроцессоры

Тема 3: Всплывающие элементы

Тема 4: Разметка форм

Тема 5: Микро-сетки и декоративные элементы

Тема 6: Стилизация элементов форм

Тема 7: Анимации CSS: transition.

Тема 8: Консультация по ДЗ

Работа с библиотеками

Данный модуль поможет вам освоить навыки необходимые для лучшего управления вашим кодом и системой, освоите настройку окружения проекта.

Тема 1: Анимации CSS: animation

Тема 2: Компонентный подход в Bootstrap

Тема 3: Атомарные классы в Tailwind

Проектная работа

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

Тема 1: Консультация по ДЗ и проектной работе

Тема 2: Организация проектной работы. Деплой

Тема 3: Защита проектных работ

2 ступень. JavaScript Basic

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

Подготовительный модуль

Изучение основ языка (как писать самые простые программы) и подготовка перед стартом интенсивного обучения. Разберем базу: переменные, циклы, условия, функции и объекты. Изучим предзаписаный курс: решим ряд задач и разберем возникшие вопросы.

Тема 1: Консультация №1 по итогам просмотра первой части подготовительного курса

Тема 2: Консультация №2 по итогам просмотра первой части подготовительного курса

Тема 3: Введение в курс + основы JS и практика

Тема 4: Тестирование кода как часть процесса разработки

Базовый синтаксис

Более глубокое погружение в базовый синтаксис (нюансы работы с циклами и функциями), затронем прототипное наследование. Потренируемся решать задачи, отработаем навыки на codewars.

Тема 1: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация

Тема 2: Объектная модель в JavaScript

Инструменты

Разбираемся с инструментами, которые важны в современной разработке: как работать с git, что такое линтеры и для чего они нужны, как работать с зависимостями и проверять свой код на CI/CD. Научимся деплоить свои приложения на Github Pages, а также закрепим знания из прошлого модуля с новыми практиками и подходами.

Тема 1: Использование СКВ: задачи и решения

Тема 2: Типовой порядок разработки с использованием Git

Тема 3: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript

Тема 4: Современный инструментарий при разработке приложений

Тема 5: Консультация по ДЗ

Тема 6: Документирование кода - работа с типами и JSDoc. TypeScript

Тема 7: CI/CD проекта - линтинг, тесты и деплой

Тема 8: Консультация по ДЗ

Работа с API

Учимся использовать в своих программах API, которые предоставляются средой исполнения и языком, разберемся как получать данные с удаленного сервиса, чтобы динамически отображать их на своих страницах.

Тема 1: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API

Тема 2: Базовое использование асинхронных API в Javascript

Тема 3: Базовая работа с сетью: методы HTTP, куки, заголовки, WS

Тема 4: Консультация. Разбор сложных моментов в выполнении домашних заданий

Асинхронность, Контекст и Прототипы

Как работать с синхронностью и зачем она нужна. Погружаемся в функции и их контекст, узнаем как это связано с объектной моделью в JS.

Тема 1: Контекст при работе с функциями

Тема 2: Прототипное наследование и функции-конструкторы

Тема 3: Работа с асинхронным кодом

Тема 4: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям

Знакомство с React

Знакомимся с библиотекой React и тем, как на ней реализовывать интерактивные приложения. Попробуем применить полученные ранее знания к новому компонентному подходу.

Тема 1: Различие между стандартами языка, инструменты транспиляции, проблемы типизации

Тема 2: Что такое React, JSX, настройка окружения

Тема 3: Hooks в React: useState, useEffect, useCallback, useMemo

Тема 4: Переиспользование кода с кастомными хуками

Тема 5: Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов

Тема 6: Разделение состояния между компонентами - подъем состояния, useContext, State managers

Организация кода

Работа с более сложными приложениями. Научимся писать их так, чтобы было проще дорабатывать и изменять. Также, изучим, что такое одностраничные приложения и как разбивать программы на части, чтобы они друг другу не мешали.

Тема 1: Разделение логики и представления (шаблонизация, сервисный слой)

Тема 2: Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)

Тема 3: Связь модулей - от интерфейсов до EventBus

Тема 4: Консультация по ДЗ

Тема 5: Многостраничные и одностраничные приложения - работа с URL

Тема 6: Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений

Проектная работа

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

Тема 1: Организация проектной работы: на что обратить внимание при защите. Консультация

Тема 2: Защита проектных работ

3 ступень. JavaScript Professional

Практический курс для web-разработчиков, который раскрывает продвинутые возможности JavaScript и работу с современными фронтенд- и бэкенд-инструментами. Вы освоите ООП, функциональное программирование, управление состоянием, клиентский роутинг и сборку. Углубитесь в экосистему React, Vue, а также SSR/SSG с Next.js и Nuxt 3. Освоите работу с Node.js, Nest.js, базами данных и контейнеризацией. Закрепите знания, создавая полноценный проект, максимально приближенный к реальной разработке.

Продвинутые основы JavaScript и TypeScript

Погружаемся в продвинутые концепции JS: объектно-ориентированное программирование и функциональные подходы. Осваиваем TypeScript – типизацию, интерфейсы, настройку окружения.

Тема 1: Введение в курс: знакомство с программой, командой курса

Тема 2: ООП в JavaScript

Тема 3: Основы функциональной разработки

Тема 4: Введение в TypeScript: базовые типы, интерфейсы, перечисления, настройка окружения

Инфраструктура фронтенда и базовые подходы

Разбираем управление состоянием (Redux), клиентский роутинг и принципы построения SPA. Учимся деплоить и настраивать сборку проектов с Webpack, Vite и Rollup.

Тема 1: Управление состоянием приложения, Redux и работа с actions (исторический контекст)

Тема 2: Клиентский роутинг, построение SPA

Тема 3: Особенности деплоя и сборки SPA (CI/CD, Vercel, Netlify)

Тема 4: Build tools: Vite, Webpack, Rollup, Web Components

Backend, серверные технологии и контейнеризация

Создаём API, работаем с REST и RPC, осваиваем Node.js и Nest.js. Подключаем базы данных через PostgreSQL, ORM и Prisma. Интегрируем контейнеризацию с Docker и CI/CD.

Тема 1: Разработка собственного API

Тема 2: REST, RPC и сетевые запросы

Тема 3: Введение в Node.js и NPM, работа с браузером

Тема 4: Под капотом Node.js: Event Loop, Timers, модули

Тема 5: Продвинутая серверная разработка на Nest.js

Тема 6: Базы данных и ORM: PostgreSQL, TypeORM или Prisma в связке с Nest.js

Тема 7: Контейнеризация (Docker) и интеграция с CI/CD

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

Изучаем современные подходы к архитектуре фронтенда: микрофронтенды, Monorepo, SSR/SSG. Осваиваем Next.js, Nuxt 3 и другие рендеринг-фреймворки.

Тема 1: Архитектура фронтенд-приложений: микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID

Тема 2: Современные рендеринг-фреймворки и SSR: Next.js, Nuxt 3, SvelteKit, SSG/ISR

Vue и экосистема

Знакомимся с Vue 3: компоненты, реактивность, управление состоянием через Pinia, динамические маршруты и SSR с Nuxt.

Тема 1: Основы Vue3: компоненты, реактивность

Тема 2: Управление компонентами во Vue: Composition API

Тема 3: Состояние приложения во Vue: Pinia (Vuex — исторический контекст)

Тема 4: Routing и Advanced Vue: динамические маршруты, Nuxt (SSR)

Тема 5: Консультация по ДЗ

React и экосистема

Изучаем React глубже: работа с хуками, паттернами проектирования и глобальным состоянием (Redux Toolkit, Zustand, React Query). Оптимизация, ленивая загрузка и тестирование React-приложений.

Тема 1: Что такое React, JSX, настройка окружения (повторение ключевых основ)

Тема 2: Hooks в React: углубляемся в детали useState, useEffect, useContext и кастомных хуков

Тема 3: Современные паттерны в React: (HOC, Render Props — исторический контекст, фокус на кастомных хуках)

Тема 4: TypeScript в React: типизация компонентов, пропсов и хуков

Тема 5: Состояние приложения в React: Redux Toolkit, Zustand, React Query

Тема 6: React Router, ленивая загрузка компонентов, Suspense, оптимизация React-приложения

Тема 7: Тестирование React-приложений: React Testing Library, Jest (упоминание E2E-тестирования)

Тема 8: Консультация по ДЗ

Проектная работа

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

Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий

Тема 2: Карьерная консультация: подготовка к собеседованиям, портфолио, резюме, GitHub вопросы по проекту

Тема 3: Защита проектных работ

Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит

Проектные работы

Каждая ступень завершается финальным проектом, а ваша работа станет примером кода и отличным кейсом в портфолио, который оценят потенциальные работодатели.


  • Ступень 1: выбираете тему проектной работы, разрабатываете и презентуете преподавателю.
  • Ступень 2: примеры тем для реализации: сайт с прогнозом погоды, визуальный конструктор страниц, чат.
  • Ступень 3: примеры тем для реализации: Task Runner для создания части Continuous Integration цикла, Reciept Roulette для управления и рекомендации рецептов, Elements Dashboard — магазин web-компонент.

Преподаватели

Василий Ванчук

Leading Expert at Platform Team

Tinkoff

Андрей Осипук

Fullstack developer

Газпром-медиа

Михаил Кузнецов

Fullstack developer и team lead

Zalando

Анна Русяева

Web-developer

Мария Коршунова

Фронтенд-разработчик и скрам-мастер

Solveva

Сергей Кошельников

Full-Stack Developer

Александр Коржиков

Senior Web Developer

Дамир Рысаев

Technical Lead

Здравсити

Евгения Башиева

Web3 Developer

Neon Labs

Арсений Высоцкий

Lead software engineer

Software

Николай Лапшин

Technical Lead

Power Tech

Илья Оболенский

Senior Frontend Developer

Avito

Роман Мельник

Senior Software Engineer

Grid Dynamics

Артём Рева

Lead software engineer

Epam

Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания

Ближайшие мероприятия

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

Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
Алексей Кадочников
Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.

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

Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.
...
19 февраля в 17:00
Открытый вебинар
Быстрый старт в Fullstack-разработку на наглядном примере с API и JavaScript
Алексей Кадочников
Что будет на вебинаре?
- Погружение в основу fullstack-разработки на примере реального проекта: Работа с HTML и CSS: создадим простую, но функциональную веб-страницу.
- Манипуляции с DOM с помощью JavaScript: сделаем страницу динамичной и интерактивной.
- Запросы к API: получим данные с сервера и отобразим их на странице.
- Работа с событиями: научимся реагировать на клики и обновлять интерфейс в реальном времени.

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

Что узнают участники?
- Как быстро создать веб-приложение, работающее с реальными данными.
- Как использовать JavaScript для обновления интерфейса без перезагрузки страницы.
- Как подключаться к API, получать данные и красиво их отображать.
- Как превратить базовую HTML-страницу в полноценное интерактивное веб-приложение.

Этот вебинар поможет увидеть, как работает веб-разработка в реальном мире, и сделать первый шаг к созданию полноценных приложений!
...
5 марта в 17:00
Открытый вебинар
Прототипное наследование в JavaScript
Василий Ванчук
На данном занятии мы разберемся, что такое прототипное наследование в JavaScript и как оно может помочь при разработке программ.

В результате открытого урока участники:
- Лучше поймут объектную модель Javascript.
- Cмогут писать ООП код с экономией памяти.

Открытый урок для тех, кто знает основы JavaScript (может работать с объектами) и хочет лучше понимать тонкости разработки.
...
19 марта в 17:00
Открытый вебинар

Прошедшие
мероприятия

Алексей Кадочников
Открытый вебинар
Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
Анна Русяева
Открытый вебинар
Создаем свою первую страницу: HTML и CSS
Оставьте заявку, чтобы получить доступ ко всем записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке

Корпоративное обучение для ваших сотрудников

OTUS помогает развивать высокотехнологичные команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Диплом о профессиональной переподготовке

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

Почему специализация выгоднее, чем отдельные курсы?


  • Стоимость ниже, чем покупка курсов по отдельности
  • Диплом о профессиональной переподготовке
  • Расширенная опция помощи с трудоустройством

Частые вопросы

Что понадобится для обучения?
Программа предусмотрена для новичков и дает все необходимые базовые знания. Поэтому для занятий вам понадобится только компьютер.
Что, если в середине специализации я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу на каждой ступени обучения.
Обязательно ли защищать все проектные работы?
Для получения диплома о переквалификации необходимо сдать проекты. В остальном эта часть по вашему желанию. Кроме того проекты не обязательно защищать при аудитории, а можно сдать в чате с преподавателем.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.