Sobre este curso
Este curso inicial de Fullstack tiene como objetivo introducir al estudiante en el desarrollo web moderno, enseñándole cómo funciona una aplicación completa de principio a fin.
A través de un proyecto práctico, se trabajan los fundamentos esenciales de backend y frontend: creación de APIs, conexión a base de datos, autenticación con JWT, manejo de estados, estructura básica de proyecto y despliegue.
Es una formación base pensada para que el alumno comprenda el ecosistema Fullstack, adquiera los conocimientos indispensables y tenga un punto de partida sólido para continuar luego con cursos avanzados y especializaciones.
¿A quién está dirigido?
Personas que cuenten con conocimientos iniciales en desarrollo web y programación, con nociones básicas de JavaScript y bases de datos no relacionales. No se requiere experiencia profesional previa, pero sí comprensión de conceptos fundamentales como variables, funciones, estructuras básicas y lógica de programación. El curso está orientado a quienes quieran dar el primer paso formal hacia el desarrollo Fullstack y consolidar una base sólida para continuar con formaciones más avanzadas.
Requisitos
Personas con conocimientos básicas de JavaScript y bases de datos no relacionales.
Programa
- Introducción + setup
- Qué es Node.js, npm, Express, Crear API básica, Endpoint GET /health | Qué es React, Vite, JSX, Componentes, Renderizar lista simple
- REST + React básico
- REST, GET / POST, Body params, Array en memoria (sin DB) | useState, Mapear listas, Formularios simples
- MongoDB Atlas
- Crear cluster Atlas, Connection string, Mongoose, Schema Usuario, Guardar en DB | Axios, Fetch de datos reales, useEffect
- CRUD completo
- PUT, DELETE, Validaciones Mongoose, try/catch | Editar usuario, Borrar usuario, Confirmaciones
- Estructura y buenas prácticas
- MVC simple, Routes / Controllers / Models, dotenv, Configuración por entorno | Estructura de carpetas, Servicios API, Componentes reutilizables
- Login y JWT
- Auth, bcrypt, JWT, Login endpoint | Form login, Guardar token, Interceptor Axios
- Rutas protegidas
- Middleware auth, Roles (admin / user) | React Router, Rutas privadas, Logout
- Manejo de errores + UX
- Errores centralizados, Status codes correctos | Loading, Mensajes de error, UX básica
- Búsqueda y filtros
- Query params, Filtros Mongo, Regex | Input búsqueda, Filtrado server-side
- Paginación
- limit / skip, Total count | Botones de paginación
- Estados y roles
- Usuario activo/inactivo | Toggle de estado, Estilos condicionales
- Refactor + calidad
- Reutilizar middlewares, Clean code básico | Custom hooks, Componentes genéricos
- Deploy
- Deploy backend (Render/Railway), Env vars | Deploy frontend (local)
- Seguridad básica
- No exponer secrets, Hash passwords, CORS
- Trabajo final
- Ajustes, Features opcionales
- Demo + feedback
- Presentación, Code review, Feedback técnico