Web Component con Plain.js

Osvaldo Quintero

student•

Importante!
Si te gusta escribir el código por ti mismo siguiendo el video, pon atención después de que se toma los 5 minutos, porque al regresar, el código que tiene en pantalla ha sufrido varios cambios que no son comentados en el video.

Otra cosa, tener en cuenta que los nombres de los web components deben llevar al menos un guión medio, creo que no lo ha comentado en el video.

Saludos!

Felipe Guízar Díaz

student•

Los siguientes enlaces son buena opción para entender como trabajan cada una de las partes de web components.

Custom Elements.

HTML imports
No es necesario conceptualizar demasiado este termino, este permite que se importe otros documentos HTML, pero es necesario hacer mención de que no significa incrustar, significa que obtiene el recurso para cuando sea vaya a utilizar, Pero su principal objetivo es ahorrar requests, por ejemplo en la imagen se observara que A importa B y C, y ambos A y C importan D, este árbol de dependencias es realizado antes por HTML imports para evitar requests redundantes a recursos, y optimizar las peticiones asincronas.

HTML Templates

Shadow DOM

Javier Salvador Ruiz Sámano

student•

no me permite bajar los archivos :(

Hugo Cabrera

student•

alguien sabe que distribucion usa Amet?

Dani Checa Martínez

student•

Creo que es Fedora

Jhonatan Ferney Ospina

student•

Gracias amet me quedo mas claro el concepto de los callbacks gracias n_n!!

Fernando Palacios Palacios

student•

alguno que halla creado el custom element con Objetos Function (prototipos de JS)?

Oscar Dario Pabón Dario

student•

el nombre del custom element debe estar compuesto por el - (guion) ?
hice el ejercicio pero con una sola palabra, custom, oscar, pero me daba error.
lo hice con el nombre custom-element y ya funciono.

Jesus Martinez Restrepo

student•

Components must have at least one dash in their name. So blog-post is an acceptable name, so is audio-player-controls, but post is not. This prevents clashes with current or future HTML element names, and ensures Ember d**:** Components must have at least one dash in their name. So blog-post is an acceptable name, so is audio-player-controls, but post is not. This prevents clashes with current or future HTML element names, and ensures Ember detects the components automatically.etects the components automatically.

Osvaldo Quintero

student•

Si, según tengo entendido, es una regla de los web components "deben llevar un guion medio" para

Lester Fibla Saavedra

student•

Haber sabido antes que el nombre del webcomponent debía llevar un guión me hubiese ahorrado 1 hora de revisar y comparar código para que qué estaba mal :(

Web Component con Plain.js

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