Logo de acacode

Academia acacode · Desde cero

Curso Web-Developer HTML, CSS & JavaScript

De cero a fundamentos sólidos. Construirás un portafolio de proyectos prácticos que demuestran tus habilidades en desarrollo web frontend.

  • 16 horas académicas
  • 9 módulos
  • 16+ años en adelante
Curso Web-Developer desde Cero
Estudiantes en el aula de acacode aprendiendo desarrollo web

Metodología

Teoría, práctica y proyectos reales

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.

Enfoque 1

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
Enfoque 2

Proyectos de portafolio

Construye aplicaciones interactivas reales: contador, reloj digital, to-do list, modo oscuro/claro y tu proyecto final integrador.

  • Laboratorios guiados paso a paso
  • Consumo de APIs con fetch
  • Despliegue en producción con Git

Temario completo

9 módulos · HTML y Fundamentos Web

Un recorrido estructurado desde la arquitectura de la web hasta el despliegue de tu proyecto final en producción.

Módulo 1

Introducción a la Web y Entornos de Desarrollo

Modelo cliente-servidor, protocolos HTTP/HTTPS, DNS, hosting y configuración de Visual Studio Code con extensiones clave.

HTTP DNS VS Code

Módulo 2

HTML5 Estructural y Semántica

Anatomía del documento HTML5, metadatos, etiquetas semánticas, accesibilidad (a11y) y SEO básico.

Laboratorio: Mi Primer Documento Web

Semántica Accesibilidad SEO

Módulo 3

Formularios, Tablas y Multimedia

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

Formularios Validación Multimedia

Módulo 4

CSS3 y Modelo de Caja

Selectores, cascada, especificidad, unidades de medida, box model, tipografía y colores.

Taller: Tarjeta de Producto / Profile Card

Box Model Tipografía DevTools

Módulo 5

Flexbox, CSS Grid y Responsive

Maquetación moderna con Flexbox y Grid, diseño mobile-first, media queries y variables CSS.

Laboratorio: Landing Page Responsiva

Flexbox CSS Grid Responsive

Módulo 6

JavaScript ES6+ Fundamentos

Variables, tipos de datos, operadores, estructuras de control, funciones flecha y métodos de arreglos.

Laboratorio: 10 ejercicios de lógica

ES6+ Algoritmos Arrays

Módulo 7

DOM y Manejo de Eventos

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

DOM Eventos Interactividad

Módulo 8

JavaScript Asíncrono y APIs

Promesas, async/await, Fetch API, JSON y persistencia con localStorage y sessionStorage.

Laboratorio: Buscador / Dashboard Dinámico

Fetch API Async/Await localStorage

Módulo 9

Git, GitHub, Despliegue y Proyecto Final

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

Git GitHub Deploy Lighthouse

Proyectos interactivos

Lo que construirás durante el curso

Cada proyecto refuerza habilidades concretas y suma piezas a tu portafolio profesional.

Presentación web interactiva
Contador digital
Reloj digital en tiempo real
Juego de la culebrita (Snake)
Modo oscuro / claro
Lista de tareas (To-Do List)

Inscripción

Habla con un asesor de acacode

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.

  • 16 horas académicas
  • Edad mínima: 16 años
  • Proyectos reales para tu portafolio
  • Respuesta por WhatsApp
¿Para quién es el curso?

Tus datos

Se abrirá WhatsApp con tus datos y el mensaje de interés en el curso.