Складчина Каталог
Мои курсы

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

24 участника
Школа HTML Academy

О чём курс

Вам нужен инструмент для масштабирования фронтенд-проектов, которые не разваливаются при добавлении новой логики. Внутри разбирают создание сложных Single Page Application (SPA) с использованием профессиональных архитектурных подходов.

Курс фокусируется на инженерных аспектах разработки:

  • Построение архитектуры на основе паттерна MVP: как правильно разделить модель, представление и презентер для обеспечения предсказуемого поведения приложения.
  • Работа с данными: использование ES2015 структур (Map, Set, Iterable), управление иммутабельностью и реализация сложного датабиндинга (односторонняя и двусторонняя связь).
  • Объектно-ориентированное программирование в JS: от основ классов и методов до наследования, полиморфизма и управления контекстом выполнения (this, bind, call, apply).
  • Инфраструктурные решения: настройка Webpack, модульная система ES20xx и отладка через source maps.

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

Программа обучения

    1. Single Page Application (SPA)
    • Организационные вопросы
    • Обзор проектов
    • Схема работы на курсе
    • SPA
    • Архитектура
    • Разбор основ паттерна MV*
    • Модули
    • Как работают модули в ES20xx
    • Циклические зависимости
    • Инфраструктура
    • Сборка приложения при помощи webpack
    • Карты исходников (source map)
    1. Структуры данных
    • Классические структуры данных
    • Структуры данных ES2015: Map, Set, Iterable
    • Возможности ES2015 для работы с массивами и объектами
    • Оператор spread и rest
    • Копирование объектов
    1. ООП. Введение
    • Объекты в JavaScript
    • Способы создания объектов
    • Свойства и методы
    • Динамические имена свойств
    • Геттеры и сеттеры
    • Иммутабельность
    • Компонентный подход
    • Объектно-ориентированное программирование
    • Какие проблемы решает ООП
    • Особенности ООП в JavaScript
    • Классы, типы в JavaScript
    • Инкапсуляция
    1. ООП. Наследование и полиморфизм
    • ООП
    • Принципы ООП
    • Полиморфизм
    • Наследование
    • Абстрактные классы
    • Контекст
    • Контекст
    • Потеря и привязка контекста (apply, bind, call)
    • Контекст стрелочных функций
    1. MVP. Presenter
    • Датабиндинг
    • Схемы связывания компонентов в паттерне MV*
    • Односторонняя связь
    1. MVP. View
    • Состояние компонентов
    • Способы реализации интерактивности компонентов
    1. MVP. Model
    • Датабиндинг
    • Разбор схем связывания компонентов в паттерне MV*
    • Двусторонняя связь
    1. Работа с сетью
    • Вспомним, как работает протокол HTTP
    • Узнаем, что такое REST и REST API
Складчина создана 10 марта 2023 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

HA HTML Academy Все материалы
Протоколы и сети: основы Протоколы и сети: основы 190 ₽ 4 515 ₽ −96%Навык «Вёрстка карточных элементов интерфейса» Навык «Вёрстка карточных элементов интерфейса» 999 ₽ 2 090 ₽ −52%Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS» Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS» 122 ₽ 18 500 ₽ −99%Вёрстка многослойных элементов интерфейса Вёрстка многослойных элементов интерфейса 80 ₽ 990 ₽ −92%Онлайн‑курс HTML и CSS. Профессиональная вёрстка сайтов Онлайн‑курс HTML и CSS. Профессиональная вёрстка сайтов 1 629 ₽ 7 900 ₽ −79%Адаптивный макет «Дизайнерская мебель» Адаптивный макет «Дизайнерская мебель» 228 ₽ 3 499 ₽ −93%Вёрстка текстового содержания страниц Вёрстка текстового содержания страниц 80 ₽ 330 ₽ −76%Продвинутый HTML и CSS Продвинутый HTML и CSS 984 ₽ 19 000 ₽ −95%Проект на JavaScript «Конструктор планировки квартиры» Проект на JavaScript «Конструктор планировки квартиры» 80 ₽ 1 990 ₽ −96%Навык «Компонентная вёрстка по БЭМ» Навык «Компонентная вёрстка по БЭМ» 65 ₽ 790 ₽ −92%React. Разработка сложных клиентских приложений React. Разработка сложных клиентских приложений 1 504 ₽ 12 000 ₽ −87%Профессиональная разработка веб-интерфейсов, JavaScript уровень 1 (Обновлённый поток, ES6)) Профессиональная разработка веб-интерфейсов, JavaScript уровень 1 (Обновлённый поток, ES6)) 1 457 ₽ 14 500 ₽ −90%

Ещё интересные курсы 10

Ещё интересные курсы

Шарнирная текстильная кукла Аврора. Ожившая ткань Можно купить
1 351 ₽ 7 000 ₽ −81%
Оплатили 6

Шарнирная текстильная кукла Аврора. Ожившая ткань

Lana Fernandez
Сборник 3D-моделей. Май 2019. Часть 3 Можно купить
310 ₽ 6 210 ₽ −95%
Оплатили 47

Сборник 3D-моделей. Май 2019. Часть 3

3ddd.ru
Ш
Предзаказ
912 ₽ 4 990 ₽ −82%

Школа стримеров

Hello, Blogger
Практическая рефлексотерапия. Модуль 1. Утренний цикл Можно купить
538 ₽ 3 000 ₽ −82%
Оплатили 14

Практическая рефлексотерапия. Модуль 1. Утренний цикл

Владимир Кононов
Эстрогены. Роль и функции в мужском и женском организме. Важные нюансы Можно купить
260 ₽ 800 ₽ −68%
Оплатили 11

Эстрогены. Роль и функции в мужском и женском организме. Важные нюансы

Юлия Тишова
Система Экстремального Рукопашного Боя - Базовые Основы Серия · 2 выпуска
0 ₽ 2 100 ₽ −100%

Система Экстремального Рукопашного Боя - Базовые Основы

Юрий Кормушин
BUNDLE VIDEO LUTS 3&4 Можно купить
494 ₽ 4 990 ₽ −90%
Оплатили 24

BUNDLE VIDEO LUTS 3&4

Kreativ Wedding
1 128 ₽ 12 000 ₽