Курс переработан
Fullstack developer
Освойте профессию Fullstack-разработчика на JavaScript
за 14 месяцев
25 декабря
Basic
14 месяцев
Онлайн
Для кого?
- Кто хочет с нуля освоить востребованную профессию Fullstack-разработчик до компетенций, соответствующих Middle+ уровню.
- Практикующих разработчиков и кто хочет переквалифицироваться в Fullstack-разработчика
- Кто не имеет навык программирования и хочет начать заниматься Fullstack-разработкой
Кто такой Fullstack-разработчик?
Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки.
Подходит ли программа именно вам?
Менеджер поможет разобраться!
Какой результат вы получите?
Обучение состоит из 3-х ступеней. Изучите постановку, документирование требований, сопровождение разработки, проектирование разных систем
- Для тех кто хочет с нуля освоить профессию Fullstack-разработчик
- Научитесь интерпретировать макеты дизайнеров
- Создавать семантическую разметку вебсайтов
- Создавать макеты любой сложности без гор библиотек и плагинов
- Освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets, autoprefixer, postcss
- Научитесь работать с фреймворками bootstrap и tailwind
- Получите навыки фронтенд-разработки, которые выделят вас среди начинающих разработчиков. Освоите технологии: React, TypeScript, Babel, Webpack, Node.js.
- Научитесь понимать код и принципы разработки, сможете работать без шаблонов и уверенно действовать в рамках своих компетенций. С первого же месяца будете заниматься в условиях, приближенных к реальной разработке: научитесь использовать Git, покрывать код тестами, познакомитесь с CI-процессами.
- Научитесь решать на JavaScript различные задачи фронтенда и бэкенда. Изучите основные возможности JavaScript — замыкания, особенности ООП и SOLID в JS, функционального и реактивного программирования, Promises и другие фичи ES6, паттерна Event Loop.
- Разберете DOM API, Ajax и события в рамках разработки в браузере. Научитесь писать код на диалектах JavaScript таких, как TypeScript и JSX.
Авторская программа
Актуальные навыки, которые помогут начать и развиваться в профессии
3 проектные работы
Пополните портфолио 3 разными по задачам проектами и сможете уверенно чувствовать себя на собеседованиях
Помощь с трудоустройством
Комплексная система, которая поможет получить выгодные офферы в перспективных проектах
Партнеры
в перспективных проектах
- Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров
- Карьерные мероприятия в сообществе с публичным разбором резюме и прохождением собеседования
Fullstack Developer
Формат обучения
Интерактивные вебинары
2 занятия по 2 ак.часа в неделю
Доступ к записям и материалам остается навсегда
Практика
Домашние задания + 3 проектные работы, которые усилят ваше портфолио
Активное комьюнити
Общайтесь с преподавателями голосом на вебинарах и в группе телеграм
Групповые менторские консультации
На специализации предусмотрено менторское сопровождение в виде групповых разборов домашних заданий. Занятие по групповому разбору ДЗ с ментором проводится раз в месяц в рамках расписания специализации. Преподаватели действуют в единой связке с ментором, создавая бесшовный образовательный процесс.
Вы выполняете домашнее задание
Ментор проверяет его в личном кабинете, делает ревью и дает развернутый фидбэк
На занятии ментор отвечает на часто возникающие вопросы, проводит подробный разбор работ студентов и объясняет каждый этап выполнения
С ментором также можно общаться по домашнему заданию в чате. Он даст вам обратную связь по итогам проверки и направит вас в нужное русло
Программа
1 ступень. HTML_CSS
Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS. Работа с готовым макетом в Figma, Git и GitHub, современный редактор кода VSCode и его настройка, Emmet, сборщик проектов Webpack в режиме разработки и публикации, онлайн редакторы кода, встроенные фишки браузеров для работы с версткой, настройка среды разработки с Node.js, работа с npm.
Введение в Web
В это модуле познакомимся с базой верстки.
Тема 1: Введение в Web
Тема 2: Version Control
Тема 3: Основы HTML, семантичность
Тема 4: Основы CSS
Тема 5: Типографика
Тема 6: Box model в деталях
Тема 7: Консультация по ДЗ
Тема 8: Selector priority
Layouts (макеты)
Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.
Тема 1: Layout: введение, основы
Тема 2: Позиционирование элементов в деталях
Тема 3: Flexbox layout
Тема 4: Grid layout
Тема 5: Workshop по сеткам
Тема 6: Консультация по ДЗ
Тема 7: Поддержка браузеров, новые технологии и fallbacks
Адаптивный веб-дизайн
Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.
Тема 1: Введение в media queries
Тема 2: Mobile-first vs desktop-first
Тема 3: Особенности мобильной верстки
Pro верстка
Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.
Тема 1: Организация кода по БЭМ
Тема 2: Препроцессоры
Тема 3: Всплывающие элементы
Тема 4: Разметка форм
Тема 5: Микро-сетки и декоративные элементы
Тема 6: Стилизация элементов форм
Тема 7: Консультация по ДЗ
Тема 8: Анимации CSS: transition.
Работа с библиотеками
Данный модуль поможет вам освоить навыки необходимые для лучшего управления вашим кодом и системой, освоите настройку окружения проекта.
Тема 1: Анимации CSS: animation
Тема 2: Компонентный подход в Bootstrap
Тема 3: Атомарные классы в Tailwind
Проектная работа
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, над чем интересно поработать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 1: Консультация по ДЗ и проектной работе
Тема 2: Выбор темы и организация проектной работы
Тема 3: Защита проектных работ
2 ступень. JavaScript Basic
Актуальный стек технологий для решения задач фронтенда на junior+ уровне. На курсе вы получите навыки фронтенд-разработки, которые выделят вас среди начинающих разработчиков. Вы освоите технологии, которые используют в проектах прямо сейчас: React, TypeScript, Babel, Webpack, Node.js.
Базовый JavaScript. Работа с GIT и настройка окружения
Модуль посвящен базовым конструкциям языка javascript (таким как функции, циклы, ветвления), базовым процессам разработки (система контроля версий, код ревью, тестирование и деплой кода) и настройке среды разработки (сборщики, линтеры, скрипты автоматизации).
Тема 1: Введение в курс + основы JS и практика
Тема 2: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация
Тема 3: Объектная модель в Javascript
Тема 4: Прототипное наследование и функции-конструкторы
Тема 5: Консультация
Тема 6: Контекст при работе с функциями
Тема 7: Консультация и практическое занятие
Тема 8: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API
Тема 9: Базовое использование асинхронных API в Javascript
Тема 10: Тестирование кода как часть процесса разработки
Тема 11: Пример применения тестирования к домашним заданиям
Тема 12: Консультация по ДЗ
Тема 13: Выбор темы и организация проектной работы
Тема 14: Использование СКВ: задачи и решения
Тема 15: Типовой порядок разработки с использованием Git
Тема 16: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в стеке JavaScript
Тема 17: Консультация. Разбор сложных моментов в выполнении домашних заданий. Пример применения TDD в практике разработки
Тема 18: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям
Тема 19: Работа с асинхронным кодом
Тема 20: Современный инструментарий при разработке клиентских (и не только приложений)
Создание и стилизация HTML страниц
Модуль посвящен работе с разметкой страницы (HTML) и ее стилизацией (CSS). Так же рассматриваются вспомогательные инструменты (такие как препроцессоры и шаблонизаторы) и практики по разработке интерактивных страниц (работа с виджетами, тестирование верстки и тп).
Тема 1: Инструменты разработки. Тестирование верстки, использование медиазапросов
Тема 2: Консультация по ДЗ
Применение JavaScript/Typescript для создания интерактивных страниц
Рассматривается применение Typescript для разработки сложных приложений. Разбираются вопросы работы вспомогательным кодом (утилиты и шаблонизаторы), базовые правила разработки программных интерфейсов, вопросы организации слоя представлений в приложениях на jvascript.
Тема 1: Создание подключаемых плагинов
Тема 2: Различие между стандартами языка, инструменты транспиляции, проблемы типизации
Тема 3: Консультация по ДЗ
Тема 4: Настройка окружения для современной разработки на TS, использование документации, настройка тестового окружения
Тема 5: Консультация
Тема 6: ООП в JavaScript
Тема 7: Основы функциональной разработки
Тема 8: Консультация по ДЗ
Тема 9: Разбор базовых приемов разработки на Typescript - типы, интерфейсы, перечисления и прочее
Тема 10: Разработка собственного API
Тема 11: Разработка шаблонизатора
Тема 12: Консультации
Структурирование программ на JavaScript
Раскрывается тема управления состоянием приложения.
Тема 1: Mediator и EventEmitter как инструмент организации кода
Тема 2: Управление состоянием приложения, разработка redux
Тема 3: REST, RPC и сетевые запросы
Тема 4: Работа с асинхронными actions в redux
Разработка одностраничных приложений
Модуль посвящен разработке одностраничных приложений, работе с клиентским роутингом. В ходе модуля разбираются необходимые части SPA.
Тема 1: Клиентский роутинг, как строится одностраничное приложение
Тема 2: «Особенности деплоя и сборки одностраничных приложений»
Тема 3: Консультация по ДЗ
Тема 4: Использование redux для хранения состояния приложения, использование селекторов для отвязки роутов от redux
Тема 5: Консультация
Разработка с использованием React.js
Модуль освещает работу с библиотекой клиентского рендеринга React, подводит итоги прошлых модулей в плане клиентской разработки и показывает, как изученные концепции используются при работе в современных окружениях.
Тема 1: Что такое React, JSX, настройка окружения
Тема 2: Умные и глупые компоненты в разрезе React
Тема 3: Жизненный цикл классовых компонентов
Тема 4: Функциональные компоненты
Тема 5: Совместное использование React и redux
Тема 6: Роутинг и ленивая загрузка страниц при работе с React
Основы разработки на Node.js
Модуль посвящен освновным вопросам разработки кода на Node.js. Раскрываются вопросы написания серверных API и консольных программ.
Тема 1: Сферы применения Node.js, отличия от разработки в браузере
Тема 2: Консультация по ДЗ
Сопровождение кода
Модуль посвящен документированию кода, работе с унаследованным кодом (когда приходится иметь дело с кодом, написанным до нас) и чек-листам при подключении на новый проект.
Тема 1: Презентация работы - что сделать, чтобы было хорошо
Тема 2: Карьерное консультирование
Тема 3: Консультация по ДЗ и проектной работе
Проектная работа
Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.
Тема 1: Защита проектных работ
3 ступень. JavaScript Professional
Практический курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Применяйте не только принципы работы современных JavaScript фреймворков и библиотек, но и углубитесь во внутренние алгоритмы и логику работы фреймворков и рассмотрите спецификации. Выбирайте подходящие инструменты для проекта.
JavaScript
Мы рассмотрим основные возможности современного и традиционного JavaScript, стандарт EcmaScript 6+, Templates, асинхронные паттерны Promise, Async Await, переменные, замыкания, функции, наследование и классы. Разберем особенности браузерного API и спецификаций Web Components на примере библиотеки Lit-HTML. Обсудим главные принципы и возможности Node.js, а также NPM для управления зависимостями и автоматизации задач. Мы научимся использовать Test-Driven Development при решении практических задач.
Тема 1: Введение в курс: знакомство с программой, командой курса
Тема 2: Новинки стандарта
Тема 3: Асинхронные паттерны
Тема 4: Введение в Node.js и NPM
Тема 5: Функциональное программирование
Тема 6: Работа с браузером
Тема 7: Web Components
Тема 8: Bulid tools: Vite, Webpack, Rollup
Node.js
Этот модуль о серверной среде JavaScript. Мы разберем ключевые особенности Node.js - EventLoop, модули и потоки. Мы научимся строить API, используя фреймворк Express, подходы REST и GraphQL. Поговорим о WebAssembly и общих практиках при работе с процессами и ошибками. В конце мы подведем резюме стэка технологий Node.js
Тема 1: Основные концепции Node - Modules
Тема 2: Стандартная библиотека Node - EventLoop - Timers
Тема 3: Работка с потоками - Streams
Тема 4: HTTP Server
Тема 5: Web-сервер с Express
Тема 6: Построение Rest API с Express
Тема 7: Введение в TypeScript
Тема 8: Особенности TypeScript
Тема 9: Web-сервер с Nest.js
Тема 10: Введение в язык SQL, PostgreSQL
Тема 11: Работа с PostgreSQL и TypeORM
Тема 12: Node.js и Docker
Тема 13: Сборка и деплой проекта, CI/CD
Аспекты архитектуры FrontEnd приложений
В этом блоке мы рассматриваем паттерны разработки и архитектуры FrontEnd приложений. Обсудим технологии входящие в Progressive Web Apps; преимущества и недостатки, и практические аспекты сервер сайд рендеринга. Поговорим о Svelte как альтернативе стандартным FrontEnd фреймворкам.
Тема 1: Инструменты и технологии JS тестирования, BDD (Behavior-Driven Development )
Тема 2: Service Workers и PWA
Тема 3: Архитектура фронтенд приложений - микрофронтенды
Тема 4: Современные рендеринг фреймворки и аспекты SSR
Тема 5: Альтернатива большим фреймворкам - Обзор SvelteJS
Тема 6: Функциональное программирование
React
Мы подробно изучим стэк технологий React. Рассмотрим особенности синтаксической шаблонизации JSX, особенности передачи данных и хранения состояния с помощью state и props. Разберем свойства компонентного подхода для декомпозиции React приложений, жизненный цикл и типы компонент, например, High-Order Components. Изучим шаблон проектирования Flux и его реализацию на примере библиотеки Redux. Будем настраивать и оптимизировать приложения с Server-Side Rendering.
Тема 1: Обзор React
Тема 2: Hooks в React
Тема 3: Higher-Order Components, Custom Hooks и другие паттерны React
Тема 4: Состояние приложения с Redux и Mobx
Тема 5: Routing в React - Оптимизация приложения
Angular
Подробно изучим язык TypeScript и преимущества его использования. Разберем паттерн проектирования Observable на базе библиотеки RxJS. Научимся работать с фреймворком Angular - создавать компоненты и формы, управлять Routing, использовать Dependency Injection для сервисов, а также тестировать и собирать приложения с помощью Webpack.
Тема 1: Введение в Angular
Тема 2: Компоненты и директивы
Тема 3: Signals
Тема 4: Создание и управление формами в Angular
Тема 5: Observables - RxJS
Тема 6: Сервисы и состояние приложения
Тема 7: Routing, тестирование и сборка в Angular
Vue
В этом модуле мы сосредоточимся на Vue - современном и популярном FrontEnd фреймворке. Мы рассмотрим особенности шаблонизации и создания динамических приложений на Vue. Разберем возможности и жизненный цикл компонент, хранения состояния. Изучим инструменты Vuex и Vue CLI. Будем настраивать и оптимизировать сборку приложений с Server-Side Rendering.
Тема 1: Основы Vue
Тема 2: Компоненты и шаблоны
Тема 3: Управление компонентами
Тема 4: Состояние приложения - Vuex и Pinia
Тема 5: Routing
Тема 6: Advanced Vue
Проектная работа
Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. Проект должен стать примером кода, который можно показывать потенциальным работодателям.
Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий
Тема 2: Карьерная консультация
Тема 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, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.
Прошедшие
мероприятия
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Диплом о профессиональной переподготовке
OTUS осуществляет лицензированную образовательную деятельность.
В конце прохождения специализации вы получите сертификат OTUS и официальный диплом о получении новой специальности
Почему специализация выгоднее, чем отдельные курсы?
- Стоимость ниже, чем покупка курсов по отдельности
- Диплом о профессиональной переподготовке
- Расширенная опция помощи с трудоустройством
Fullstack developer
Полная стоимость
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Оставьте заявку и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно