Курс переработан
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. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям
Организация кода
Работа с более сложными приложениями. Научимся писать их так, чтобы было проще дорабатывать и изменять. Также, изучим, что такое одностраничные приложения и как разбивать программы на части, чтобы они друг другу не мешали.
Тема 1: Разделение логики и представления (шаблонизация, сервисный слой)
Тема 2: Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)
Тема 3: Связь модулей - от интерфейсов до EventBus
Тема 4: Консультация по ДЗ
Тема 5: Многостраничные и одностраничные приложения - работа с URL
Тема 6: Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений
Знакомство с React
Знакомимся с библиотекой React и тем, как на ней реализовывать интерактивные приложения. Попробуем применить полученные ранее знания к новому компонентному подходу.
Тема 1: Различие между стандартами языка, инструменты транспиляции, проблемы типизации
Тема 2: Что такое React, JSX, настройка окружения
Тема 3: Hooks в React: useState, useEffect, useCallback, useMemo
Тема 4: Переиспользование кода с кастомными хуками
Тема 5: Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов
Тема 6: Разделение состояния между компонентами - подъем состояния, useContext, State managers
Проектная работа
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 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
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: Консультация по ДЗ
Vue и экосистема
Знакомимся с Vue 3: компоненты, реактивность, управление состоянием через Pinia, динамические маршруты и SSR с Nuxt.
Тема 1: Основы Vue3: компоненты, реактивность
Тема 2: Управление компонентами во Vue: Composition API
Тема 3: Состояние приложения во Vue: Pinia (Vuex — исторический контекст)
Тема 4: Routing и Advanced Vue: динамические маршруты, Nuxt (SSR)
Тема 5: Консультация по ДЗ
Архитектура и SSR
Изучаем современные подходы к архитектуре фронтенда: микрофронтенды, Monorepo, SSR/SSG. Осваиваем Next.js, Nuxt 3 и другие рендеринг-фреймворки.
Тема 1: Архитектура фронтенд-приложений: микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID
Тема 2: Современные рендеринг-фреймворки и SSR: Next.js, Nuxt 3, SvelteKit, SSG/ISR
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
Проектная работа
Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. Проект должен стать примером кода, который можно показывать потенциальным работодателям.
Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий
Тема 2: Карьерная консультация: подготовка к собеседованиям, портфолио, резюме, GitHub вопросы по проекту
Тема 3: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Проектные работы
Каждая ступень завершается финальным проектом, а ваша работа станет примером кода и отличным кейсом в портфолио, который оценят потенциальные работодатели.
- Ступень 1: выбираете тему проектной работы, разрабатываете и презентуете преподавателю.
- Ступень 2: примеры тем для реализации: сайт с прогнозом погоды, визуальный конструктор страниц, чат.
- Ступень 3: примеры тем для реализации: Task Runner для создания части Continuous Integration цикла, Reciept Roulette для управления и рекомендации рецептов, Elements Dashboard — магазин web-компонент.
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме онлайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
В результате открытого урока участники:
- Лучше поймут объектную модель Javascript.
- Cмогут писать ООП код с экономией памяти.
Открытый урок для тех, кто знает основы JavaScript (может работать с объектами) и хочет лучше понимать тонкости разработки.
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Диплом о профессиональной переподготовке
OTUS осуществляет лицензированную образовательную деятельность.
В конце прохождения специализации вы получите сертификат OTUS и официальный диплом о получении новой специальности
Почему специализация выгоднее, чем отдельные курсы?
- Стоимость ниже, чем покупка курсов по отдельности
- Диплом о профессиональной переподготовке
- Расширенная опция помощи с трудоустройством
Fullstack developer
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно