Creación de un Web Component usando Polymer
Clase 9 de 20 • Curso de Polymer
Contenido del curso
Bruce Grover Lee
student•
hace 10 años
Osvaldo Quintero
student•
hace 10 años
Clase 9 de 20 • Curso de Polymer
Contenido del curso
Bruce Grover Lee
Osvaldo Quintero
Anderson Urrego Restrepo
Fernando Palacios Palacios
Lucas Monzon
Fernando Palacios Palacios
Nicolas Erices Mendez
Vicente
Vicente
Robinson Ganchala
Con la mejor onda. El profesor debe de saber mucho pero necesita metodología. Para un video que dice "Creación de un Web Component usando Polymer" lo que esperas es eso, ver como se crea un web component usando Polymer. Pero lo que he visto durante casi una hora es la implementación y explicación de una herramienta que "hace código por nosotros". Cuando en realidad lo que esperaba es que se vaya desarrollando un proyecto paso a paso usando polymer. Sinceramente siento que he perdido una hora de mi tiempo.
Que tal amigo, no se si terminaste de ver el video, pero al final si que nos enseña cómo crear un webcomponent con polymer
crear elemento -> yo polymer:element nombre-elemento
cosa que se complementa con el video anterior. Además que polymer más que creación es consumo de sus propios elementos ya escritos. Con la mejor de las onda de verdad, saludos!
pregunta cuando ejecuto el servidor se despliega polymer pero se ve sin estilos a que se debe?
lleva los estilos encapsulados en root:, y otros de media queris, los propios van en la capa de <style> de cada componente
me da un error cunado quiero lanzar gulp serve
[14:24:11] Using gulpfile ~/ninja/gulpfile.js [14:24:11] Starting 'styles'... [14:24:15] Starting 'elements'... [14:24:15] Starting 'images'... [14:24:19] Finished 'elements' after 4.05 s Unhandled rejection Error: spawn /Users/imac42765/ninja/node_modules/optipng-bin/vendor/optipng ENOENT at exports._errnoException (util.js:874:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32) at onErrorNT (internal/child_process.js:344:16) at doNTCallback2 (node.js:439:9) at process._tickCallback (node.js:353:17) [14:24:20] styles all files 98 B [14:24:20] Finished 'styles' after 8.85 s
quizas llamas a la carpeta de skaffolding polymer/ ?
me dio este error en mac
npm ERR! Darwin 15.0.0
Actualmente ya no se utiliza Yeoman, el cual ha sido sustituido por Polymer CLI que yo creo que funciona mucho mejor. Tampoco se utiliza Page, ya que Polymer incluye un sistema de routing propio.
Crear componentes Polymer es un tema complejo y diferente a utilizar los que ya estén hechos. En mi opinión, primero hay que abordar la creación de componentes Polymer y luego abordar la estructura de la App facilitada por el Starter Kit, hacer nuestra propia App, etc.
El profesor debería hablar de forma más pausada y dejar algo de tiempo cuando muestra algún comando o url por pantalla. Lo importante no es demostrar lo mucho que sabes hablando a toda velocidad sino trasmitir lo que sabes y que el alumno se sienta cómdo. Falta experiencia docente.
-Los web components facilitan la creación de elementos personalizados con HTML, CSS y JavaScript encapsulado todo en un solo elemento reutilizable.
-Pero el problema que yo veo, al menos con la tecnología de polymer, es que si necesitas usar un web component ya definido como por ejemplo un paper-element, a la hora de usarlo y personalizarlo en tu proyecto, se hace un poco tedioso. Y digo tedioso porque a veces cuando usas un web component ya definido, si quieres que se adapte estéticamente al web component que estes desarrollando, muchas veces es necesario tocar ese web component ya definido que importas al tuyo. Al final terminas usando HTML convencional dentro de tu web component por cosas así.
-Actualmente con
sudo npm install -g polymer-cli
y con
polymer serve -H localhost -p 8080 -o
puedes correr tu web component sin problemas situandote dentro de la carpeta de tu proyecto.
-Las tecnologías nvm, npm, nodejs, bower y git para mi son más que suficientes y fundamentales para el desarrollo en Polymer.
-Yo aconsejo usar VS Code como editor de código.