Fundamentos sólidos
Comprende cómo funciona la web: protocolos HTTP, arquitectura cliente-servidor, HTML semántico, CSS moderno y JavaScript ES6+.
- Live coding en cada módulo
- Diagramas con Excalidraw
- Quizzes y mapas conceptuales
Academia acacode · Desde cero
De cero a fundamentos sólidos. Construirás un portafolio de proyectos prácticos que demuestran tus habilidades en desarrollo web frontend.
Metodología
Cada módulo combina exposición teórica-visual, diagramación interactiva, live coding y laboratorios prácticos para que domines HTML, CSS y JavaScript con bases profesionales.
Comprende cómo funciona la web: protocolos HTTP, arquitectura cliente-servidor, HTML semántico, CSS moderno y JavaScript ES6+.
Construye aplicaciones interactivas reales: contador, reloj digital, to-do list, modo oscuro/claro y tu proyecto final integrador.
Temario completo
Un recorrido estructurado desde la arquitectura de la web hasta el despliegue de tu proyecto final en producción.
Módulo 1
Modelo cliente-servidor, protocolos HTTP/HTTPS, DNS, hosting y configuración de Visual Studio Code con extensiones clave.
Módulo 2
Anatomía del documento HTML5, metadatos, etiquetas semánticas, accesibilidad (a11y) y SEO básico.
Laboratorio: Mi Primer Documento Web
Módulo 3
Formularios interactivos con validación nativa, tablas de datos e integración de imágenes, audio, video e iframes.
Laboratorio: Portal de Registro e Inventario
Módulo 4
Selectores, cascada, especificidad, unidades de medida, box model, tipografía y colores.
Taller: Tarjeta de Producto / Profile Card
Módulo 5
Maquetación moderna con Flexbox y Grid, diseño mobile-first, media queries y variables CSS.
Laboratorio: Landing Page Responsiva
Módulo 6
Variables, tipos de datos, operadores, estructuras de control, funciones flecha y métodos de arreglos.
Laboratorio: 10 ejercicios de lógica
Módulo 7
Selección y manipulación del DOM, creación de nodos, event listeners y delegación de eventos.
Laboratorio: To-Do List / Carrito de Compras
Módulo 8
Promesas, async/await, Fetch API, JSON y persistencia con localStorage y sessionStorage.
Laboratorio: Buscador / Dashboard Dinámico
Módulo 9
Control de versiones con Git, colaboración en GitHub, despliegue en Netlify/Vercel, auditoría con Lighthouse y defensa del proyecto final.
Proyecto integrador: app web completa y responsiva
Proyectos interactivos
Cada proyecto refuerza habilidades concretas y suma piezas a tu portafolio profesional.
Inscripción
Completa el formulario y te llevaremos directo a WhatsApp con tu información lista. Un asesor te orientará para inscribirte en el Curso Web-Developer.