No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Presentación del proyecto

18/22
Recursos

Aportes 22

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Aquí dejo mi proyecto al cual le agregué algunas cositas interesantes 😃 está listo para su uso y bien documentado en GitHub: https://github.com/ChristBM/cbm-merchandise-card
La etiqueta html que del componente es: <cbm-merchandise-card>
También encontrarán cosas interesantes en mi portafolio: https://christbm.github.io/portfolio


Spoiler alert: las custom properties son importantes en el proyecto. 😄

Listo, ahora quiero comparar mi código con el de Diego (:

hola, estaba pensando en prototypar usando sass pero, acabo de darme cuenta que en el main css las variables no quedan cuardadas, asi que copiar y pegar el css en mi web component una vez terminado de prototipar, ya no parece una opcion pues estas variables no quedaran disponibles para ser modificadas, es posible pegar el codigo sas? yo creeria que no pues igual se nesecitara de un preprosesador para traducirlo a css y es este archivo el que se debe linkear al html pero, no se me ocurre otra forma de que mi estrategia sea factible..... =( ¿acaso descubri una nueva manera de como no hacerlo?
Hubiera estado cool hacerlo pero reusando los componentes en diferentes páginas. Como en el Home o Login, Pages, etc.

Aqui mi Proyecto:


Tuve complicaciones decidiendo como hacerlo, no sabía si intentarlo con slots o irme por attributes. Al final me fui por estos últimos.
Aquí el resultado:
https://web-pack-components-practice.vercel.app
Github: https://github.com/lorenzopenalver/WebPackComponents-Practice

MI solución:
DEMO LIVE
REPO

![](

Presentacion del proyecto

![](

y la forma en mobile

hice unos cabios como toque personal =D

https://github.com/AlbertJohanson/web-components-repository/tree/main/Proyecto

Dejo mi codigo por si a alguien le interesa o quiere sacar alguna idea.

Aquí estamos experimentando con distintos acomodos.

Logre el reto, también le hice deploy con webpack y travis en github pages 😄 https://onedrako.github.io/article_web_component/

Y aquí dejo el repositorio
https://github.com/onedrako/article_web_component

Buen dia campeon… mi resultado.

repository

Listo el reto!
Aquí el repositorio!

Listo el reto 😄 lo que más me costó fue darle estilos, toca practicar más CSS!!

Mi progreso hasta ahora, trate de pobar de una vez que tan reusable es el componente, creando una card adicional y modificando estilos globales.

creo que en alt de la imagen, la mejor descripcion podria ser imagen del producto, ya que se supone es una ecommerce entonces la persona solo veria estas cards en el momento en que busca el producto, y si esta card se va a reutilizar para otros productos lo mejor seria agregar un atributo para poder modificarlo al momento de escribir el componente

Reto aceptado, vamos a ver como me queda…

.