Developing web components with TypeScript : native web development using thin libraries /

Create professional and progressive web apps with the native HTML API on the latest technology stack. This book describes the basics of web components and how to create them using plain JavaScript as well as how to make professional applications based on web components using TypeScript. Developing W...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Krause, Jörg, 1964- (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: [Berkeley, CA] : Apress, [2021]
Temas:
Internet programming.
Web applications.
TypeScript (Computer program language)
Programmation Internet.
Applications Web.
TypeScript (Langage de programmation)
Internet programming
Web applications
Acceso en línea:Texto completo (Requiere registro previo con correo institucional)
Tabla de Contenidos:
  • Intro
  • Table of Contents
  • About the Author
  • About the Technical Reviewer
  • Acknowledgments
  • Introduction
  • Chapter 1: Introduction
  • The Global Picture
  • Components
  • Component Architecture
  • Parts of a Component
  • The Rise of Thin Libraries
  • Single-Page Apps
  • The HTML 5 API
  • The Template Language
  • Smart Decorators
  • TypeScript
  • WebPack
  • Compatibility
  • Other Libraries
  • Summary
  • Chapter 2: Making Components
  • Basics
  • A First Example
  • Observing Unset Elements
  • Custom Elements AP
  • Observing Attributes
  • Attribute Data
  • Discussing the Options
  • The MutationObserver Type
  • Proxy
  • Rendering Order
  • Delaying Access
  • Introducing a Life Cycle
  • Customized Built-in Elements
  • Advantage of TypeScript
  • Using Generics
  • Final Thoughts on Generics
  • Summary
  • Chapter 3: Shadow DOM
  • Preparation
  • Built-in Shadow DOM
  • Shadow Tree
  • Terms
  • Using Shadow Trees
  • Limitations
  • Modes
  • Encapsulation
  • Shadow DOM without Components
  • Closing the Shadow Root
  • The Shadow Root API
  • Properties
  • Methods
  • Summary
  • Chapter 4: Events
  • Events in ECMAScript
  • Event Handlers
  • Assigning a Handler
  • Choosing the Right Events
  • HTML 5 Standard Events
  • Event Bubbling
  • The Event Object
  • Stopping Other Handlers
  • Other Types of Propagation
  • Event Capturing
  • Removing Handlers
  • Multiple Handlers
  • Stopping Default Behavior
  • Follow-Up Events
  • Passive Events
  • Document Handlers
  • Events in Web Components
  • Events and Slots
  • Event Bubbling
  • Composed Events
  • Custom Events
  • Synthetic Events
  • The dispatchEvent API
  • Customize Events
  • Smart Events
  • Summary
  • Chapter 5: Templates
  • HTML 5 Templates
  • How It Works
  • Activating a Template
  • Clone or Import
  • Templates and Web Components
  • Shadow DOM
  • Using createShadowRoot
  • Shadow DOM and innerHTML
  • Nested Templates
  • Template Styles
  • Applying Global Styles
  • Summary
  • Chapter 6: Slots
  • Slots Explained
  • Slot and Templates
  • Shadow DOM
  • Slots and Components
  • Slot Behavior
  • Slot Positions
  • Multiple Slots
  • Default Slots
  • Slot Events
  • Adding an Event Handler
  • Updating Slots
  • Slot Change Events
  • The Slot API
  • Summary
  • Chapter 7: Components and Styles
  • Style Behavior
  • Accessing the Host
  • Cascading
  • Selecting a Host Element
  • Accessing the Host Context Aware
  • Styling Slotted Content
  • CSS Hooks
  • Ignoring Styles
  • Parts
  • The Part Attribute and Pseudo Selector
  • Forwarding Parts
  • The Part API
  • The Future of Parts
  • Summary
  • Chapter 8: Making Single-Page Apps
  • The Architecture of SPAs
  • The Router
  • Monitoring the URL
  • Configuring the Router
  • Defining the Target
  • Router Implementation
  • The History API
  • The History Stack
  • The history Object
  • History Change Events
  • Final Thoughts on the History API
  • Stateful Apps
  • Flux
  • The Flux Parts
  • Tell Tales
  • Implementing Flux
  • Overview
  • The Demo Component
  • The Store
  • Merging Stores

Ejemplares similares