INFOTEP Técnico en Programación de Páginas Web study plan

Escribir desde cero una página HTML5 válida que use header, nav, main, section, article, aside y footer, verificando que no haya errores en un validador de HTML.

Aplicar jerarquía de encabezados correcta (un solo h1 por página, sin saltos de nivel) y añadir texto alternativo significativo a todas las imágenes.

Asociar cada campo de un formulario con su etiqueta label, agrupar controles con fieldset y legend, y probar la navegación completa solo con teclado.

Describir por escrito el recorrido de una petición HTTP desde el navegador hasta el servidor y de vuelta, identificando método, cabeceras, código de estado y cuerpo.

Distinguir en una tabla comparativa recursos estáticos, contenido dinámico y llamadas a API dentro de una arquitectura cliente-servidor.

Construir una maquetación de tres columnas con Flexbox y otra equivalente con CSS Grid, explicando en comentarios cuándo conviene cada técnica.

Definir variables CSS para colores, espaciados y tipografía, y reutilizarlas en toda la hoja de estilos sin valores duplicados.

Implementar un diseño mobile-first con al menos dos puntos de ruptura usando media queries basadas en contenido y no en dispositivos concretos.

Configurar un preprocesador (Sass o Less) con variables, anidamiento controlado y partials, y compilar el resultado a CSS plano.

Auditar el contraste de color y los tamaños de texto para cumplir criterios básicos de legibilidad y accesibilidad visual.

Manipular el DOM para crear, insertar y eliminar elementos a partir de un arreglo de datos, sin usar innerHTML para contenido introducido por el usuario.

Registrar manejadores de eventos con delegación para una lista dinámica y explicar el burbujeo de eventos en comentarios.

Validar un formulario en el cliente mostrando mensajes de error accesibles junto a cada campo y bloqueando el envío cuando haya datos inválidos.

Consumir una API pública con fetch, manejar los estados de carga, éxito y error, y renderizar los resultados en la página.

Convertir una cadena de callbacks en código con promesas y luego con async/await, comparando la legibilidad de las tres versiones.

Diseñar y documentar al menos cuatro endpoints REST (listar, obtener, crear, actualizar) con sus métodos, rutas, códigos de estado y formato de error.

Implementar un servidor mínimo con Node.js y Express que responda a esos endpoints y valide la entrada antes de procesarla.

Añadir middlewares para registro de peticiones, manejo centralizado de errores y cabeceras CORS correctamente configuradas.

Probar cada endpoint con una herramienta de cliente HTTP y guardar la colección de peticiones junto al proyecto.

Explicar la diferencia entre autenticación y autorización y esbozar dónde se aplicaría cada una en la API construida.

Modelar en un diagrama entidad-relación las entidades, atributos, claves primarias y relaciones de la aplicación de la semana anterior.

Normalizar el modelo hasta tercera forma normal y justificar por escrito cada decisión de separación de tablas.

Crear el esquema en un motor relacional con tipos de datos adecuados, restricciones de integridad y claves foráneas.

Escribir consultas con joins, filtros y agregaciones que alimenten al menos dos endpoints de la API.

Integrar la base de datos en el servidor usando consultas parametrizadas y verificar que no se concatenen valores en el SQL.

Inicializar un repositorio, crear ramas por funcionalidad y resolver un conflicto de fusión documentando los pasos seguidos.

Redactar mensajes de commit claros y usar un archivo de exclusión para no versionar dependencias ni secretos.

Identificar y corregir al menos tres vulnerabilidades comunes en el proyecto: inyección SQL, XSS almacenado y exposición de credenciales en el código.

Aplicar validación y saneamiento de entrada en el servidor y escapar la salida en el cliente, comprobando el efecto con casos de prueba.

Configurar variables de entorno para secretos y añadir cabeceras de seguridad básicas a las respuestas del servidor.

Preparar el proyecto para producción separando configuración de desarrollo y de producción mediante variables de entorno.

Desplegar la aplicación y la base de datos en un servicio de alojamiento y verificar el funcionamiento de los endpoints en la URL pública.

Documentar el procedimiento de despliegue y el plan de reversión paso a paso, de modo que otra persona pueda repetirlo.

Redactar un README técnico con requisitos, instalación, variables de entorno, estructura del proyecto y decisiones de arquitectura.

Definir un plan de mantenimiento mínimo con copias de seguridad, revisión de dependencias y registro de errores.

Resolver un simulacro cronometrado que cubra los diez dominios y clasificar cada error por dominio y por tipo de causa.

Repasar los conceptos con mayor tasa de fallo elaborando fichas propias con ejemplos de código mínimos.

Explicar en voz alta, sin notas, el recorrido completo de una petición desde el formulario hasta la base de datos y la respuesta renderizada.

Revisar el proyecto final contra una lista de verificación de accesibilidad, seguridad y rendimiento, y corregir los hallazgos críticos.

Presentar el proyecto en un documento de cierre que enlace repositorio, sitio desplegado y documentación técnica.