O
OscarAlderete
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Si eres programador y no sabes lo ke es un custom web element pues no sabes lo ke t pierdes 😆😆😆. Es básicamente un conjunto d HTML tags clásicos ke los 'empaquetas' para ke actúen como una unidad. Asà no+ suena 1 poco aburrido, pero puedes -y deberÃas- agregarles funcionalidades con JavaScript y asà tendras algo + útil.
Piensa en eso como el tag <video> tiene atributos/propiedades donde indicas el source y todo eso, PERO también tiene métodos, akà algo en xtremo simplificado:
// html
<video id="awesome-video" src="...." />
<button id="button" onclick="playVideo()">Play video</button>
// javascript
const video = document.getElementById('awesome-video'),
button = document.getElementById('button');
function playVideo(){
/*
el elemento video también tiene el método pause() entre otros:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
*/
video.play()
}
Lo ven, el tag video tiene asociado un método play() ke puedes invocar usando JS!!!!!!! 😎😎😎 1 custom web element es eso. Hace algún tiempo ya, desarrollé 1 set d custom web elements cuyos sources están en mi Github ke me sirve harto porke en mi chamba (chamba es 'trabajo, curro' en peruano) tengo ke usar varios frameworks para ingresar/generar/procesar datos y eso exige interacción con el usuario para indicar errores, indicaciones, confirmaciones, etc.:
https://github.com/oscaralderete/custom-web-elements
Hay ejemplos d cómo usarlo ahà con React, Svelte y Vue. Pero obviamente no soy el único ke ha desarrollado sus propios custom web elements/components, uno d los + destacados es Swiper. Bueno pues, el mes pasado finalmente terminé d 'renovar' mi web, la anterior estaba sin tocarse desde el 2015 (basada en AngularJS, no confundirla con Angular a secas ke precisamente prescinde el JS pues usa TypeScript). Mi 'nueva' web -lo pongo entre comillas pues visualmente es idéntica a la anterior aunke ésta usa Angular v19- debÃa tener 1 slider asà ke le puse Swiper, al final d toda esta historia resultó ke tenÃa material para 1 nuevo aporte a la comunidad, esta vez d cómo integrar custom web elements/components a la versión + nueva d Angular.
No digo +, revisen el repo:
https://github.com/oscaralderete/angular-custom-elements
Y para los ke a veces me escriben diciendo "oye, tu código no funka 🤯🤯🤯!" (funka es 'funcionar' en peruano) hay un live en:
https://inmuebles.oscaralderete.com/
Piensa en eso como el tag <video> tiene atributos/propiedades donde indicas el source y todo eso, PERO también tiene métodos, akà algo en xtremo simplificado:
// html
<video id="awesome-video" src="...." />
<button id="button" onclick="playVideo()">Play video</button>
// javascript
const video = document.getElementById('awesome-video'),
button = document.getElementById('button');
function playVideo(){
/*
el elemento video también tiene el método pause() entre otros:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
*/
video.play()
}
Lo ven, el tag video tiene asociado un método play() ke puedes invocar usando JS!!!!!!! 😎😎😎 1 custom web element es eso. Hace algún tiempo ya, desarrollé 1 set d custom web elements cuyos sources están en mi Github ke me sirve harto porke en mi chamba (chamba es 'trabajo, curro' en peruano) tengo ke usar varios frameworks para ingresar/generar/procesar datos y eso exige interacción con el usuario para indicar errores, indicaciones, confirmaciones, etc.:
https://github.com/oscaralderete/custom-web-elements
Hay ejemplos d cómo usarlo ahà con React, Svelte y Vue. Pero obviamente no soy el único ke ha desarrollado sus propios custom web elements/components, uno d los + destacados es Swiper. Bueno pues, el mes pasado finalmente terminé d 'renovar' mi web, la anterior estaba sin tocarse desde el 2015 (basada en AngularJS, no confundirla con Angular a secas ke precisamente prescinde el JS pues usa TypeScript). Mi 'nueva' web -lo pongo entre comillas pues visualmente es idéntica a la anterior aunke ésta usa Angular v19- debÃa tener 1 slider asà ke le puse Swiper, al final d toda esta historia resultó ke tenÃa material para 1 nuevo aporte a la comunidad, esta vez d cómo integrar custom web elements/components a la versión + nueva d Angular.
No digo +, revisen el repo:
https://github.com/oscaralderete/angular-custom-elements
Y para los ke a veces me escriben diciendo "oye, tu código no funka 🤯🤯🤯!" (funka es 'funcionar' en peruano) hay un live en:
https://inmuebles.oscaralderete.com/
