DiplomadoTecnología y desarrollo de software
Desarrollo web full stack
El diplomado Desarrollo web full stack proporciona al estudiante la construcción de aplicaciones web completas con React en el cliente, Node.js y Express en el servidor, PostgreSQL con Prisma y despliegue en contenedores con integración continua, siguiendo las prácticas de seguridad del OWASP Top 10:2025. Le permite entregar productos web funcionales, seguros y mantenibles.
A quién va dirigido
Estudiantes y profesionales con lógica de programación básica en cualquier lenguaje que quieran desarrollar aplicaciones web de extremo a extremo.
Objetivos
✓Comprender los fundamentos de HTML semántico, CSS con Flexbox y Grid, JavaScript moderno y el flujo de trabajo con Git.
✓Analizar la arquitectura cliente-servidor y el protocolo HTTP para diseñar API REST documentadas con OpenAPI.
✓Aplicar React con hooks y enrutamiento, Express con middleware y PostgreSQL con Prisma para construir una aplicación completa.
✓Diseñar la seguridad, las pruebas y el despliegue de la aplicación con JWT, bcrypt, Docker Compose y GitHub Actions.
✓Evaluar críticamente el código generado con GitHub Copilot y el tratamiento de datos personales conforme a la Ley 1581 de 2012.
Plan de estudios por sesión
1
Estructura y estilos de la webHTML semántico y CSS con Flexbox y Grid · JavaScript ES2015+: módulos, promesas y async/await
2
JavaScript moderno y control de versionesGit, GitHub y flujo de ramas · Herramientas de desarrollo del navegador
3
Componentes en ReactComponentes, props y JSX · Estado y hooks: useState, useEffect y useContext
4
Rutas, consumo de API y pruebas de interfazEnrutamiento y consumo de API con fetch · Pruebas de componentes con Vitest y Testing Library
5
Servidores HTTP con ExpressArquitectura cliente-servidor y HTTP · Rutas, middleware y controladores en Express
6
Diseño y robustez de la API RESTDiseño de API REST y documentación con OpenAPI · Manejo de errores y registros
7
Bases de datos relacionales y ORMModelado relacional y SQL en PostgreSQL · ORM con Prisma: migraciones y relaciones
8
Alternativas de persistencia y datos personalesDocumentos en MongoDB como alternativa · Tratamiento de datos personales conforme a la Ley 1581 de 2012
9
Autenticación y riesgos de seguridadAutenticación con JWT y sesiones, hashing con bcrypt · Riesgos OWASP Top 10:2025: control de acceso roto e inyección
10
Contenedores e integración continuaContenedores con Docker y Docker Compose · Integración continua con GitHub Actions
11
Requisitos y desarrollo asistido del proyectoLevantamiento de requisitos e historias de usuario · Desarrollo asistido con GitHub Copilot y revisión crítica del código generado
12
Presentación del proyecto final: aplicación full stack desplegadaDespliegue en un servicio en la nube · Demostración y revisión de código por pares
Evaluación
Inicial30%Maquetación responsiva con HTML semántico y CSS Grid; ejercicios de JavaScript asíncrono y flujo de ramas en GitHub.
Intermedio30%Interfaz en React con pruebas en Vitest y Testing Library; API REST en Express documentada con OpenAPI y conectada a PostgreSQL con Prisma.
Final40%Proyecto final: aplicación web full stack desplegada con autenticación, API REST documentada, base de datos PostgreSQL y pipeline de integración continua, con demostración y revisión de código por pares.
Proyecto final
Aplicación web full stack desplegada, con autenticación, API REST documentada, base de datos PostgreSQL y pipeline de integración continua.