Сложность
Сложность
Продвинутый
Тип обучения
Тип обучения
Курс
Трудоустройство
Трудоустройство
Отсутствует
Сертификат
Сертификат
Да

Стоимость курса

бесплатно
есть рассрочка

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

Что вас ждёт на обучении
Лайвы
Прямые эфиры, на которых преподаватели разбирают сложные моменты из теории и практики. Проходят с 19 до 21 по Москве, запись доступна на следующий день.
Практика
После лекции вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
Ревью кода
Наставник будет проверять качество выполнения заданий и делиться опытом, как можно сделать лучше.


Что вы получите после обучения

Приобретаемые навыки
2
MVP
4
Работа с сетью
Сертификат, ссылками на который можно делиться с другими людьми

Образовательная организация

Наша цель — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.

В 2013 году Саша и Лёша запустили HTML Academy. Мы с самого начала решили учить работать с живым кодом, решая задачи, приближенные к реальным. Мы даём возможность получить не только знания, но и умения. В процессе обучения мы сталкиваем ученика с испытаниями, принцип которых — «сверстай, как показано в образце». Именно по такому принципу работают большинство верстальщиков.

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

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

Если тренажёров и курсов вам будет мало, то можно посмотреть на книжную полку, где мы постепенно собираем книги по веб-разработке. Или зайти к нам на форум и обсудить волнующий вас вопрос.

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

Раздел 1 Single Page Application (SPA)
Рассмотрим схему работы на курсе и узнаем, какие инструменты нам понадобятся. Познакомимся с понятием модульности и рассмотрим, как устроены модули в последних версиях стандарта ECMAScript и как собирать такие модули сборщиком.

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

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

SPA.

Архитектура.

Разбор основ паттерна MV*.

Модули.

Как работают модули в ES20xx.
Циклические зависимости.

Инфраструктура.

Сборка приложения при помощи webpack.
Карты исходников (source map).

Раздел 2 Структуры данных
Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.

Классические структуры данных.
Структуры данных ES2015: Map, Set, Iterable.
Возможности ES2015 для работы с массивами и объектами.
Оператор spread и rest.
Копирование объектов.

Раздел 3 ООП. Введение
Познакомимся с объектами в JavaScript и рассмотрим новый способ их создания — с помощью классов. Поговорим про (не)изменяемость данных и разберём основы ООП.

Объекты в JavaScript.

Способы создания объектов.
Свойства и методы.
Динамические имена свойств.
Геттеры и сеттеры.

Иммутабельность.

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

Объектно-ориентированное программирование.
Какие проблемы решает ООП.
Особенности ООП в JavaScript.
Классы, типы в JavaScript.
Инкапсуляция.

Раздел 4 ООП. Наследование и полиморфизм
Продолжаем знакомиться с ООП в JavaScript. Разберём понятия полиморфизма и наследования. Подчиним магический this (контекст). Попрактикуемся в написании компонентов многоразового использования.

ООП.

Принципы ООП.
Полиморфизм.
Наследование.
Абстрактные классы.

Контекст.

Контекст.
Потеря и привязка контекста (apply, bind, call).
Контекст стрелочных функций.

Раздел 5 MVP. Presenter
Начнём детальный разбор составляющих MVP. С помощью презентера (presenter, англ.) установим связь между компонентом и структурой данных: обновление данных при взаимодействии пользователя с компонентами.

Датабиндинг.

Схемы связывания компонентов в паттерне MV*.
Односторонняя связь.

Раздел 6 MVP. View
Продолжим детальный разбор составляющих MVP. Рассмотрим способы реализации интерактивных компонентов, которые должны реагировать на действия пользователя без обновления данных.

Состояние компонентов.
Способы реализации интерактивности компонентов.

Раздел 7 MVP. Model
Завершим детальный разбор составляющих MVP. Установим обратную связь: обновление компонентов при изменении данных.

Датабиндинг.

Разбор схем связывания компонентов в паттерне MV*.
Двусторонняя связь.

Раздел 8 Работа с сетью
Вспомним, как работает протокол HTTP. Узнаем, что такое REST и REST API. Разберёмся с объектом Promise и узнаем, как он помогает отправлять и обрабатывать HTTP-запросы. Разберём, как проектировать интерфейсы, в которых есть асинхронный код так, чтобы пользователю было удобно.

Протокол HTTP.

REST.

Промисы.

Fetch API.

Первая неделя защиты
Завершение работы над проектом и подготовка к итоговой защите.

Вторая неделя защиты
Первая оценка проекта проверяющим наставником по критериям качества.

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

Раздел 9 Финал
Подведём итоги курса.

Четвёртая неделя защиты
Внесение финальных правок и получение итоговой оценки.

Рейтинг курса

4.2
рейтинг
1
0
0
0
0

Отзывы о курсе

1 отзыв
по рейтингу по дате
E
extendsnull

Хороший курс начинающим для прокачки навыков frontend-разработки

Достоинства: Сложность проектов, технические задания, система критериев, ментор и защита проекта. Недостатки: Длина лекций, иногда слишком много разборов готового кода. Прошел 15 поток курса "JavaScript. Архитектура клиентских приложений", бывший "JavaScript, уровень 2". Курс представляет собой поэтапное написание single-page application на чистом Javascript - без применения специальных биб...

Может быть интересно

обновлено 01.03.2024 11:22
Онлайн‑курс JavaScript. Архитектура клиентских приложений

Онлайн‑курс JavaScript. Архитектура клиентских приложений

Оставить отзыв
Поделиться курсом с друзьями