C currency mall>Book>Technical books> Polymer: Web component development for the future

Commodity code:S20151116173634910

Polymer: Web component development for the future

Web Component discovered the component technology of Google Polymer Book exposure this represents change trend

Commodity details

Web components are still at the edge of technology - only the advanced browser to support the technology - the development and change of the Web component is very rapid. This practice reference books to help you understand the emerging standards of W3C, the church you how to build reusable, custom Web HTML5 components.
Whether in the past is the use of jQuery or Polymer, or other libraries, this book can teach JavaScript developers, these libraries behind the operation of DOM. You will learn, how to write a basic code elegant control, then the transformation semantics, declarative, fully encapsulated, out of the box, maintainable web component, and the web will benefit to the characteristics of web components, and eventually become a native application platform. This book will teach the following contents:
In the understanding of core concepts (such as document flow, positioning, Z-index and so on), as well as the realization of positioning, drag, move size
In the exploration of the concept of UI, Dojo, jQuery, UI, Kendo, UI and some other libraries in the abstract model
In depth understanding of W3C standard, its control is transformed into a full-featured Web component
- learn how to use Polymer framework, Google package, package deploy your Web components

Polymer: Web component development for the future contains a basic knowledge of the construction of common JavaScript components, and through examples to lead you to learn the concept of components, design and implementation, the latter part of the packaging, packaging and deployment of related knowledge. Whether you are a lack of experience in the use of components of the JavaScript developers, or with the rich experience in the use of components, to create a custom component of the front end developers, Polymer: Web component development for the future development of your reading.

 Overson Jarrod,15 years of experience in the field of Web development, has worked in the Venture Company, has worked in a global company. At present he works in Security Shape. Jarrod is an open source community and an active contributor to JavaScript language tools and a preacher, he created Plato and many other tools and libraries.

 Strimpel Jason,Is a software engineer with more than 15 years experience. At present, he worked in WalmartLabs, the main job is to write software to support the development of UI applications. Jason is also active in the open source community, he maintains a framework such as LazoJS.

Introduction I
The first chapter is an overview
What is Web component
HTML template
HTML reference
Custom element
DOM Shadow
Why use Web components
UI I core concept
Second chapter basic knowledge
Importance of DOM abstraction layer
Control API and life cycle
Inheritance pattern
Rely on
Web component is more than JavaScript
Sample control
Voltron control class
Dialog class
Dialog CSS and HTML
Third chapter document flow and location
Document flow
Locating element
The location of computational elements
Relative to windows
Relative documents
Positioning dialog control
The fourth chapter is to understand and operate Z-index
What exactly is Z-index?
Rendering layer, stacking sequence and Z-index
Default stacking sequence
Override default stacking sequence
Stacking context
How is the stack context created?
Things are getting more and more complicated.
Management Z-index
Create object management Z-index
JQuery plugin
Add Z-index management functions to dialog controls
II construction UI
The fifth chapter: clone node
Using cloneNode method
Using jQuery.clone
Dialog box control
X directory
The sixth chapter is to create a floating layer
Define API
Detect the width of the scroll bar
Consider the scroll bar when calculating the container width
Get element size and coordinates
Monitor size change events and events
Update option
Relative window or relative to another element
Relative to another element to locate elements
Add floating layer function to the dialog control
Seventh chapter drag elements
Mouse event
Best practice for mouse events
1 $.mousemove events in the $.mousedown event
2 release $.mousemove binding in $.mouseup event
3 the $.mouseup event response function is bound to the "body".
4 named all events
Define API
Create drag and drop
Drag it up
$.mousedown response function
$.mousemove response function
$.mouseup event response function
Destruction can drag and drop examples
Enable dialog controls to drag and drop
Directory Xi
The eighth chapter adjusts the element size
Mouse events and best practices
Best practice
Adjust element size
Write adjust the size of the API
Drag and drop
Bound mouse event
$.mousedown event response function
$.mousemove event response function
$.mouseup event response function
Destruction work
Complete adjustment dimension function
Enable dialog controls to resize
The ninth chapter completes the dialog box control
Add style
Merged JavaScript file
HTML5 build Web III components
Tenth chapter template
Understanding the importance of the template
Delayed load resource
Delay rendering content
Hidden content from DOM
Create and use templates
Test browser support
Put the template in the tag.
Insert template content into DOM
Use templates to write dialog components
Create and pack dialog template API
XII directory
Dialog box
Abstract dialog template packaging
The eleventh chapter is DOM Shadow.
What is DOM Shadow?
DOM Shadow basic concepts
Shadow host
Shadow root element
Use templates in DOM Shadow
DOM Shadow style
Style package
Add style to the host element
Set shadow Zi Shugen node style in the document
Content mapping
Content tag mapping
Through the selector map content
Node distribution and access points
Shadow access point
Events and DOM Shadow
Use DOM Shadow update dialog template
Dialog box label
Dialog box API
Update dialog show method
Initialization dialog instance
The twelfth chapter is a custom element.
Introduction to custom elements
Registered custom element
Extended elements
Extended custom element
Extended from native elements
Defining attributes and methods
Parsing custom elements
Directory XIII
Participate in the life cycle of custom elements
Add style for custom elements
Use templates and DOM Shadow in custom elements
The dialog component is implemented as a custom element
Create dialog custom elements
Achieve dialog box to customize the callback function
Achieve dialog box API
Display dialog box
The thirteenth chapter introduces the document.
Statement introduction
Get the introduction of content
Get a document
Application style
Get template
Execute JavaScript
Understanding the relationship between the introduction and the main document
Analytical introduction
Cross domain
Two level introduction
Load custom element
Introduce dialog box
IV uses the Polymer test to build, deploy Web components
The fourteenth chapter is Polymer.
Polymer element
Add style
External resources
Filtering expression
XIV directory
Template format
Data binding
Loop block
Context binding
Branch judgment
Composite template instruction
Features (attribute) and attributes (peoperty): elements of the API
Primary characteristics
Public attribute
Instance method
JavaScript API Polymer
Life cycle method
Processing delay
In the fifteenth chapter, the dialog box is migrated to Polymer.
Why did you want to migrate to Polymer
Direct interface
Management dependence
Use Bower to install dependency
Let's get started.
It's too easy.
JQuery world Polymer
What brings
Remove jQuery
Conclusions about jQuery
The sixteenth chapter tests the Web component.
PhantomJS 1
PhantomJS 2
WebDriver Selenium
Test case
Directory XV
Running test
The seventeenth chapter is packaged and released.
Tasks Grunt
Registration task
Grunt configuration
Use Bower publishing components
Registered component
The eighteenth chapter is the conclusion.
Where to go
X-Tag Mozilla
Good luck to you