Todos los vídeos

Custom Elements usando HTML Templates

Ahora que hemos visto en qué consisten las templates de HTML5, podemos ver cómo integrar una template y extraer su contenido, para incorporarla en un Custom Element.

✱ Asterisco: Documentos DOM

Un pequeño inciso para hablar sobre documentos DOM y sobre por qué no es posible usar directamente los nodos DOM que cuelgan de un HTML template en el documento maestro.

La etiqueta template de HTML5

La etiqueta template forma parte del estandar HTML5 y permite disponer de fragmentos DOM que no son visibles en la página web, pero que pueden ser manipulados mediante JavaScript.

Tu primer Web Component

En este vídeo usamos la API Custom Elements para fabricar un Custom Element (una de las tecnologías que integra Web Components), explicando cómo funciona la API de Custom Elements.

El qué y por qué de los componentes web

Web Components es la recomendación que se está integrando en los navegadores web modernos y que permite crear componentes reusables utilizando tecnologías nativas propias de la plataforma web para fabricar nuevas experiencias web.

Máscaras de bit

Con las máscaras de bit es posible proporcionar a las funciones una interfaz para pasar múltiples parámetros booleanos de una manera eficiente y fácil de documentar. También hablo del operador desplazamiento.

Manipulación de bits

C dispone de operadores booleanos que permiten transformar los bits que componen un valor numérico. En este vídeo te explico como usar los operadores NOT, AND, OR y XOR para manipular los bits de un número.

Conectando el bot a Discord

Creando un bot de moderación para el servidor de Discord del canal, y haciéndolo en TypeScript. El bot incorporará comandos como !warn, !kick, o !ban para que moderadores puedan enviar comandos con los que reprimir a usuarios malintencionados. Si el stream finaliza y yo no enseño accidentalmente la API key, consideraré que el stream ha sido exitoso.

Goto

Goto es una sentencia que te permite cambiar el flujo de ejecución de un programa de formas que probablemente no deberías de todos modos. En este vídeo te explico cómo crear etiquetas, cómo insertar un goto, por qué tal vez no sea lo óptimo, y algunas soluciones al respecto.

Break y continue

Break y continue son dos instrucciones que podemos usar en bucles para manipular el flujo de ejecución de las iteraciones de nuestros bucles. Aunque corren el riesgo de complicar el código, a veces son lo suficientemente concisos y limpios como para justificar su uso.

Por duración
Por tema