
Bienvenidos al Curso
Demo Aplicación Web Full Stack con React, FastAPI, Python y Mysql con ChatGPT
¿Qué es ChatGPT?
¿Qué es Python?
¿Qué es un Interprete y cómo se relaciona con Python?
Instalación de Python
¿Qué es un IDE?
Instalación de PyCharm
Hola Mundo con Python y ChatGPT
Hola Mundo con Python y PyCharm
¿Qué es MySql?
Instalación de MySql y MySql Workbench
¿Qué es una aplicación Full Stack y el concepto de API?
¿Qué es FastAPI?
Ejecución del Prompt para crear el Back End con Fast API
Fase1: Creación del Proyecto Back End con Fast API
Fase 2: Estructura Base de la App Inicial
Fase 3: Conexión con MySQL
Fase 4: Creación de la Clase Modelo
Fase 5: Alembic y Migraciones
Fase 6: Validaciones con Pydantic
Diagrama para entender Pydantic con Fast API
Fase 7: Capa de Servicio - Listar Registros
Diagrama Capa de Servicio y Fast API
Fase 8: Router (Endpoint) - Listar Registros
Fase 9: Prueba de Caso - Listar Registros
Fase 10: Servicio - Crear Registro
Fase 11: Router (Endpoint) - Crear Registro
Fase 12: Prueba de Caso - Crear Registro
Fase 13: Servicio - Buscar por ID
Fase 14: Router (Endpoint) - Buscar por ID
Fase 15: Prueba de Caso - Buscar por ID
Fase 16: Servicio - Actualizar Registro
Fase 17: Router (Endpoint) - Actualizar Registro
Fase 18: Prueba de Caso - Actualizar Registro
Fase 19: Servicio - Eliminar Registro
Fase 20: Router (Endpoint) - Eliminar Registro
Fase 21: Prueba de Caso - Eliminar Registro
Fase 22: Configuración de CORS
Fase 23: Configuración del Puerto
Conclusión del Back End
¿Qué Es React?
¿Qué es un componente en React?
Ejecución de Prompt Front End con React
Fase 1: Creación del Proyecto con React + Vite
Fase 2: Agregar Bootstrap Modo Oscuro
Fase 3: Crear Archivo de Libros con Axios
Fase 4: Servicio de Listar Libros
Fase 5: Componente de Listar Libros
Fase6: Tabla de Listado de Libros
Fase 7: Instalar Router Barra de Navegación
Fase 8: Componente Crear Libro
Fase 9: Servicio Agregar Libro
Fase 10: Enviar Nuevo Libro
Fase 11: Servicio Buscar Por Id
Fase 12: Agregar Botón de Editar
Fase 13: Formulario Editar Libro
Fase14: Precargar Datos de Formulario de Editar Libro
Fase 15: Servicio Actualizar Libro
Fase 16: Actualizar Libro
Fase 17: Servicio Eliminar Libro
Fase 18: Eliminar Libro
Conclusión del Proyecto Full Stack React + Fast API + Python + MySql + ChatGPT
¿Quieres dar tu primer gran paso en el desarrollo web Full Stack moderno con React y FastAPI potenciado por ChatGPT?
En este curso crearás desde cero un sistema Full Stack completo, utilizando React para un Front End dinámico, FastAPI (el framework más veloz de Python) para el Back End, MySQL como base de datos sólida, y el apoyo de ChatGPT como tu asistente personal de aprendizaje y productividad.
Aprenderás a integrar de forma práctica y sencilla tecnologías de vanguardia que son tendencia en la industria del software, dominando el ciclo completo de una aplicación web real: desde el diseño de la base de datos y la lógica de negocio de alto rendimiento, hasta una interfaz de usuario moderna.
¿Qué aprenderás en este curso?
Cómo estructurar un Back End veloz con FastAPI y Python:
Creación de una API REST profesional y asíncrona usando FastAPI.
Definición de esquemas de datos robustos y validación automática con Pydantic.
Conexión y manipulación de tablas en MySQL (usando ORM/Conectores modernos).
Creación de Path Operations (Rutas) para gestionar operaciones CRUD (GET, POST, PUT, DELETE).
Documentación automática e interactiva de tu API con Swagger UI y Redoc (¡una gran ventaja de FastAPI!).
Configuración de CORS para permitir la comunicación segura con React.
Manejo de errores y excepciones HTTP de forma profesional.
Pruebas de los Endpoints de la API con Postman y la documentación interactiva.
Cómo desarrollar un Front End moderno con React y JavaScript (ES6+):
Creación de componentes funcionales con Hooks (useState, useEffect).
Consumo de servicios REST del Back End usando Axios.
Navegación dinámica entre vistas (SPA) mediante React Router DOM.
Uso de formularios controlados con validaciones y manejo de estado.
Integración de Bootstrap (con modo oscuro) para un diseño elegante y responsivo.
Organización del proyecto siguiendo buenas prácticas: estructura modular con carpetas components, services, y pages.
Cómo integrar todo en un proyecto Full Stack real:
Conexión total entre React (Cliente), FastAPI (Servidor) y MySQL (Datos).
Comprensión clara del flujo de datos y la arquitectura Cliente-Servidor.
Desarrollo de una aplicación web completa con operaciones CRUD:
Listado dinámico de información.
Alta de nuevos registros en base de datos.
Edición y eliminación de registros en tiempo real.
Validación de datos y manejo de errores de usuario.
Lo que hace único a este curso:
Aprenderás construyendo: Nada de teoría aburrida, haremos un proyecto funcional desde la primera sección.
Potenciado con IA: Descubrirás cómo aprovechar ChatGPT para explicar código complejo, resolver errores (bugs), generar datos de prueba y acelerar tu desarrollo.
Stack Tecnológico Moderno: Obtendrás una base sólida en tecnologías abiertas y de alta demanda laboral.
¿Qué necesitarás?
¡Muchas ganas de aprender!
Comenzamos la creación del proyecto desde cero y paso a paso, pero para aprovechar al máximo el curso es deseable tener conocimientos básicos de programación (lógica), HTML y sintaxis básica de Python.
Un equipo (PC o Mac) con acceso a internet.
Durante el curso instalaremos juntos todas las herramientas necesarias: Python, MySQL, Node.js, React, Visual Studio Code, Postman y más.
Al finalizar el curso:
Tendrás tu primera aplicación web Full Stack React + FastAPI totalmente funcional.
Comprenderás a fondo cómo se comunican el Frontend y el Backend mediante una API REST moderna.
Estarás listo para avanzar hacia proyectos más complejos y profesionales.
Sabrás cómo usar ChatGPT como una herramienta de productividad real en tu día a día.
No esperes más. Da el salto al desarrollo Full Stack moderno con React, FastAPI, Python y MySQL, y hazlo con ChatGPT como tu aliado en cada paso del camino.
¡Nos vemos dentro del curso!
Tus amigos e instructores,
Ing. Marcela Gamiño e Ing. Ubaldo Acosta
Fundadores de GlobalMentoring com mx