Polymer es una biblioteca de JavaScript de código abierto para crear aplicaciones web utilizando componentes web . La biblioteca está siendo desarrollada por desarrolladores y colaboradores de Google en GitHub . Los principios de diseño moderno se implementan como un proyecto independiente utilizando los principios de diseño de Material Design de Google .
Desarrollador (es) | Google [1] y colaboradores [2] |
---|---|
Versión inicial | 29 de mayo de 2015 [3] |
Lanzamiento estable | |
Repositorio | polímero |
Escrito en | JavaScript , HTML |
Tipo | Biblioteca de JavaScript |
Licencia | BSD de 3 cláusulas [6] |
Sitio web | www |
Polymer es utilizado por varios servicios y sitios web de Google, incluidos YouTube , YouTube Gaming, Google Earth rediseñado [7] , sitios web de Google I / O , Google Play Music , rediseño de Google Sites y Allo para web . [8]
Otros usuarios notables incluyen Netflix , Electronics Arts , Comcast , Nuxeo , ING , Coca-Cola , McDonald's , BBVA , IBM y General Electric .
Historia
El desarrollo público de Polymer comenzó en noviembre de 2013 con el lanzamiento de Promises Polyfill . Esto se expandió constantemente a una biblioteca de diseño web que cubría pautas de estilo visual (a través de Material Design), enlace de datos y una gran cantidad de componentes web "Core" y "Paper". Los componentes centrales se concibieron originalmente para abarcar una funcionalidad genérica que sería esencial para la mayoría de los sitios web, mientras que los componentes de Paper estaban destinados a proporcionar componentes más especializados con conceptos de Material Design que forman una parte clave de su diseño. Se alcanzó un hito importante con el lanzamiento de la Versión 0.5, que se consideró la primera versión del proyecto lista para ser utilizada por los primeros usuarios. [9]
Google continuó revisando el diseño de Polymer después del lanzamiento de 0.5, prestando especial atención a los problemas de rendimiento que encontraron varios desarrolladores. Esto culminó con el lanzamiento de Polymer 1.0 en 2015, que fue la primera versión de la biblioteca "lista para producción". [10] La versión 1.0 mejoró significativamente el rendimiento de Polymer, reduciendo los tiempos de carga hasta 7 veces. [11] Con la versión 1.0, Google dividió los elementos del proyecto Polymer para distinguir claramente el catálogo de elementos del Polymer polyfill & webcomponents-sugaring library.
Del 14 al 15 de septiembre de 2015, Google organizó una Cumbre de polímeros en Ámsterdam .
Del 17 al 18 de octubre de 2016, Google organizó una Cumbre de polímeros en Londres .
Del 22 al 23 de agosto de 2017, Google organizó una Cumbre de polímeros en Copenhague .
El 2 de mayo de 2018, el equipo de Polymer anunció que cualquier desarrollo futuro en Polymer se alejará de su encuadernación bidireccional y su sistema de plantilla, y se centrará en LitElement [12] (todavía parte de Polymer [13] ) y unidireccional fijaciones. [14]
Características
Polymer proporciona una serie de funciones sobre los componentes web vanilla :
- Manera simplificada de crear elementos personalizados
- Enlace de datos unidireccional y bidireccional
- Propiedades calculadas
- Plantillas condicionales y repetidas
- Eventos de gestos
Uso
El polímero ha comenzado a ganar un reconocimiento cada vez mayor en el mercado, con picos de uso en 2015 y 2016, como lo documenta el sitio web BuiltWith. [15] Se ha prestado especial atención a su proceso de diseño estructurado, lo que permite una estructura de "bloque lego" interoperable . [dieciséis]
Elementos personalizados
Los elementos personalizados se pueden crear utilizando módulos ES (ECMAScript, más comúnmente JavaScript ) con clases. La definición de elemento personalizado comprende el estilo CSS , la plantilla HTML del DOM local del elemento, las propiedades del elemento, las devoluciones de llamada del ciclo de vida y los métodos JavaScript:
importar { PolymerElement , html } de "@ polímero / polímero / polímero-elemento.js"class HelloElement extiende PolymerElement { static get template () { return html ` / * Estilo CSS de DOM local * / ¡Hola, {{name}}! ` ; } static get is () { return 'elemento-hola' ; } static get properties () { return { name : { type : String } / * Propiedades del elemento * / } } / * Métodos personalizados * / } ventana . customElements . define ( HelloElement . es , HelloElement );
El elemento definido anteriormente se puede utilizar en código HTML:
< hello-element name = "World" > hello-element >
Ver también
- Vue.js
- AngularJS
- Reaccionar
Referencias
- ^ "AUTORES.txt" . Consultado el 18 de agosto de 2017 .
- ^ "COLABORADORES.txt" . Consultado el 18 de agosto de 2017 .
- ^ "1.0" . Proyecto de polímero . Consultado el 18 de agosto de 2017 .
- ^ a b "Liberaciones · Polímero / polímero" . GitHub . Consultado el 4 de septiembre de 2019 .
- ^ "Versión 3.4.1" . 30 de abril de 2020 . Consultado el 1 de mayo de 2020 .
- ^ "polímero / LICENCIA.txt en el maestro" . GitHub . Consultado el 24 de abril de 2017 .
- ^ Bidelman, Eric (18 de abril de 2017). "Misión cumplida: se ha componente. El nuevo @googleearth se construye con #WebComponents usando @ polímero.pic.twitter.com / h76ztfynYy" . @ebidel . Consultado el 8 de julio de 2017 .
- ^ "¿Quién usa Polymer?" . GitHub . Consultado el 4 de junio de 2016 .
- ^ "Polymer nos da una mirada más cercana a la interfaz de usuario de diseño de materiales de Google" . Autoridad de Android .
- ^ Steven Max Patterson (29 de mayo de 2015). "Polymer 1.0 de Google aporta reutilización y mejor marca al desarrollo web" . CIO .
- ^ "Bienvenido - Polymer 1.0" . Archivado desde el original el 14 de agosto de 2015.
- ^ "Actualización de la hoja de ruta, parte 1: 3.0 y más allá" .
- ^ "Justin Fagnani en Twitter" . Twitter . Consultado el 14 de mayo de 2018 .
- ^ "Actualización de la hoja de ruta, parte 2: Preguntas frecuentes - Proyecto de polímero" . www.polymer-project.org . Consultado el 14 de mayo de 2018 .
- ^ "Estadísticas de uso de polímeros" . BuiltWith . Marzo de 2019 . Consultado el 30 de mayo de 2019 .
- ^ Allie Coyne (13 de agosto de 2015). "Dentro de la nueva arquitectura de aplicaciones de bloques de lego de ING Direct" . iTnews .
enlaces externos
- Página web oficial
- polímero en GitHub
- www .webcomponents .org