книга

Веб-компоненты в действии

Здесь можно купить книгу "Веб-компоненты в действии " в печатном или электронном виде. Также, Вы можете прочесть аннотацию, цитаты и содержание, ознакомиться и оставить отзывы (комментарии) об этой книге.

Автор: Бен Фаррелл

Форматы: PDF

Издательство: ДМК Пресс

Год: 2020

Место издания: Москва

ISBN: 978-5-97060-856-2

Страниц: 463

Артикул: 95183

Возрастная маркировка: 16+

Электронная книга

998 ₽

Купить и скачать

Читать фрагмент

Аннотация

Краткая аннотация книги "Веб-компоненты в действии"

Один из основных факторов, способствующих трансформации интернета в последние годы, – широкое внедрение разработки пользовательского интерфейса на основе компонентов. В этой книге подробно описываются рабочие процессы, которые дают вам полный контроль над стилями и поведением компонентов и существенно упрощают их создание, совместное и повторное использование в проектах. В первой части рассмотрено получение простого компонента с нуля. Вторая часть посвящена улучшению организации проекта. В третьей части освещаются принципы совместной работы с несколькими компонентами, позволяющей решать более сложные задачи. Для всех примеров предоставляется исходный код. Издание предназначено для веб-разработчиков, имеющих опыт работы с HTML, CSS и JavaScript.

Содержание

Содержание книги "Веб-компоненты в действии "

Предисловие
От автора
Благодарности
Об этой книге
Об авторе
Об иллюстрации на обложке
ЧАСТЬ I. ПЕРВЫЕ ШАГИ
1. Фреймворк без фреймворка
1.1 Что такое веб-компоненты?
1.2 Будущее веб-компонентов
1.3 За пределами одного компонента
1.4 Ваш проект, ваш выбор
Резюме
2. Ваш первый веб-компонент
2.1 Знакомство с HTMLElement
2.2 Правила именования вашего элемента
2.3 Определение вашего пользовательского элемента (и обработка столкновений)
2.4 Расширение HTMLElement для создания логики пользовательского компонента
2.5 Использование вашего пользовательского элемента на практике
2.6 Создание (полезного) первого компонента
2.7 Примечания относительно поддержки в браузерах
Резюме
3. Делаем так, чтобы ваш компонент можно было использовать повторно
3.1 Реальный компонент
3.2 Делаем наш компонент настраиваемым
3.3 Использование атрибутов для конфигурирования
3.4 Прослушивание изменений в атрибутах
3.5 Делаем другие вещи еще более настраиваемыми
3.6 Обновление компонента-ползунка
Резюме
4. Жизненный цикл компонента
4.1 API веб-компонентов
4.2 Обработчик connectedCallback
4.3 Остальные методы жизненного цикла веб-компонента
4.4 Сравнение с жизненным циклом React
4.5 Сравнение с жизненным циклом игрового движка
4.6 Жизненный цикл компонента v0
Резюме
5. Реализация более качественного веб-приложения с помощью модулей
5.1 Использование тега <script> для загрузки ваших веб-компонентов
5.2 Использование модулей для решения проблем зависимости
5.3 Добавляем интерактивности в наш компонент
5.4 Обертывание сторонних библиотек в виде модулей
Резюме
ЧАСТЬ II. СПОСОБЫ УЛУЧШИТЬ РАБОЧИЙ ПРОЦЕСС ВАШЕГО КОМПОНЕНТА
6. Управление разметкой
6.1 Строки. Теория
6.2 Использование шаблонных литералов
6.3 Импорт шаблонов
6.4 Логика шаблона
6.5 Кеширование элементов
6.6 Умные шаблоны
6.7 Обновление ползунка
Резюме
7. Шаблонирование контента с помощью HTML
7.1 Покойся с миром, HTML-импорт
7.2 Тег