Módulo 1: Introducción al desarrollo web
¿Qué es el desarrollo web? Front-end vs. Back-end.
Cómo funciona un sitio web: navegador, servidor y base de datos.
Instalación de herramientas: editor de código (VS Code), servidor local
(XAMPP/WAMP).
Primer vistazo al HTML, CSS y JavaScript.
Módulo 2: Estructura básica con HTML
Etiquetas esenciales: <html>, <head>, <body>.
Formatos y jerarquías: encabezados, párrafos, listas.
Formularios y su estructura básica.
Enlaces e imágenes.
Conceptos de SEO.
Módulo 3: Estilizando con CSS
Sintaxis de CSS: selectores, propiedades y valores.
Colores, fuentes y márgenes.
Uso de clases e identificadores (class vs id).
Introducción a Bootstrap: integración y uso básico.
Sistema de grillas (Grid System).
Componentes básicos (botones, barras de navegación).
Módulo 4: Dinamismo con JavaScript
Sintaxis de JavaScript.
Variables, operadores y funciones.
Manipulación del DOM: eventos y actualizaciones dinámicas.
Consulta de APIs con fetch.
Módulo 5: Introducción al back-end con PHP
¿Qué es PHP y cómo funciona en un servidor?
Sintaxis de PHP.
Enviar y recibir datos mediante formularios.
Generación dinámica de contenido HTML con PHP.
Módulo 6: Bases de datos con SQL
¿Qué es una base de datos? Conceptos básicos (tablas, registros, columnas).
Introducción a MySQL.
Crear y manejar bases de datos desde phpMyAdmin.
Sentencias básicas: SELECT, INSERT, UPDATE, DELETE.
Módulo 7: Conceptos generales de diseño web
Fuentes y sistemas de color.
Diseño web responsive.
Espacios y ubicación de elementos.
Sistema de navegación.
Módulo 8: Tratamiento de imágenes
Formatos de imágenes para la web.
CSS aplicado a imágenes SVG.
Tratamiento básico de imágenes con Photoshop.
Módulo 9: Integración de front-end y back-end
Conexión de PHP con MySQL: introducción a consultas preparadas.
Crear un formulario que almacene datos en la base de datos.
Mostrar datos desde la base de datos en una tabla HTML.
Módulo 10: Proyecto final
Construir un sitio web funcional que incluya:
Un sistema de inicio de sesión.
Un CRUD básico (Crear, Leer, Actualizar, Eliminar).
Uso de Bootstrap para diseño responsive.
