Programación

Colas en Python: teoría, implementaciones y buenas prácticas Descubre qué es una cola (queue) , por qué es fundamental en la arquitectura de software, y aprende a implementarla de forma segura y efici...

Listas enlazadas en Python: Guía completa y ejemplos prácticos Aprende desde los conceptos básicos hasta las mejores prácticas para implementar, depurar y optimizar listas enlazadas (singly, doubly y ...

Listas Doblemente Enlazadas en Python Guía completa que cubre teoría, implementación paso‑a‑paso, casos de uso reales, comparativas de rendimiento y buenas prácticas para usar listas doblemente enlaza...

Introducción a Android Studio ⚙️ Introducción a Android Studio Comenzar Ahora ¿Qué es? Características Primeros Pasos Componentes Consejos ¿Qué es Android Studio? Android Studio es el entorno de desar...

Los progress steps (o pasos de progreso), son un patrón de interfaz muy usado para guiar al usuario a través de procesos largos divididos en etapas, ofreciendo a la vez orientación , retroalimentación...

¿De qué va? Es un mini-proyecto donde escribes opciones separadas por comas dentro de un <textarea>. Al presionar Enter , el script hace un “shuffle” visual (resalta opciones al azar por unas décimas)...

¿De qué va? Un mini-proyecto para practicar eventos de teclado en la web. Al presionar una tecla, la página muestra sus datos más útiles (p. ej., key, code, keyCode —este último está deprecado—, ademá...

¿Qué aprenderás? Manejar elementos <audio> (métodos .play(), .pause(), .currentTime = 0). Usar event delegation para no crear un listener por botón. Micro-interacciones: foco de teclado, estados activ...

¿Qué es? Una “split landing page” es una portada con dos mitades a pantalla completa. Al hover sobre una mitad, esta crece y atrae la atención; al salir, todo vuelve al 50/50. Conceptos clave que apre...

Vamos a crear una pantalla de carga que parte con una imagen desenfocada y un texto de porcentaje que va de 0% a 100%. A medida que avanza la carga, el desenfoque disminuye y el texto se desvanece. Es...

¿Buscas un efecto llamativo para revelar tu navegación sin recargar tu sitio? El mini-proyecto Rotating Navigation Animation —parte del reto “50 Projects in 50 Days” de Brad Traversy— muestra cómo rot...

En este tutorial construimos un componente de “tarjetas expandibles” con HTML, CSS y JavaScript puro. Es perfecto para destacar categorías, fotos o proyectos en un portafolio. Incluye accesibilidad po...