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

книга

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

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

Форматы: PDF

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

Год: 2020

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

ISBN: 978-5-97060-856-2

Страниц: 463

Артикул: 95183

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

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

998 ₽

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

Содержание

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

Предисловие

От автора

Благодарности

Об этой книге

Об авторе

Об иллюстрации на обложке

ЧАСТЬ 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 Использование тега