Ho Lee Fuk

Сенсей
🛡 МОДЕРАТОР 🛡
Регистрация
22 Февраль 2018
Сообщения
11.084
Автор: HTML Academy

Название: JavaScript. Архитектура клиентских приложений (2023)

1737533618071-png.146437


Описание:

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

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

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

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.

Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
Скрытое содержимое могут видеть только члены группы Премиум.


Скрытый контент для пользователей All-dar.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Сверху