Clases disponibles
Selecciona una clase para revisar el contenido, ejemplos, explicaciones y práctica de repaso.
Fundamentos de HTML y CSS
Introducción a la estructura de una página web, etiquetas semánticas, creación de clases y aplicación de estilos básicos.
CSS Flexbox
Organización, alineación y distribución flexible de elementos para crear diseños modernos, limpios y adaptables.
Introducción a Bootstrap
Framework CSS para desarrollo rápido. Componentes predefinidos, sistema de grid, temas de colores y herramientas para crear sitios responsivos con facilidad.
Bootstrap Práctico
Ejemplos concretos de componentes de Bootstrap: grid system, tarjetas, carruseles, botones y otros elementos para construir interfaces profesionales.
Tablas en HTML y Bootstrap
Estructura de tablas HTML, elementos semánticos (thead, tbody, tfoot), estilos de Bootstrap y ejemplos prácticos de tablas responsivas y atractivas.
Introducción a JavaScript
Fundamentos del lenguaje de programación de la web. Variables, tipos de datos, tipado débil, cómo enlazar JavaScript en HTML y primeras líneas de código interactivo.
Variables, tipos y estructuras de control
Declaración de variables y constantes, tipos de datos y uso de estructuras selectivas y repetitivas con ejemplos reproducibles.
Funciones en JavaScript
Declaración de funciones, parámetros, valores de retorno, funciones sin retorno y casos de uso prácticos con ejemplos interactivos.
Retroalimentación de JavaScript y DOM
Repaso práctico de variables, constantes y funciones, aplicado a la manipulación del DOM, eventos, formularios y retroalimentación visual para el usuario.
Objetos, Arreglos y JSON
Estructuras de datos fundamentales: objetos con propiedades y métodos, arreglos con map, filter y forEach, y serialización de datos con JSON.parse y JSON.stringify.
Sandbox de JavaScript
Escribe y ejecuta código JavaScript real en múltiples líneas con una consola en vivo. Ideal para experimentar con lo aprendido en cada clase.
Guías disponibles
Material paso a paso para construir aplicaciones y reforzar los temas vistos en clase.
Herramientas de Desarrollo
Guías completas sobre herramientas esenciales para el desarrollo web profesional.
React Native
Guías prácticas para crear una aplicación móvil de inventario usando React Native con Expo.
Layout de inventario
Construcción inicial de la aplicación, estructura de carpetas, componentes base y pantalla principal del inventario.
Navegación entre pantallas
Implementación de Drawer, Tabs y Stack para organizar la navegación de la aplicación móvil.
Estado global y CRUD local
Uso de Context API para compartir datos, administrar categorías y productos, y construir operaciones CRUD locales.
Consumo de API con Fetch
Conexión de la aplicación con una API, manejo de carga, errores, actualización manual y operaciones asincrónicas.