Специальная цена
Курс переработан
Fullstack developer
Освойте профессию Fullstack-разработчика на JavaScript
за 14 месяцев
27 марта
Basic
14 месяцев
Онлайн
Для кого?
- Кто хочет с нуля освоить востребованную профессию Fullstack-разработчик до компетенций, соответствующих Middle+ уровню.
- Практикующих разработчиков и кто хочет переквалифицироваться в Fullstack-разработчика
- Кто не имеет навык программирования и хочет начать заниматься Fullstack-разработкой
Кто такой Fullstack-разработчик?
Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки.
Подходит ли программа именно вам?
Менеджер поможет разобраться!
Какой результат вы получите?
Обучение состоит из 3-х ступеней. Изучите постановку, документирование требований, сопровождение разработки, проектирование разных систем
- Для тех кто хочет с нуля освоить профессию Fullstack-разработчик
- Научитесь интерпретировать макеты дизайнеров
- Создавать семантическую разметку вебсайтов
- Создавать макеты любой сложности без гор библиотек и плагинов
- Освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets.
- Научитесь работать с фреймворками bootstrap и tailwind
- Получите навыки фронтенд-разработки, которые разбудят в вас начинающих разработчиков. Попробуете технологии: React, TypeScript, Babel, Webpack.
- С первого же месяца будете заниматься в условиях, приближенных к реальной разработке: попробуете использовать Git, покрывать код тестами, познакомитесь с Cl/CD процессами.
-
Освойте продвинутый 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
Формат обучения
Интерактивные вебинары
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-компонент.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме онлайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.
Каким слушателям вебинар будет полезен?
- Новичкам в JavaScript, которые хотят научиться работать с HTML и CSS через JavaScript и создать первые интерактивные элементы.
- Тем, кто уже знаком с HTML и CSS, но хочет расширить свои возможности с помощью JavaScript и сделать сайты более отзывчивыми.
- Для всех, кто хочет освоить базовые техники управления элементами страницы, чтобы придать им интерактивные функции без сложных библиотек.
Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.
- Погружение в основу fullstack-разработки на примере реального проекта: Работа с HTML и CSS: создадим простую, но функциональную веб-страницу.
- Манипуляции с DOM с помощью JavaScript: сделаем страницу динамичной и интерактивной.
- Запросы к API: получим данные с сервера и отобразим их на странице.
- Работа с событиями: научимся реагировать на клики и обновлять интерфейс в реальном времени.
Для кого этот вебинар?
- Новичкам в JavaScript, желающим сразу увидеть практическое применение кода.
- Тем, кто уже знаком с основами HTML и CSS, но хочет перейти на следующий уровень и добавить динамику на страницы.
- Начинающим fullstack-разработчикам, которым важно понимать, как связаны фронтенд и бекенд в реальном проекте.
Что узнают участники?
- Как быстро создать веб-приложение, работающее с реальными данными.
- Как использовать JavaScript для обновления интерфейса без перезагрузки страницы.
- Как подключаться к API, получать данные и красиво их отображать.
- Как превратить базовую HTML-страницу в полноценное интерактивное веб-приложение.
Этот вебинар поможет увидеть, как работает веб-разработка в реальном мире, и сделать первый шаг к созданию полноценных приложений!
В результате открытого урока участники:
- Лучше поймут объектную модель Javascript.
- Cмогут писать ООП код с экономией памяти.
Открытый урок для тех, кто знает основы JavaScript (может работать с объектами) и хочет лучше понимать тонкости разработки.
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Диплом о профессиональной переподготовке
OTUS осуществляет лицензированную образовательную деятельность.
В конце прохождения специализации вы получите сертификат OTUS и официальный диплом о получении новой специальности

Почему специализация выгоднее, чем отдельные курсы?
- Стоимость ниже, чем покупка курсов по отдельности
- Диплом о профессиональной переподготовке
- Расширенная опция помощи с трудоустройством
Fullstack developer
Полная стоимость со скидкой
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно