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

Складчина: JavaScript. Архитектура клиентских приложений. 2 уровень [HTML Academy]

Онлайн‑курс JavaScript. Архитектура клиентских приложений
29 марта - 30 мая 2021



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

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

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

• Актуальные стандарты качества: не нужно переучиваться после курса.
• Понимание полного цикла работы разработчика.
• Фундаментальные и структурированные знания необходимых технологий.
• Опыт работы с дедлайнами и планирования работы.

Программа курса
Первая неделя
ОБУЧЕНИЕ Участие в живых лекциях, работа над проектом с личным наставником.

Раздел 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
Узнаем, есть ли жизнь без интернета.

Седьмая неделя
ЗАЩИТА ПРОЕКТА Подготовка проекта к итоговой защите и оценка его проверяющим наставником по критериям качества.

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

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

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

Скрытая ссылка