Learning web component development : discover the potential of web components using PolymerJS, Mozilla Brick, Bosonic, and ReactJS /

This book is the perfect reference for any web developer looking for an introduction to the new tools and techniques used to create web components.

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Patel, Sandeep Kumar (Autor)
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham, UK : Packt Publishing, 2015.
Colección:Community experience distilled.
Temas:
User interfaces (Computer systems) > Design.
User-centered system design.
Human-computer interaction.
Web applications.
Programming languages (Electronic computers)
JavaScript (Computer program language)
Conception participative (Conception de systèmes)
Applications Web.
JavaScript (Langage de programmation)
COMPUTERS > General.
Human-computer interaction
User-centered system design
User interfaces (Computer systems) > Design
Web applications
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover
  • Copyright
  • Credits
  • About the Author
  • About the Reviewers
  • www.PacktPub.com
  • Table of Contents
  • Preface
  • Chapter 1: Introducing Web Components
  • What are web components?
  • Benefits and challenges of web components
  • The web component architecture
  • Template element
  • Template element detail
  • Template feature detection
  • Inert template
  • Activating a template
  • Cloning a node
  • Importing a node
  • HTML Import
  • HTML Import feature detection
  • Accessing the HTML Import document
  • HTML Import events
  • Shadow DOMShadow DOM feature detection
  • Shadow tree
  • Custom element
  • Custom element feature detection
  • Developing a custom element
  • Creating a new object
  • Defining object properties
  • Defining lifecycle methods
  • Registering a new element
  • Extending an element
  • Example of a custom element
  • Node distribution
  • A content insertion point
  • A shadow insertion point
  • Styling web components
  • Building a digital clock component
  • Clock template
  • Clock element registration script
  • Using the clock component
  • X-Tag
  • X-Tag element lifecycleX-Tag custom element development
  • Polymer
  • Mozilla Brick
  • ReactJS
  • Bosonic
  • Summary
  • Chapter 2: Introducing Polymer
  • What is Polymer?
  • Installing and configuring Polymer
  • Downloading ZIP file
  • Using GIT clone
  • Using Bower
  • Architecture of PolymerJS
  • Web components with polyfill
  • The Polymer library
  • Elements
  • Core elements
  • Paper elements
  • Polymer designer tool
  • Developing with the designer tool
  • Getting a GitHub token
  • Yeoman Polymer generator
  • The polymer-generator commands
  • Polymer application generatorThe Polymer element generator
  • The Polymer seed generator
  • The Polymer GitHub page generator
  • Summary
  • Chapter 3: Developing Web Components Using Polymer
  • PolymerJS ready event
  • Polymer expressions
  • Polymer templating with auto-binding
  • Polymer template attributes
  • Filtering expression
  • Built-in filtering expression
  • The TokenList filter
  • The styleObject filter
  • Custom filtering expression
  • Global filtering expression
  • Developing Polymer custom elements
  • Defining a custom element
  • Defining element attributesDefining default attributes
  • Defining public properties and methods
  • Publishing properties
  • Defining a lifecycle method
  • Registering a custom element
  • Developing a sample custom element
  • Extending a custom element
  • Polymer methods
  • The Polymer mixin method
  • The Polymer import method
  • The Polymer waitingFor method
  • The Polymer forceReady method
  • Asynchronous task execution
  • Developing a digital clock
  • Working with Yeoman
  • Yeoman element generator
  • Yeoman seed generator

Ejemplares similares