Indice de Mini Ejemplos
1. Ejemplos Simples
Requieren pocas líneas de código y un flujo fácil de entender.
/dark-theme: Contiene como crear un DarkTheme (DarkMode) que persiste gracias al localstorage.
/input-events: Veremos los valores que se obtienen de los KeyboardEvents (keydown, keyup, beforeinput, input) de un input del tipo "number".
/text-to-speech: App que utiliza el TTS Nativo del navegador que estás usando.
/twitch-speech-web: App que utiliza tmi.min.js
para conectarse al chat de un canal de Twitch y 'hablar' los mensajes utilizando el TTS Nativo del navegador
2. Web Components
Los Webcomponents es una tecnología nativa de los Navegadores que consiste en declarar una Class
que hereda de HTMLElement
poder declarar la instancia como una etiqueta HTML, encapsular código HTML y mucho más.
input-files: Webcomponent que permite colocar archivos de tu computadora en una lista de la cuál también podrás quitarlos. Finalmente, podrás llamar la función: getFiles((file,string64)=>{...})
donde: file es un objeto de File
(obtenido del elemento <input/>
que se encuentra encapsulado en el webcomponent) y string64 es el file convertido en base 64 (ejemplo de base 64 'data:image/png;base64,AAugfpofdF'
)