Creación de un Web Component usando Polymer

Bruce Grover Lee

student•

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.

Osvaldo Quintero

student•

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!

Anderson Urrego Restrepo

student•

pregunta cuando ejecuto el servidor se despliega polymer pero se ve sin estilos a que se debe?

Fernando Palacios Palacios

student•

lleva los estilos encapsulados en root:, y otros de media queris, los propios van en la capa de <style> de cada componente

Lucas Monzon

student•

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

Fernando Palacios Palacios

student•

quizas llamas a la carpeta de skaffolding polymer/ ?

Nicolas Erices Mendez

student•

me dio este error en mac

npm ERR! Darwin 15.0.0

Vicente

student•

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.

Vicente

student•

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.

Robinson Ganchala

student•

-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.

Creación de un Web Component usando Polymer

Bienvenido al curso

Cómo aprender en Platzi

¿Que necesito para este curso?

Antes de tomar este curso

Fundamentos de Webcomponents y Polymer

¿Que es un Web Component?

Bower

Web Component con Plain.js

Web Component con Polymer

Preguntas y Respuestas

Polymer Elements, Routing y Layouts

Creación de un Web Component usando Polymer

Routing

Polymer Elements: ¿Cómo consumir elementos del catalogo?

Flex y Layouts

Preguntas y Respuestas

Ajax, Manejo de imágenes, Vista de lista y capacidades Offline

Estilos específicos para Web Components

Consumo de APIs de terceros y AJAX

Interacción de elementos propios con elementos para consumo

Capacidades Offline en WebApps

Preguntas Y Respuestas

Complementos del curso

Cómo extender elementos nativos con Polymer

Cómo integrar Angular.js con Polymer