Специальная цена
Рассрочка
JavaScript Developer. Professional
27 декабря
Professional
5 месяцев
Онлайн
Пн/Ср 20:00 Мск
Видео-презентация курса
JavaScript Developer. Professional
Для кого этот курс?
- Для фронтенд разработчиков JavaScript, которым надо усилиить знания в Agular, Node, Vue, React
- Для Web-разработчиков, желающие освежить знания и расширить арсенал инструментов JavaScript
- Для бэкенд-разрабочиков, которые хотят перейти в Fullstack develompent и работать с фронтендом.
Необходимые знания
- Знание основ и опыт использования фреймворков JavaScript и Git
- Знание HTML и CSS
- Основы работы браузера и браузерного API
Подходит ли программа именно вам?
Пройдите короткий тест, который проверяет ваше знание пререквизитов, а именно HTML, CSS, JavaScript которые понадобятся вам на курсеЧто вам даст этот курс?
Прокачайте свои знания JavaScript для использования всего набора инструментов Fullstack-разработчика. Стек технологий, рассматриваемых в рамках курса, позволяет внести разнообразие в свою работу, открывает возможность участвовать в интересных проектах и стартапах, развивать комплексные проекты для реализации различных задач.
Применяйте не только принципы работы современных JavaScript фреймворков и библиотек, но и углубитесь во внутренние алгоритмы и логику работы фреймворков и рассмотрите спецификации. Выбирайте подходящие инструменты для проекта.После обучения вы сможете:
- Создавать web-приложения с использованием современных технологий (ReactJS, Redux)
- Собирать проекты для production с помощью Webpack
- Проектировать, организовывать, контроль состояния и тестирования серверных и клиентских приложений
- Тестировать проект unit-тестами на разных уровнях
- Писать тесты на различных фреймворках и уровнях
- Организовывать хранение данных в PostgreSQL, использовать TDD подход
- Использовать современные подходы к разработке UI такие, как Vue и набирающий популярность Svelte
- Применять паттерны проектирования: Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables
- Свободно разбираться в основных возможностях JavaScript — замыкания, особенности ООП и SOLID в JS, Promises и другие фичи ES6, паттерна Event Loop и др.
- Использовать DOM API, Ajax и события в рамках разработки в браузере
- Знать полный ландшафт современных технологий Node.js / React / Angular / Vue / Svelte / TypeScript / Web Components
Актуальность программы
В курсе представлены наиболее популярные фреймворки для создания современных ресурсов. Научитесь создавать web-приложения на последних версиях React.js, Vue.js или Angular с серверной частью на Node.js.
Процесс обучения
Занятия в OTUS — это не заранее отснятый материал. Вебинары проходят в режиме реального времени, где преподаватели-практики рассказывают об актуальных кейсах и инструментах, которые нужны им в работе сейчас. Вы сможете активно участвовать голосом, практиковаться, задавать вопросы и получать обратную связь. Такой формат дает реальный результат.
А если вы не смогли посетить занятие в реальном времени, то сможете посмотреть его в записи и задать вопрос преподавателю в закрытом Telegram-чате.
Перспективы
Сможете претендовать на позицию Fullstack developer
Эксперты
Ревью кода от практикующих специалистов
Оптимальная нагрузка
Возможность совмещать учебу с работой
Партнеры
Многие студенты еще во время прохождения первой части программы находят или меняют работу, а к концу обучения могут претендовать на повышение в должности.
- Получите помощь с оформлением резюме, портфолио и сопроводительного письма
- Получите рекомендации, как искать работу, и советы по прохождению собеседования
Работодатели курса
Формат обучения
Интерактивные вебинары
2 онлайн-трансляции по 2 ак.часа в неделю. Доступ к записям и материалам остается навсегда
Домашнее задание
Домашние задания в формате мини-assignment, как на собеседованиях в российских и европейских компаниях
Активное комьюнити
Общайтесь с преподавателями голосом на вебинарах, в закрытом чате Telegram и при проверке домашних заданий
Программа
Актуальные Возможности JavaScript
Мы рассмотрим основные возможности современного и традиционного JavaScript, стандарт EcmaScript 6+, Templates, асинхронные паттерны Promise, Async Await, переменные, замыкания, функции, наследование и классы. Разберем особенности браузерного API и спецификаций Web Components на примере библиотеки Lit-HTML. Обсудим главные принципы и возможности Node.js, а также NPM для управления зависимостями и автоматизации задач.
Тема 1: Введение в курс: знакомство с программой, командой курса
Тема 2: Асинхронные паттерны
Тема 3: Введение в Node.js и NPM
Тема 4: Работа с браузером
Тема 5: Web Components
Тема 6: 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: Web-сервер с Express
Тема 4: Построение Rest API с Express
Тема 5: Введение в TypeScript
Тема 6: Особенности TypeScript
Тема 7: Web-сервер с Nest.js
Тема 8: Введение в язык SQL, PostgreSQL
Тема 9: Работа с PostgreSQL и TypeORM
Тема 10: Node.js и Docker
Тема 11: Сборка и деплой проекта, CI/CD
Тема 12: Консультация по ДЗ
Vue.js
В этом модуле мы сосредоточимся на Vue - современном и популярном FrontEnd фреймворке. Мы рассмотрим особенности шаблонизации и создания динамических приложений на Vue. Разберем возможности и жизненный цикл компонент, хранения состояния. Изучим инструменты Vuex и Vue CLI. Будем настраивать и оптимизировать сборку приложений с Server-Side Rendering.
Тема 1: Основы Vue3
Тема 2: Компоненты и шаблоны
Тема 3: Управление компонентами
Тема 4: Состояние приложения - Vuex и Pinia
Тема 5: Routing
Тема 6: Advanced Vue
Тема 7: Консультация по ДЗ
Angular
Подробно изучим язык TypeScript и преимущества его использования. Разберем паттерн проектирования Observable на базе библиотеки RxJS. Научимся работать с фреймворком Angular - создавать компоненты и формы, управлять Routing, использовать Dependency Injection для сервисов, а также тестировать и собирать приложения с помощью Webpack
Тема 1: Введение в Angular
Тема 2: Компоненты и директивы
Тема 3: Signals
Тема 4: Создание и управление формами в Angular
Тема 5: Observables - RxJS
Тема 6: Сервисы и состояние приложения
Тема 7: Routing, тестирование и сборка в Angular
Тема 8: Консультация по ДЗ
React.js
Мы подробно изучим стэк технологий 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 - Оптимизация приложения
Тема 6: Архитектура фронтенд приложений - микрофронтенды
Тема 7: Современные рендеринг фреймворки и аспекты SSR
Проектная работа
Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. Проект должен стать примером кода, который можно показывать потенциальным работодателям.
Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий
Тема 2: Карьерная консультация
Тема 3: Защита проектных работ
Также вы можете получить полную программу, чтобы убедиться, что обучение вам подходит
Выпускной проект
На протяжении всего курса вы будете работать над собственным проектом. Его разработка нужна для окончательного закрепления знаний, которые были получены в рамках пройденных занятий. При успешном выполнении он станет образцом кода, который JavaScript разработчик сможет показывать будущим работодателям.
Примеры тем проекта:
Task Runner для создания части Continuous Integration цикла
Receipt Roulette для управления и рекомендаций рецептов
Elements Dashboard - магазин Web компонент, созданных на одном из библиотек. В приложении можно видеть рейтинг, демонстрацию и документацию зарегистрированных элементов
Преподаватели
Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания
Ближайшие мероприятия
Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.
Каким слушателям вебинар будет полезен?
- JavaScript-разработчикам, которые уже работают с React и хотят освоить Vue без стресса.
- Frontend-разработчикам, планирующим расширить свои знания новым фреймворком, используя уже существующие навыки.
- Fullstack-разработчикам, заинтересованным в универсальных навыках для быстрой адаптации к разным фреймворкам.
Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.
- Полный обзор веб-компонентов: как создавать независимые, повторно используемые элементы интерфейса на чистом JavaScript, которые легко внедрять в любые проекты.
- Shadow DOM на практике: изолируем стили и поведение, создавая защищенные от внешнего влияния компоненты, которые остаются устойчивыми в любых условиях.
- Примеры создания интерфейсов, которые могут работать с нативным JavaScript и легко интегрируются с фреймворками, такими как React и Vue, где уже есть поддержка для веб-компонентов.
Каким слушателям вебинар будет полезен?
- Frontend-разработчикам, желающим углубить свои знания в чистом JavaScript и создавать универсальные решения, которые будут полезны в любом проекте.
- JavaScript-разработчикам, заинтересованным в создании компонентов с изолированными стилями и поведением без использования фреймворков.
- Тем, кто хочет понимать, как работать с веб-компонентами и применять знания в приложениях, которые могут быть построены на любых технологиях.
Что узнают участники?
- Как создать нативные веб-компоненты с использованием JavaScript и Shadow DOM — мощные, инкапсулированные элементы для долгосрочной поддержки.
- Методы работы с Shadow DOM, чтобы интерфейсы стали независимыми от остального кода и легко адаптировались для любых задач.
- Почему веб-компоненты — это фундамент для универсальных интерфейсов, и как фреймворки уже используют эти принципы, давая возможность легко внедрять и масштабировать элементы.
- Основы работы с Pinia — нового стандартного менеджера состояния в Vue 3.
- Применение Pinia для создания реактивного и гибкого управления состоянием.
- Оптимизация взаимодействия компонентов с помощью Pinia, примеры использования и настройка.
Каким слушателям вебинар будет полезен?
- Vue-разработчикам, желающим эффективно управлять состоянием своих приложений.
- JavaScript-разработчикам, которые ищут альтернативы Vuex и хотят использовать современные возможности Vue 3.
- Fullstack-разработчикам, стремящимся повысить уровень владения Vue 3 для работы с состоянием.
Что узнают участники?
- Как использовать Pinia для гибкого и реактивного управления состоянием в Vue 3.
- Принципы настройки и организации состояния, улучшение производительности приложений.
-Применение Pinia в реальных проектах: от небольших приложений до крупных SPA.
Прошедшие
мероприятия
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!
Корпоративное обучение для ваших сотрудников
- Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
- Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
- OTUS проверяет знания студентов перед стартом обучения и после его завершения
- Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
- Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
- OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год
Отзывы
Сертификат о прохождении курса
OTUS осуществляет лицензированную образовательную деятельность. В конце обучения вы получите сертификат OTUS о прохождении курса
После обучения вы:
- Заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на github и другие дополнительные материалы;
- Получите сертификат о прохождении курса;
- Приобретете опыт работы с актуальными технологиями, фреймворками и инструментарием.
JavaScript Developer. Professional
Стоимость в рассрочку со скидкой
Стоимость указана для оплаты физическими лицами
вычета до 13% стоимости обучения. Пройдите тестирование и менеджер вас проконсультирует
+7 499 938-92-02 бесплатно