Maquetación de Sitios Web y Programación Básica con IA

Módulo 1

1
Introducción al Mundo Web

Objetivo: entender cómo funciona la web y preparar el entorno de trabajo

  1. ¿Qué es la web y cómo funciona una página?.
  2. Qué es HTML, CSS, JS (explicado con ejemplos reales de negocios).
  3. Instalación y uso de VSCode + extensiones IA.
  4. Exploración de DevTools (formas simples de inspeccionar páginas).
  5. Mini-proyecto: “Mi primera página: presentación de mi emprendimiento”.

Módulo 2

1
Maquetación Moderna con HTML + CSS

Objetivo: que el estudiante pueda armar secciones completas de su web.

  1. HTML5 semántico: estructura de una página profesional.
  2. CSS moderno: variables, Flexbox Y Grid.
  3. Paletas de colores y tipografías para emprendedores.
  4. Componentes reutilizables: botones, cards, banners.
  5. Mini-proyecto: Landing de producto/servicio.

Módulo 3

1
Diseño Responsivo (Web Adaptada al Celular)

Objetivo: que las páginas funcionen en computadoras y celulares. 

  1. Mobile first y buenas prácticas.
  2. Grid avanzado & container queries.
  3. Navegaciones modernas.
  4. Animaciones suaves para mejorar la experiencia.
  5. Mini-proyecto: Versiones responsive de la landing.

Módulo 4

Módulo 5

Módulo 6

Módulo 7

Módulo 8

Módulo 9

Módulo 10

Sea el primero en añadir una reseña

Por favor, accede para dejar una valoración