![[HTML Academy] JavaScript. Архитектура клиентских _0.png](https://sliv-cloud.top/img_it/[HTML Academy] JavaScript. Архитектура клиентских _0.png)
[HTML Academy] JavaScript. Архитектура клиентских приложений (2023)
Курс разработан для тех, кто хочет сменить профессию и стать высокооплачиваемым профессионалом. Он подойдёт для работающих людей, у которых мало времени.
На этом курсе вы научитесь делать настоящие проекты, такие же по уровню сложности, как в индустрии. И будете делать их правильно, чтобы после обучения выдавать результат высокого уровня, за который компании готовы платить.
Что вас ждёт на обучении
* Глубокая теория
Сначала вы изучаете теорию: проходите тренажёры, смотрите лекции, экспериментируете с интерактивными демонстрациями и изучаете учебник.
* Практика
Затем вы выполняете домашние задания, в котором работаете над своим проектом и закрепляете учебный материал.
* Ревью кода
Наставник будет проверять качество выполнения заданий и делиться опытом, как можно сделать лучше.
Подходит ли вам этот курс
* Обучение рассчитано на выпускников курса «JavaScript. Профессиональная разработка веб-интерфейсов» или для разработчиков, желающих поднять свои навыки.
* Объём заданий подобран так, чтобы даже занятые и работающие люди успевали выполнять их в срок, работая в комфортном режиме.
Программа курса
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.
—————————————————————————
🔗 Продажник:
Доступно пользователям: Зарегистрированный
📥 СКАЧАТЬ КУРС:
Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.
🔐 Хотите получить доступ?
Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.
💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал