[HTML Academy] JavaScript. Архитектура клиентских приложений, уровень 2. Март 2021

• Живые лекции
  Лекции проходят по понедельникам и четвергам с 19:00 до 21:00 по московскому времени. Запись лекции доступна на следующий день.
• Практика
  После лекции вы выполняете домашнее задание, в котором работаете над своим проектом и закрепляете учебный материал.
• Ревью кода
  После каждого задания ваш личный наставник проверяет качество работы, делится опытом и рассказывает, как можно сделать лучше.

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

• Обучение рассчитано на выпускников курса «JavaScript. Профессиональная разработка веб-интерфейсов» или для разработчиков, желающих поднять свои навыки.
• Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
• Чтобы успешно пройти курс вам понадобится 15−20 часов в неделю или 2,5−3 часа в день. Занимайтесь равномерно в течение недели или погружайтесь в учёбу на выходных.
• Сроки итоговой защиты позволяют детально проработать обратную связь от проверяющего наставника и получить отлично выполненный личный проект.

Программа курса
Первая неделя
ОБУЧЕНИЕУчастие в живых лекциях, работа над проектом с личным наставником.
Раздел 1
Single Page Application (SPA)
Рассмотрим схему работы на интенсиве и узнаем, какие инструменты нам понадобятся. Познакомимся с понятием модульности и рассмотрим, как устроены модули в последних версиях стандарта ECMAScript и как собирать такие модули сборщиком.
Организационные вопросы.

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

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

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

Модули.

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

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

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

Практика

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

Раздел 2
Структуры данных
Узнаем, зачем нужны структуры данных frontend-разработчику и как их применять в своих проектах.
Вторая неделя
Раздел 3
ООП. Введение
Познакомимся с объектами в JavaScript и рассмотрим новый способ их создания — с помощью классов. Поговорим про (не)изменяемость данных и разберём основы ООП.
Третья неделя
Раздел 4
ООП. Наследование и полиморфизм
Продолжаем знакомиться с ООП в JavaScript. Разберём понятия полиморфизма и наследования. Подчиним магический this (контекст). Попрактикуемся в написании компонентов многоразового использования.
Четвёртая неделя
Раздел 5
MVP. Presenter
Начнём детальный разбор составляющих MVP. С помощью презентера (presenter, англ.) установим связь между компонентом и структурой данных: обновление данных при взаимодействии пользователя с компонентами.
Раздел 6
MVP. View
Продолжим детальный разбор составляющих MVP. Рассмотрим способы реализации интерактивных компонентов, которые должны реагировать на действия пользователя без обновления данных.
Пятая неделя
Раздел 7
MVP. Model
Завершим детальный разбор составляющих MVP. Установим обратную связь: обновление компонентов при изменении данных.
Шестая неделя
Раздел 8
Работа с сетью
Вспомним, как работает протокол HTTP. Узнаем, что такое REST и REST API. Разберёмся с объектом Promise и узнаем, как он помогает отправлять и обрабатывать HTTP-запросы. Разберём, как проектировать интерфейсы, в которых есть асинхронный код так, чтобы пользователю было удобно.
Первая неделя защиты
Начало подготовки к итоговой защите.
Раздел 9
Offline
Узнаем, есть ли жизнь без интернета.
Седьмая неделя
ЗАЩИТА ПРОЕКТАПодготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.
Вторая неделя защиты
Первая оценка проекта проверяющим наставником по критериям качества.
Восьмая неделя
Третья неделя защиты
Улучшение проекта по замечаниям проверяющего наставника и подача на вторую оценку.
Девятая неделя
Четвёртая неделя защиты
Внесение финальных правок и получение итоговой оценки.

Нажмите для раскрытия…