Si te ha gustado el video puedes apoyarme comentando y dejando un Pulgar Arriba 💻 CURSO de Patrones de Diseño en C# y ASP .Net: www.udemy.com/course/aprender-patrones-de-disenos-aplicados-en-asp-net/?referralCode=11528C0122AD145CE970 Enlace para seguimiento: hdeleon.net/reto-100daysasafrontenddev-un-reto-inspirado-en-100daysofcode/ Cuenta de twitter: twitter.com/powerhdeleon Github: github.com/powerhdeleon/100DaysAsAFrontendDev

JS puro y duro. Componentes desde cero. Excelente explicación💪.

Muchas gracias por el video !

Bastante bueno el video crackkk

Excelente explicación mi hermano, muchísimas gracias! No me habían explicado este tema tan bien antes

Excelente video y explicación!

Excelente explicación faltaría el método static observedAttributes, el attributeChangeCallback que permite observar las propiedades de los componentes en caso de cambios y para poder emitir eventos puedes usar event listener usando el API CustomEvents con eso tienes un componente funcional de entrada y salida de datos hacia el padre

Gracias excelente aporte

Me encantan tus videos siempre aprendo cosas nuevas

El puto amo! Gracias bro

Excelente tema.

Muy bueno bro 💪🏻💪🏻

Excelente 👌

que buenos videos, eres el metalero más cool que he conocido :v

Increible. Gracias hector y fácil de entender. Solo una duda. Entiendo que es para funcionanlidad. Pero para SEO? Si no sirve. verdad?

a pelo, como tiene que ser! :-)

Vamos pibe

Comentario para el algoritmo excelente video...

Hola, muy bueno el video. En mi equipo de desarrollo justamente estábamos hablando de hacer esto hace pocos días atrás. Quisiera saber como haces para pasar un token cuando consumes una api con seguridad???

Muy Pro

Me encantaría trabajar con el paradigma de clases para todos mis proyectos. Pero es un poco complicado entender este concepto para mi. Que me recomiendas campeón?

Buen video y explicado excelente, había usado componente s en angular y no sabía cómo crearlos desde cero, estaría bueno explicar un tipo ngModule o routing con puro JS. Creo es lo que les pasa a la mayoría, que utilizamos porque así es el framework pero no sabemos lo que hay detrás. Gracias, aprendí algo nuevo 🤟

Hola bro, duda, y cómo se implementaría con un api que se requiera una key? Lo proceso primero en el back y luego muestro con js. Saludos!!

me gusta que identas las etiquetas como funciones en vez de como en html xD

👍

En el trabajo estamos experimentando con web components. El tema para cargar datos de un componente a otro (mostrar el detalle de un elemento de una tabla al darle click a la fila p. e.) lo estoy solventando con un eventBus. Ustedes cómo le harían?

⭐⭐⭐⭐⭐

Hola Hector.. Como siempre las gracias infinitas hacia tu persona, nos aportas mucho a la cominidad de latam con todos tus contenidos. Tengo un error en el ejemplo y es cuando agregas las las etiquetas div de este manera. ' ${element.name} ' Mi vs code me marca esto como algo erroneo, con error: Unterminated string literal. Literal de cadena sin cerrar.. Mas sin enbargo no es asi, lo tengo igual que tu ejemplo y no lo quiere asumir, incluso cuando diste formato al title Lista de Usuario para que se viera en negrita tampoco lo quiso asumir. Que podria ser esto Hno, gracias mil..

@hdeleonnet

2 жыл бұрын

La comillas correcta es está ` no está '

Es esto parecido a la forma en que funciona react js?

@dlerma1987

2 жыл бұрын

Si, pero sin usar frameworks de terceros, como React Js, Angular, etc Simplemente usa lo nativo de HTML y Javascript

@gustavomaranook

Жыл бұрын

Esto es con lo que está hecho ReactJS o cualquier otro framework JS.

¿Se podra hacer rutas (url) con Vainilla JS?

@LocalGhost_8080

10 ай бұрын

Creo que no mi buen. Yo lo que hice fue levantar un mini server express para servir los archivos html. De esa manera me quedó mucha flexibilidad con el enrutamiento. Aunque bueno. Yo quería evitar el uso de node pero fue la manera que encontré

hola, disculpa, soy nuevo en la programación, pero tengo una duda, no se podría hacer ésto mismo con una función?, simplemente agregaríamos los items con appendChild o es más, crearíamos el 'div' con un createElement, y de la misma manera, podríamos usarlo en cualquier parte de nuestra web, o de esta manera como tú nos enseñas el código se genera más rápido?, buen día.👍.

@alvarohrv

Жыл бұрын

tengo la misma dudo, voy a indagar trabajar con objetos, pero en mi mente esta trabajar a punta de funciones y manipulacion del DOM

@andresfelipeyanquen7194

Жыл бұрын

Se podría hacer pero en ese caso el componente no sería reutilizable

@gustavomaranook

Жыл бұрын

Si se puede, y es reutilizable. Solo que tenés que tener en cuenta de utilizar un ID o NAME (o algún atributo custom que hagas) para diferenciarlos en el etiquetado HTML si es que cada uno debe mostrar cosas diferentes. Los uso así como mencionas, pero creo (tendría que reanalizar mi código) que de esta forma que se muestra en el vídeo es más intuitivo y más prolijo.

Muy interesante los web components. Aunque me parece que difumina la separación entre back y front e incita, una vez más al hacerlo todo más fácil, a trasladar lógica al front

Que satisfactorio es crear templates con código nativo

Se ve que te gusta Pantera:))

Te ganaste una cheve

2:46 Te salta el idoma a cada rato porque no estableciste la propiedad lang en la etiqueta html: 'lang="es"' '' Esta etiqueta ayuda a los navegadores en que idioma está tu sitio web. Y al no tenerla pues se vuelve loca XD