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

31 мая — 5 августа 2019

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Учебный проект «Код и Магия»

«Код и Магия»

Демо-страница игры-платформера «Код и Магия», на которой можно поиграть в игру, а в специальном окне настроить внешний вид игрового персонажа, купить для него артефакты, которые помогают в игре и посмотреть на похожих персонажей других игроков.

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

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

Личный проект «Кекстаграм»

«Кекстаграм»

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

Обзор проекта на YouTube.

Личный проект «Кексобукинг»

«Кексобукинг»

Сервис размещения объявлений об аренде недвижимости в Токио. Пользователи делятся информацией о своём объекте недвижимости, размещают фотографии, указывают адрес, перемещая метку по карте города. Кроме этого, можно посмотреть на объявления, размещённые другими пользователями.

Обзор проекта на YouTube.

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

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

В Авито нет верстальщиков, только фронтенд-разработчики разных уровней. Чтобы попасть к нам на работу младшим разработчиком, человек должен обладать определёнными навыками. Это уверенное владение базовыми технологиями: 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 на рынках США и западной Европы.

Авторы курса

Авторы курса
  • Олег Акинин
    Олег Акинин

    6 лет опыта разработки

    Олег Акинин

    Преподаватель в HTML Academy, знаток лайфхаков в разработке и ценитель чистого кода.

  • Игорь Алексеенко
    Игорь Алексеенко

    12 лет опыта разработки

    Игорь Алексеенко

    Преподаватель в HTML Academy, докладчик фронтенд-конференций и мастер метафор.

  • Евгений Щепотьев
    Евгений Щепотьев

    10 лет опыта разработки

    Евгений Щепотьев

    Преподаватель в HTML Academy, докладчик фронтенд-конференций и немного волшебник.

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

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

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

Раздел 1

Знакомство

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

Как проходит курс. Организационные вопросы.

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

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

Введение в программирование.

  • Программирование и алгоритмы.
  • Данные.
  • Линейные алгоритмы.
  • Ветвящиеся алгоритмы.

Основы JavaScript.

  • Типы данных.
  • Операторы.
  • Приведение типов.
  • Переменные.
  • Функции.
  • Условные операторы.
Практика

Практика

  • Создание репозитория, форк, клонирование.
  • Создание ветки, коммита, синхронизация репозиториев.
  • Создание пулреквеста в Гитхабе.
  • Первая программа: функции для управления параметрами онлайн-игры.
Раздел 2

Встроенные API

Разбираемся со сложными типами данных: массивы и объекты, циклические алгоритмы, а также посмотрим на встроенные в JavaScript объекты для работы с окном браузера, открытой страницей, DOM-элементами и графикой.

Отладка кода.

Сложные типы данных.

  • Циклические алгоритмы.
  • Массивы.
  • Объекты.

Встроенные объекты.

  • document, элемент для работы c DOM-деревом.
  • canvas, элемент для работы c программируемой графикой.
Практика

Практика

Экран статистики для онлайн-игры с использованием программируемой графики.

Вторая неделя
Раздел 3

DOM

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

Управление DOM-деревом.

  • DOM-дерево: структура.
  • Поиск элементов на странице.
  • Управление атрибутами DOM-элементов.
  • Перемещение элементов в DOM-дереве.

Подходы к созданию DOM-элементов.

  • Управление разметкой: insertAdjacentHTML, innerHTML, textContent.
  • Создание DOM-объектов.

Шаблонизация.

  • Строковая шаблонизация.
  • Специальный тег <template>.
Практика

Практика

  • Создание структуры данных.
  • Генерация DOM-элементов из шаблона, на основе структуры данных.
Раздел 4

Обработка событий

Рассмотрим динамическое взаимодействие с пользователем: как сделать так, чтобы страница начала реагировать на ввод текста в формы, нажатие на определённые элементы, прокрутки и прочее. Заодно попробуем сделать страницу более доступной: как добавить правильную работу с клавиатурой и зачем это нужно.

Асинхронность, Event Loop.

События.

  • Обработчики событий.
  • Объект Event, управление событиями.
  • Фазы событий и делегирование.
  • Клавиатурные события и доступность.

Валидация форм.

Практика

Практика

Добавление реакции на действия пользователя.

  • Обработка пользовательской реакции.
  • Работа с доступностью.
  • Валидация формы.
Третья неделя
Раздел 5

Модули

Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, но при этом делать больше.

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

  • Изменение координат элементов на странице.
  • Drag and Drop.

Области видимости функций.

  • Области видимости.
  • Глобальная область видимости.
  • Замыкания.
  • Потеря окружения.

Модульность.

  • Повторное использование кода, принцип DRY.
  • Функции как модули.
  • Понятие модуля, виды модулей.
  • Инкапсуляция.
  • Немедленно выполняющиеся функции (IIFE).
Практика

Практика

Избавление от повторяющегося кода.

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

Работа с сетью

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

Исключения.

Оператор множественного выбора switch.

Протокол HTTP и форматы данных.

  • XML.
  • JSON.
  • JSONP.
  • Объект XMLHttpRequest.
  • Обработка ошибок в запросах.
Практика

Практика

  • Загрузка данных для шаблонов из интернета.
  • Добавление реакции на ошибки загрузки.
Четвёртая неделя
Раздел 7

Структуры данных

Разберём непопулярную среди фронтенд-разработчиков тему структур данных. Что такое данные, почему у них есть структура, и на доступных примерах посмотрим, как использование структур данных может облегчить разработчику жизнь.

Контекст функций.

  • Ключевое слово this.
  • Изменение контекста.

Продвинутая работа с массивами.

  • Управление массивами: вставка и удаление элементов.
  • Выборки из массива: slice и filter.
  • Сортировка.
  • Итераторы по массивам.
  • Свёртка массивов: some, every и reduce.

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

  • Оценка эффективности алгоритмов.
  • Пропуск кадров — тротлинг (throttle).
  • Устранение дребезга — дебаунс (debounce).
Практика

Практика

  • Добавление поисковых фильтров на страницу.
  • Создание функции «устранения дребезга».
Пятая неделя
Раздел 8

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

Разберём продвинутую работу с объектами, узнаем как можно удобным способом создавать большое количество одинаковых объектов и зачем это нужно.

Типизированные объекты.

  • Функции-конструкторы.
  • Прототипы.
  • Цепочки прототипов, наследование.
  • Полиморфизм, переопределение методов.

Рефакторинг.

Практика

Практика

  • Загрузка изображений перетаскиванием в окно браузера.
  • Рефакторинг кода в объектном стиле.

Задания в этом разделе необязательны.

Раздел 9

Узкие места в JavaScript

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

  • Необязательные точки с запятой.
  • Подвешивание (hoisting) переменных и функций.
  • Продвинутые техники программирования.
  • Регулярные выражения.
  • Минификация кода.
Шестая неделя

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

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

Дедлайн предзащиты и начало подготовки к итоговой защите.

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

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

Промежуточная проверка проекта личным наставником по критериям качества.

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

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

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

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

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

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

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

Сертификат

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

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

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

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

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

Отзывы выпускников

  • Владимир КоломоецВладимир Коломоец

    Я прошёл интенсив Академии «JavaScript, уровень 1» в рамках профессии «Фронтенд-разработчик», после первого и второго уровня HTML и CSS. Могу с уверенностью заявить, что теперь что-то понимаю в JavaScript.

  • Дмитрий ОборотовДмитрий Оборотов

    Один из лучших курсов что я проходил, хорошая методика, связка «лекция-задание-наставник» — великолепна.

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

  • Sergey DmitrievSergey Dmitriev

    Я был немного встревожен негативными отзывами на разных форумах об этом интенсиве. Но у меня сложилось впечатление, что либо Академия приняла все замечания и исправила интенсив либо это были просто «хейтеры», которые несильно вникали в суть дела.

  • АлександрАлександр

    Оглядываясь назад, кажется, что всё не так уж и сложно. Но на протяжении всего интенсива перед тобой каждую неделю встаёт очередная домашняя задача, а то и две. В голове мысли: «с чего начать?» и «я ничего не успею». Избавляться от таких вопросов помогают демки, наставники и повторный просмотр лекций. Огромное спасибо за таймкоды.

  • Анастасия ТитоваАнастасия Титова

    Уффф... честно говоря, очень боялась проходить интенсив именно по JavaScript, так как думала, что программирование — это вообще не ко мне. Я не знала элементарных вещей и в начале было очень тяжело. Думала, что защитить проект я не смогу. К середине интенсивна, наконец, раскачалась и начала понимать, что происходит. Дальше уже пошло легче, и я поняла, что всё возможно! Даже в таком запущенном случае, как у меня.

  • Yurii KhomenkoYurii Khomenko

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

  • Илья КолмаковИлья Колмаков

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

  • Алексей ПудниковАлексей Пудников

    Курс позволил меньше плавать в теории, детально понимать, как происходит взаимодействие языка с браузером. Улучшил навыки по встроенным методам, использованию структур, правильному взаимодействию с API, грамотной отладке без console.log.

  • Родион МеркурьевРодион Меркурьев

    Курс «JavaScript, уровень 1» был одним из самых жарких. Путь с капитаном Алексеенко был незабываемым. Нереальное количество сложностей и препятствий были преодолены на пути к заветной цели — понимание работы языка и возможность использовать его для создания сервиса по поиску и бронированию отелей.

  • Dzmitry SmirnouDzmitry Smirnou

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

Отчёт о 16 потоке читайте в нашем блоге.

Контакты

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

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

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