Polymer (library)
Polymer
Polymer Project logo
Developer(s) Google[1] and contributors[2]
Initial release May 29, 2015; 2 years ago (2015-05-29)[3]
Stable release
2.0.2, 1.9.3 / July 24, 2017; 3 months ago (2017-07-24)[5], July 20, 2017; 3 months ago (2017-07-20)[6]
Preview release
3.0[4] / August 22, 2017; 2 months ago (2017-08-22)
Repository https://github.com/Polymer/polymer
Development status Active
Written in JavaScript, HTML
Type JavaScript library
License 3-Clause BSD[7]
Website www.polymer-project.org

Polymer is an open-source JavaScript library for building web applications using Web Components. The library is being developed by Google developers and contributors on GitHub. Modern design principles are implemented as a separate project using Google's Material Design design principles.

Polymer is used by a number of Google services and websites, including the redesigned YouTube, YouTube Gaming, the redesigned[8]Google Earth, Google I/O websites, Google Play Music, redesign of Google Sites and Allo for web.[9]

History

Public development of Polymer began on Nov 14, 2013 with the release of a Promises Polyfill. This steadily expanded into a web design library covering visual styling guidelines (via Material Design), data binding, and a large number of "Core" and "Paper" Web Components. Core components were originally envisioned to encompass generic functionality that would be essential to most websites, while Paper components were intended to provide more specialized components with Material Design concepts forming a key part of their design. A major milestone was reached with the release of Version 0.5, which was considered the first version of the project ready for use by early adopters.[10]

Google continued to revise the design of Polymer after the release of 0.5, with special consideration given to the performance issues a number of developers found issue with. This culminated with the release of Polymer 1.0 in 2015, which was the first "production ready" version of the library.[11] Version 1.0 significantly improved the performance of Polymer, reducing load times by up to 7 times.[12] With version 1.0 Google split the elements from the Polymer project to clearly distinguish the elements catalog from the Polymer polyfill & webcomponents-sugaring library.

On 14-15 September 2015, Google organized a Polymer Summit in Amsterdam.

On 17-18 October 2016, Google organized a Polymer Summit in London.

On 22-23 August 2017, Google organized a Polymer Summit in Copenhagen.

Features

Polymer provides a number of features over vanilla Web Components:

  • Simplified way of creating custom elements
  • Both One-way and Two-way data binding
  • Computed properties
  • Conditional and repeat templates
  • Gesture events

Usage

Polymer has begun to gain increasing recognition in the market, with special attention paid to its structured design process, allowing for an interoperable "lego block" structure.[13]

Custom elements

Custom elements can be created using the dom-module element provided by Polymer. Custom element definition comprises CSS style, HTML template of the element's local DOM, element properties, lifecycle callbacks and JavaScript methods:

<dom-module id="hello-element">
  <template>
    <style>
      /* Local DOM CSS style */
    </style>
    <!-- Local DOM -->
    Hello {{name}}!
  </template>
  <script>
  class HelloElement extends Polymer.Element {
    static get is { return 'hello-element'; }
    static get properties {
       return {
          name: {
            type: String
           }
          /* Element properties */
       }
    }
    /* Custom methods */
  }
  window.customElements.define(HelloElement.is, HelloElement);
  </script>
</dom-module>

The element defined above can be used in HTML code:

<hello-element name="World"></hello-element>

See also

References

  1. ^ "AUTHORS.txt". Retrieved 2017. 
  2. ^ "CONTRIBUTORS.txt". Retrieved 2017. 
  3. ^ "1.0". Polymer Project. Retrieved 2017. 
  4. ^ "Polymer 3.0 preview: npm and ES6 Modules". Polymer Project. Retrieved 2017. 
  5. ^ "Releases · Polymer/polymer". GitHub. Retrieved 2017. 
  6. ^ "Releases · Polymer/polymer". GitHub. Retrieved 2017. 
  7. ^ "polymer/LICENSE.txt at master". GitHub. Retrieved 2017. 
  8. ^ Bidelman, Eric (2017-04-18). "Mission accomplished: has been componentized. New @googleearth is built w/ #WebComponents using @polymer.pic.twitter.com/h76ztfynYy". @ebidel. Retrieved . 
  9. ^ "Who's using Polymer?". GitHub. Retrieved 2016. 
  10. ^ "Polymer gives us a closer look at Google's Material Design UI". Android Authority. 
  11. ^ Steven Max Patterson (29 May 2015). "Google's Polymer 1.0 brings reuse and better branding to Web development". CIO. 
  12. ^ "Welcome - Polymer 1.0". 
  13. ^ Allie Coyne (13 August 2015). "Inside ING Direct's new lego block app architecture". iTnews. 

External links


  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.


Polymer_(library)
 



 
Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.



Manage research, learning and skills at defaultLogic. Create an account using LinkedIn or facebook to manage and organize your IT knowledge. defaultLogic works like a shopping cart for information -- helping you to save, discuss and share.


  Contact Us