Профессиональный онлайн‑курс
JavaScript, уровень 3

3 февраля — 8 апреля 2020

Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.

Записаться на курс

Консультация по телефону 8 800 555-86-28.

js3_5

Почему курс профессиональный

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

Чтобы добиться такого качества обучения, мы используем профессиональную триаду «критерии-проекты-наставники»:

НаставникиПроверкой ваших проектов на соответствие критериям качества занимаются наставники, которые являются профессиональными разработчиками.

Критерии качестваПрофессиональные критерии качества мы разрабатываем совместно с компаниями и профессиональным сообществом.

Настоящие проектыВ течение обучения вы выполняете настоящие проекты.

Настоящие проекты

В течение обучения вы выполняете настоящие проекты.

В чём отличие от интерактивных курсов?

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

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

Что вас ждёт на обучении

Подходит ли вам этот курс

Учим делать правильно

После успешного завершения курса можно начать карьеру react-разработчика, а также продолжить обучение на других наших курсах.

* Информация о медианных зарплатах в городе Москва получена на основе исследования компании «Мой круг» во втором полугодии 2018 года.

Записаться на курс

Цена повысится через 3 дня.

Наставники — это опытные профессионалы, работающие в индустрии

Профессиональный наставник

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

Чтобы отбирать таких специалистов, мы построили уникальную систему привлечения и фильтрации.

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

Процесс отбора наставника

  1. Формальные требования

    Проверяем, кем и где кандидат в наставники работал, какой у него опыт, а также смотрим на его код.

  2. Собеседование

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

  3. Регулярная обратная связь

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

Процесс работы с наставником

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

Привет. У меня последний блок с товарами почему-то выравнивается неправильно, всё перепробовала. Взглянешь?
Давай сегодня созвонимся и разберёмся вместе?
Голосовая консультация с наставником

Детальная обратная связь

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

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

А когда ревью кода недостаточно, наставники используют голосовые консультации, зачастую с демонстрацией экрана. На таких консультациях разбирают сложные вопросы или демонстрируют нетривиальные приёмы. Во время курса предусмотрено 5 часов голосовых консультаций или 9 часов на комфортном тарифе.

Учебный проект

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

Личные проекты уже свёрстаны. В течение курса вы будете кодить все 9 недель.

Учебный проект «Угадай мелодию»

«Угадай мелодию»

Музыкальная онлайн-игра со встроенным аудиоплеером. Игроку нужно угадывать исполнителей, названия и жанры разных мелодий. По мере прохождения курса, вы протестируете всю функциональность приложения.

Личные проекты

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

Личный проект «Шесть городов»

«Шесть городов»

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

Личный проект «Что посмотреть»

«Что посмотреть»

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

Отзывы компаний

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

В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: HTML, CSS и JavaScript, понимание того, как работает браузер, знание, как делать проекты кроссбраузерными, как работает API, DOM и другие важные основы. Кроме этого мы ценим ответственность, умение играть в команде, желание развиваться и инициативность.

Мне, как наставнику на курсах и бывшей студентке, известны стандарты качества Академии и то, как строится работа. Всё максимально приближено к реальным условиям — используется система контроля версий Git, есть разбивка проекта на этапы (своеобразные итерации), обязательное ревью кода наставниками и неумолимый дедлайн. Большое внимание уделяется доступности интерфейсов, а это полезно для всей отрасли.

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

Яна Крикливая разработчик клиентской части, Авито

Авито

Авито Интернет-сервис для размещения объявлений о товарах, услугах, вакансиях и резюме на рынке труда.

Что касается вёрстки и создания веб-страниц, мы в команде трепетно относимся к семантической разметке и её пониманию, умению писать на чистом CSS и системному мышлению у разработчика. Страницы должны быть не только красивыми для пользователя, но и быстро загружаться, быть структурированными и, конечно, удобными для работы в команде. При нашем объёме проектов уделять этому внимание очень важно.

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

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

Сейчас в команде работает выпускник Академии Павел и я им доволен. Необходимые базовые навыки, понимание семантики, работа с чистым CSS — всё это на хорошем уровне, а что касается JavaScript — он быстро ориентируется, если делал что-то похожее — вспоминает. Он был сразу готов взять и начать работать.

Иногда бывает, что при выходе нового джуниор-разработчика, менторить приходится до самых мелких моментов. В случае с Павлом вливание в команду прошло практически беззаботно.

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

Сергей Чикирев Wrike Website Team Lead

Wrike

Wrike Популярный сервис для управления проектами и совместной работы.

Мы в Ostrovok.ru постоянно ищем талантливых ребят: наш продукт быстро развивается и лишние фронтендерские руки (желательно «золотые») нужны всегда. Хорошего специалиста найти не так просто, поэтому мы уже несколько раз обращались к Академии, когда подбирали джуниоров.

Ребята приходили с хорошей базой и горящими глазами, быстро вливались в процессы и команду. Сейчас в Ostrovok.ru работают три выпускника Академии — все на позиции джунов и отлично справляются.

Спасибо Академии за хорошо подготовленных специалистов.

Ostrovok.ru

Ostrovok.ru Интернет-сервис по бронированию более 900 000 отелей.

Мы регулярно отправляем своих сотрудников на тренинги, семинары, интенсивы и всячески открыты к образовательным программам, так мы и познакомились с HTML Academy.

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

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

Валерия Шемякина Менеджер по обучению Ozon.

Ozon

Ozon Крупнейший российский интернет-магазин.

HTML Академия — лучшее, что происходило с ИТ-образованием в России.

Если вы боитесь, что не разберётесь или «программирование — это не для вас», то HTML Академия подойдёт вам идеально. Всегда будет у кого спросить и кто вас поддержит.

Они много работали с сообществом, чтобы понять какие именно знания нужны на работе. Круто насколько всё приближено к реальной разработке.

Андрей Ситник

Андрей Ситник Автор множества проектов с открытым исходным кодом. Создатель PostCSS, Autoprefixer и Logux_io.

К нам на вакансию фронтенд-разработчика пришёл выпускник Академии. Знания, полученные на интенсивах по JavaScript и вёрстке помогают ему решать задачи с минимальными трудозатратами.

В целом, именно обучение на курсах Академии дало нашему сотруднику возможность развиваться как хорошему разработчику и профессионально подходить к решению проблем в работе.

ГиперМетод

ГиперМетод Ведущий разработчик решений для организации дистанционного обучения, управления знаниями и учебным процессом, развития и оценки персонала в компаниях и учебных заведениях.

Огромное спасибо HTML Academy за крутых выпускников! Три человека брали к себе на стажировку, в последующем два из них остались у нас на постоянной работе. Классные ребята с хорошим бэкграундом! Академия обучает сильных специалистов!

NORDMOUNT

NORDMOUNT Внедрение, кастомизация и интеграция Salesforce на рынках США и западной Европы.

Программа курса

Первая неделя

Обучение Участие в живых лекциях, работа над проектом с личным наставником.

Раздел 1

React

Рассмотрим схему работы на курсе. Познакомимся с популярной библиотекой React. Узнаем какие проблемы она решает и как может упростить наш проект. Подготовим инфраструктуру для React-проекта, разберёмся как работают компоненты и JSX.

Организационные вопросы.

  • Обзор проектов.
  • Схема работы на интенсиве.

React.

  • Что такое React.
  • Как работает React.
  • Какие задачи эффективно решает.
  • Virtual DOM.
  • React Component.

Дополнительные инструменты.

JSX.

Компонентный подход.

  • Компоненты React.
  • Свойства компонентов.
  • Передача данных через свойства.
  • Типизация свойств.
  • Вложенные компоненты.

Рендеринг компонент.

  • Рендеринг списков.
  • Условный рендеринг.
Практика

Практика

  • Создание репозитория, форк, клонирование.
  • Знакомство с проектом.
  • Настройка инфраструктуры.
Раздел 2

Тестирование React

Познакомимся с инструментами и методиками тестирования React-приложений. Настроим инфраструктуру для тестирования, напишем тесты для созданных компонент.

  • Jest.
  • Enzyme.
  • PropTypes.
Практика

Практика

  • Настройка инфраструктуры для тестирования.
  • Применение методик тестирования.
  • Написание тестов для компонент.
Вторая неделя
Раздел 3

state

Улучшим знания о React и компонентах. Разберём state, события и методы жизненного цикла компонента.

  • state.
  • Однонаправленный поток данных.
  • Stateless-компоненты, PureComponent.

События.

  • Обработка событий в компонентах.
  • Synthetic React Events.

Методы жизненного цикла.

React и формы.

Обработка ошибок.

Практика

Практика

  • Добавление state компонентам.
Раздел 4

React и паттерны

Разбираемся с вопросом, что такое архитектура программного обеспечения и как её проектировать. Знакомимся и учимся на практике применять паттерны проектирования.

Проектирование.

  • Чем отличается хорошая программа от плохой.
  • Зачем проектировать программное обеспечение. Цели проектирования.
  • Архитектура программного обеспечения.
  • Инструменты для проектирования.

Паттерны проектирования.

  • Какие проблемы решают паттерны.
  • Из чего состоит паттерн.
  • Виды паттернов проектирования.

Паттерны в React.

  • Простые компоненты (Stateless function).
  • Условный рендеринг (Conditional Rendering).
  • Компоненты-обёртки (Proxy component).
  • Стилизация компонентов (Style component).
  • Компоненты высшего порядка (Higher-order component).
  • Переключение событий (Event switch).
  • Render Props.
  • Провайдер (Provider).
  • Порталы (Portals).
Практика

Практика

  • Улучшение проекта, применение паттернов на практике.
  • Взаимодействие со сторонней экосистемой.
Третья неделя
Раздел 5

Redux

Знакомимся с Flux-архитектурой: действия (Actions), диспетчеры (Dispatcher), представления (Views) и хранилища (Stores). Подключаем к проекту Redux и обновляем кодовую базу.

  • Flux-архитектура.
  • Хранилище, диспетчер, действия.

Redux.

Практика

Практика

  • Подключение к проекту Redux.
  • Обновление кодовой базы.
Раздел 6

Оптимизация производительности

Поговорим о производительности React-приложений: какие есть особенности, на что следует обращать внимание при проектировании компонент в первую очередь.

  • Parse и compile Time.
  • Профилирование компонент.
  • Управление обновлением компонент.
  • Рендеринг длинных списков и таблиц.
Практика

Практика

  • Профилирование компонент.
  • Рендеринг длинных списков.
Четвёртая неделя
Раздел 7

Асинхронность в Redux

Научимся внедрять асинхронный код в синхронную работу Redux с помощью Middleware.

  • Thunk.
  • Middleware.
  • Взаимодействие с сервером.
Практика

Практика

  • Загрузка данных с сервера с помощью middleware thunk.
  • Написание middleware.
Пятая неделя
Раздел 8

React Router

Знакомимся с маршрутизацией в SPA-приложениях. Добавляем в проект пакет react-router, создаём публичные и приватные маршруты.

  • Роутинг.
  • history API.
  • Компоненты Route, Link.
  • Приватные маршруты.
  • Редиректы.
Практика

Практика

  • Подключение react-router.
  • Добавление публичных и приватных маршрутов.
  • Добавление hooks.
Раздел 9

React и типизация

Познакомимся со статической типизацией. Обсудим, какие проблемы решает. Добавим к проекту TypeScript.

Статическая типизация.

  • Что это такое?
  • Плюсы минусы.
  • Статическая типизация для JS.

TypeScript и React.

  • Поддержка React в TypeScript.
  • Интерфейсы.
Практика

Практика

  • Добавление в проект TypeScript.
Шестая неделя

Защита проекта Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

Первая неделя защиты

Начало подготовки к итоговой защите.

Седьмая неделя

Вторая неделя защиты

Первая оценка проекта проверяющим наставником по критериям качества.

Восьмая неделя

Третья неделя защиты

Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.

Девятая неделя

Четвёртая неделя защиты

Внесение финальных правок и получение итоговой оценки.

Записаться на курс

Цена повысится через 3 дня.

Сертификат

После прохождения курса вы получите электронный сертификат

Образовательная деятельность осуществляется на основании государственной лицензии № 3026 от 6 июня 2017 года.

Сертификат профессионального онлайн-курса «JavaScript, уровень 3»

Статистика Академии

  • 7лет на рынке обучения
  • 86профессиональных курсов проведено
  • 9 590выпускников защитили проекты

3 февраля — 8 апреля 2020

Зарегистрироваться и оплатить
курс «JavaScript, уровень 3»

5 часов работы с личным наставником.

3 февраля — 8 апреля 2020

Зарегистрироваться и оплатить
курс «JavaScript, уровень 3»

Осталось 99 мест

23 900до 26 ноября21 900

Нажимая «Оплатить», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями предоставления услуг».

Заполните, пожалуйста, ваши имя и электронную почту для регистрации.

После оплаты курса вам придёт письмо с инструкциями и ссылкой для доступа в интерфейс участника.

  • У нас есть образовательная лицензия
  • Выдаём электронные сертификаты
  • Можно сделать налоговый вычет
  • Доступ к платным интерактивным курсам на время интенсива
  • Не уверены, какой курс выбрать? Проконсультируем по телефону: 8 800 555-86-28.

Контакты

Остались вопросы? Проконсультируем по телефону 8 800 555-86-28.

Неудобно по телефону?

Отвечаем и помогаем во Вконтакте, Фейсбуке или по почте.