Logo AGENPiA

Full Stack Developer

Más información
Temática: Programación | 
Modalidad(es): Presencial
 | 
Nivel: Intermedio

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




Otros cursos cómo este

Top