Desarrollo Web – Primavera 2026
Repositorio del curso de Desarrollo Web, que cubre desde los fundamentos de HTML, CSS y JavaScript hasta el despliegue de aplicaciones full-stack con React, FastAPI y bases de datos.
Objetivos
- Entender los conceptos básicos de los sitios web: protocolos de comunicación, cliente/servidor, estructura mínima de un sitio web, elementos de estilado, diseño responsive e interacción con uso de formularios y manejo de eventos.
- Entender y aplicar el control de versiones: uso de Git para creación de repositorios que incluyan múltiples ramas, resolución de conflictos, comandos indispensables para trabajo colaborativo, así como el uso de GitHub para manejo de repositorios en la nube.
- Diferenciar entre el desarrollo front-end y back-end: se desarrollarán habilidades para el manejo de sistemas que contemplen un proyecto completo para el front-end con la librería React, y otro para el back-end con consumo e implementación de APIs básicas. Se presentarán estructuras básicas para creación de pruebas unitarias.
- Crear bases de datos básicas para almacenamiento y consulta de información.
- Conocer las herramientas para hacer debugging en el cliente y servidor: uso de herramientas de desarrollador del lado del cliente para uso de breakpoints, análisis de llamadas en red, gestión de datos en Local Storage. Uso de breakpoints en el servidor.
- Usar Inteligencia Artificial para incrementar la productividad en el desarrollo de sitios web, una vez que se tiene conocimiento sólido de las bases del desarrollo web.
Contenido
Introducción a las páginas web
- Protocolos de comunicación.
- Métodos GET, POST, PATCH, PUT, DELETE.
- Códigos de respuesta.
Estructura y diseño de páginas web
- Arquitecturas conocidas.
- HTML, CSS, Javascript.
- Bootstrap y estilado responsivo.
Recursos populares en Javascript
- Eventos.
- JSON.
- Local Storage.
- Promesas y llamadas asíncronas (
async / await).
- Fetch API.
Control de versiones
- Git y uso de comandos básicos (
pull, push, add, commit, switch, stash, merge).
- Resolución de conflictos.
- GitHub.
React
- Generación de nuevos proyectos con Vite.
- Componentes.
useState.useEffect.
Bases de Datos
- Introducción básica a las bases de datos.
- Diagrama entidad-vínculo.
- Consultas a tablas, agrupamiento, filtrado y juntas entre tablas.
Creación de APIs con Python
- Creación de endpoints en FastAPI con métodos GET, POST, PUT, DELETE.
- Integración con base de datos.
Despliegue de sitios web
Inteligencia Artificial
- Chats para generación de código y optimización con ChatGPT, Claude, Gemini, etc.
- Codex.
Criterios de Evaluación
| Rubro |
Porcentaje |
| Evaluación integradora |
5 % |
| Tareas y controles |
20 % |
| Proyectos |
30 % |
| Exámenes |
45 % |
| Parcial 1 |
10 % |
| Parcial 2 |
10 % |
| Final |
25 % |