markdown Teoria y Configuracion

Posted 2021-05-05

# Polymer Teoria
- Que es Polymer?
  - Una libreria que te ayuda a desbloquear todo el potencial de la web
- Como trabaja Polymer?
  - Utilizando la libreria de Polymer para poder utilizar WebComponents
  - Utilizando Polymer Toolbox para crear aplicaciones web progresivas.
- Que es un WebComponent?
   - Son una coleccion de tecnologias, es decir, son widgets reciclables que puedes crear utilizando estandares web.
    Son parte del navegador, asi que no requieres del uso de librerias como jQuery.
   - Y esto que quiere decir?
     - crea tus propias etiquetas HTML
     - tus propios controles
     - tus propios contenedores
     - Todo lo anterior con su propia funcionalidad, su pripio Java Script, su propio CSS, su propio HTML
- Que tecnologias son los WebComponents?
   - HTML Imports: para poder importar otros componentes que las personas hayan hecho
   - Shadow DOM: es un DOM(Document Object Model: nodos que componen la pagina web y que son accesibles via JavaScript) exclusivo para que no choque con el DOM de otros elementos
   - HTML Templates: Nos permiten definir la estructura o el marcado de los elementos(vistas)
   - Custom Elements: Elementos personalizados ocupando todo lo anterior.

# Polymer Lybrary
Es una libreria que ofrece caracteristicas que nos facilitan la creacion de Custom Elements.
Nos permite crear **Polymer elements**
### Polymer Elements
- Son similares a los elementos estandares del DOM, como el input, el parrafo etc.
- Se configuran via atributos asi como se hace convencionalmente en HTML, como el type, background etc.
- Responden a eventos extternos, es decir, como el click, change etc.
- Tienen su propio DOM interno, el shadowDOM.
- Se estilizan con propiedades internas y externas, usando CSS.

### ¿Porque usar Polymer?
- Para crear tus propios elementos
   - Modularizar tu app, de manera que tu codigo este distribuido en archivos y organizada
   - Reciclar componentes, puedes utilizar los componentes en cualquier aplicacion que utilice WebComponents
   - Separar tu aplicacion y delegar solo una responsabilidad por cada comooooponente, divide y venceras.
- Utilizar otros componentes de terceros
   -  Reutiliza el trabajo de otras personas
   -  PaperElements
   -  Custom Elements
   -  Comunidad de desarrolladores que te permite usar sus Custom Elements
___
___
# Configuracion de Polymer
### Intalacion
- NodeJS [link](https://nodejs.org/en/)
- Git [link](https://git-scm.com/downloads)
- Bower, es un manejador de paquetes para la web [link](https://bower.io/)
en este se manejan los componentes que otras personas han hecho.
- PolymerCLI [link](https://polymer-library.polymer-project.org/3.0/docs/install-3-0)