
Demo Aplicación Web Full Stack con React, Flask, 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 un API?
¿Qué es Flask REST?
Creación del BackEnd con Flask REST
Creación de la Base de Datos de MySql
Nota Importante: Una librería más en el proyecto RH
Hola Mundo con Flask
¿Qué es un ORM y qué es Flask Alchemy?
Configuración del Proyecto de RH con ChatGPT
Creación de Extensiones de Flask
Creación de la Clase de Modelo
Creación del Schema con MarshMallow
Creación del API de Empleados
Configuración Aplicación con Flask Final
Configuración App con Flask Final - parte 2
Migraciones con Alembic
Ejecución del Back End con Flask
Ejecución del Back End con Flask - parte 2
Modificar Puerto de Flask
¿Qué es Postman?
Instalación de Postman
Prueba del Listado con Postman
Agregar Empleado con Postman
Modificar Empleado con Postman
Recuperar Empleado por Id con Postman
Eliminar Empleado con Postman
Conclusión del BackEnd con Flask
¿Qué es React?
¿Qué es Node JS?
Instalación de NodeJS
Instalación de Visual Studio Code (VSC)
¿Qué es un Componente de React?
Prompt de ChatGPT para crear nuestra App con React
Fase Inicial de React
Creación del Proyecto con React
Modificación de la Configuración Inicial de React
Revisión del Componente App con React
Caso de Listar - Configuración con React
Listado de Empleados - Componente con React
Listado de Empleados - Explicación con ChatGPT - parte 1
Listado de Empleados - Explicación con ChatGPT - parte 2
Agregar Empleado con ChatGPT
Componente de Navegación con Bootstrap y React
Agregar Empleado con React
Agregar Empleado Explicación con ChatGPT
Caso Editar Empleado con ChatGPT y React
Editar Empleado con React - Explicación
Caso Eliminar Empleado con React
Clase Extra
¿Quieres dar tu primer gran paso en el desarrollo Web Full Stack con React y Flask con ChatGPT?
En este curso crearás desde cero un sistema full stack web, utilizando React para el Front End, Flask con Python para el Back End, MySQL como base de datos, y el apoyo de ChatGPT como tu asistente de aprendizaje y productividad.
Aprenderás a integrar de forma práctica y sencilla tecnologías modernas y ligeras que se utilizan cada vez más en la industria del software, dominando el ciclo completo de una aplicación web real: desde la base de datos, la lógica de negocio, hasta la interfaz de usuario.
¿Qué aprenderás?
Cómo estructurar un Back End con Flask y Python:
Creación de una API REST usando Flask y Blueprints
Definición de rutas y controladores (GET, POST, PUT, DELETE)
Uso de SQLAlchemy como ORM para modelar y persistir datos
Configuración de Flask-Migrate y Alembic para gestionar migraciones en MySQL
Habilitación de CORS y manejo de respuestas en formato JSON
Pruebas de la API con Postman
Cómo desarrollar un Front End moderno con React y JavaScript:
Uso de Vite para la creación del proyecto con React
Creación de componentes y formularios controlados con React
Consumo de servicios REST con Axios
Uso de React Router para navegación entre vistas
Integración de estilos modernos con Bootstrap en modo oscuro
Organización del código siguiendo buenas prácticas
Cómo integrar todo en un proyecto Full Stack real:
Conexión total entre React, Flask y MySQL
Entendimiento claro del flujo de datos desde la interfaz hasta la base de datos
Desarrollo de una aplicación Full Stack Web con operaciones completas:
Listado de empleados
Alta de nuevos registros
Edición y eliminación de empleados
Validación y manejo de errores
Lo que hace único este curso:
Aprenderás construyendo un proyecto funcional desde cero
Descubrirás cómo aprovechar ChatGPT para resolver dudas, generar ideas de código y acelerar tu desarrollo
Obtendrás una base sólida en una arquitectura full stack moderna y ligera
Ideal si quieres explorar React con Flask y Python o si deseas crear aplicaciones más rápido sin sacrificar estructura
¿Qué necesitarás?
Muchas ganas de aprender
Conocimientos básicos de programación, HTML y Python. Sin embargo toda la aplicación la construiremos desde cero y paso a paso.
Un equipo con acceso a internet
Durante el curso instalaremos juntos todas las herramientas necesarias: Python, Flask, PyCharm, MySQL, NodeJS, Visual Studio Code, Postman y más.
Al finalizar el curso:
Tendrás tu primera aplicación web full stack React + Flask REST totalmente funcional
Comprenderás a fondo cómo se comunican React y Flask mediante una API REST
Estarás listo para seguir avanzando hacia proyectos más complejos y profesionales
Sabrás cómo usar ChatGPT como una herramienta de productividad real en tus proyectos de desarrollo
No esperes más.
Da el salto al desarrollo full stack moderno con React, Flask, Python y MySQL, y hazlo con ChatGPT como tu aliado en cada paso del camino.
Nos vemos en el curso.
Tus amigos e instructores,
Ing. Marcela Gamiño e Ing. Ubaldo Acosta
Fundadores de Global Mentoring com mx