Curso Básico de Web Components con JavaScript

Curso Básico de Web Components con JavaScript

Instruido por:
Diego De Granda
Diego De Granda
Intermedio
3 horas de contenido
Ver la ruta de aprendizaje
Curso Básico de Web Components con JavaScript

Curso Básico de Web Components con JavaScript

Progreso del curso:0/22contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/22contenidos(0%)

Introducción a los Web Components

Material Thumbnail

Introducción a los Web Components

02:06 min

Material Thumbnail

¿Qué problemas resuelven los Web Components?

04:06 min

Material Thumbnail

¿Qué son los Web Components?

05:01 min

Material Thumbnail

APIs de Web Components

11:06 min

Material Thumbnail

Beneficios de Web Components

05:44 min

Ciclo de vida de los Web Components

Material Thumbnail

Ciclo de vida de un componente

05:32 min

Manejo de datos

Material Thumbnail

Multi Content Slot

05:47 min

Material Thumbnail

attributeChangedCallback

09:53 min

Material Thumbnail

disconnectedCallback

07:12 min

Estilos en Componentes

Material Thumbnail

CSS custom properties

13:09 min

Proyecto

Material Thumbnail

Presentación del proyecto

03:27 min

Material Thumbnail

Estructura base de nuestro componente

11:00 min

Material Thumbnail

Atributos en nuestro componente

14:46 min

Web Components de terceros

Material Thumbnail

Utilizando componentes de terceros

10:03 min

Conclusiones

nuevosmás votadossin responder
Brian Domínguez Vázquez
Brian Domínguez Vázquez
Estudiante

¿Existe algún plugin que transpile nuestros Web Components a algún Framework como React o Angular?

0
Damian Spizzirri
Damian Spizzirri
Estudiante

¿Para que pusimos type=’'module" cuando importamos el archivos js? Se lo saco y sigue funcionando.

1
Santiago Ramírez
Santiago Ramírez
Estudiante

Hola!, si agrego contenido a una etiqueta html dentro del constructor se considera mala práctica??
Lo pregunto ya que también renderiza el contenido si lo agrego dentro del connectedCallback()

0
Victor Andres Castillo Zambrano
Victor Andres Castillo Zambrano
Estudiante

tengo una pregunta, en el curso de manipulacion del DOM vimos que usar innerHTML puede causar problemas de seguridad, Si nuestra etiqueta slot es para que el developer tenga cierta interactividad en el template, es recomendable usar el innerHTML en ese caso?

2
Jaime Ortiz
Jaime Ortiz
Estudiante

Por qué usa la etiqueta <main> si va a hacer un componente reutilizable? Cuando hablan de cards, los asocio a más de una card por vista, y por ende, no se puede usar más de una etiqueta <main>

2
Jaime Ortiz
Jaime Ortiz
Estudiante

En los slots, en lugar de pasar texto, se pueden pasar otras etiquetas?

1
fernandojvela
fernandojvela
Estudiante

¿En cuál curso puedo aprender como enlazar mi base de datos con los atributos de mi web component?

1
Cristian Alejandro Perez Dejoy
Cristian Alejandro Perez Dejoy
Estudiante

Para los elementos que están en el componente y que necesitamos que realicen alguna acción ¿como es la manera optima de aplicar los eventos a los componentes?

0
Miguel Ángel Reyes Moreno
Miguel Ángel Reyes Moreno
Estudiante

Díganme si entendí … ¿estamos creando compenentes base que después podrán estar disponibles para que alguien más las use como guste, modificando cosas que NO sean las que nosotros creamos en JS?

1
Miguel Ángel Reyes Moreno
Miguel Ángel Reyes Moreno
Estudiante

No estoy seguro de sí veo la diferencia entre host y slotted… ¿host sirve para dar estilos a las etiquetas html y slotted sirve para dar estilos a las etiquetas generadas con JS?

0