Curso Básico de Web Components con JavaScript

Clases del 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
Jorge Alberto Murillo Marquez
Jorge Alberto Murillo Marquez
Estudiante

Hola, no se si se vaya a ver mas adelante en el curso, pero me gustaria saber la manera de tener el styling fuera ya que, no estoy seguro pero me parece una mala practica tener como el style inline entremezclado en los componentes, seguro es una duda que se me resolvera mas adelante en el curso, gracias

1
Jose Ramon Moreno Sanchez
Jose Ramon Moreno Sanchez
Estudiante

Los componentes me ayudaran a trabajar con frameworks como Vue o React, o es para no usarlos?

2
David Cruz Portilla
David Cruz Portilla
Estudiante

Por qué es una mala práctica utilizar iframes?

1
Juan David Murillo Giraldo
Juan David Murillo Giraldo
Estudiante

¿Cuál es el estándar para manejar un estado global con WebComponents?

1
Santiago Lopera Naranjo
Santiago Lopera Naranjo
Estudiante

Si necesito hacer por ejemplo, un menú, para que el desarrollador le agrege la N cantidad de items que necesite, como puedo hacerlo? ya que no sé cuantos slots deba de crear…

1
Angel David
Angel David
Estudiante

Seria una buena practica si le colocamos al componente <link rel=“stylesheet” href=“style.css”> para poner los estilos?

1
yavallejo
yavallejo
Estudiante

Entonces al generar etiquetas personalizadas, de alguna manera estamos perdiendo esa semántica? ya que en teoría los navegadores dan mas puntos para el SEO pero solo con las etiquetas “registradas” como el header, main, section, etc?

1
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