
Bienvenidos al Curso
Demo Aplicación Web Full Stack con Angular, 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 Angular?
¿Qué es Node JS?
Instalación de Node JS
Instalación de Visual Studio Code (VSC)
Instalación de Angular
Fases Creación del Front End con Angular
Creación del Proyecto con Angular
Agregar Bootstrap a Angular
Modificar el Componente App principal de Angular
Creación de la Clase de Entidad con Angular y TypeScript
Creación de la Clase de Entidad con Angular y TypeScript
Creación del Componente de Listado con Angular
Creación de la Vista Listado de Productos con Angular
Configuración de Rutas con Angular
Listado con Angular
Pipe Moneda con Angular
Componente de Agregar con Angular
Formulario de Agregar con Angular (Template driven)
Barra de Navegación con Angular
Prueba Agregar Empleado con Angular
Cambiar Color Barra de Navegación con Angular
Creación del Componente de Editar con Angular
Creación del Formulario de Editar con Angular
Actualizar Ruta Caso de Editar con Angular
Prueba Caso Editar con Angular
Caso de Eliminar - Componente de Listado con Angular
Prueba Caso de Eliminar con Angular
¿Quieres dar tu primer gran paso en el desarrollo web Full Stack con Angular y Flask con ChatGPT?
En este curso crearás desde cero un sistema full stack web, utilizando Angular 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 Angular y TypeScript:
Creación de componentes y formularios template-driven
Consumo de servicios REST con HttpClient
Uso de Angular 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 Angular, 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 vienes del mundo Java y quieres explorar 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
Un equipo con acceso a internet
Durante el curso instalaremos juntos todas las herramientas necesarias:
Python, Flask, MySQL, Angular CLI, NodeJS, Visual Studio Code, Postman y más.
Al finalizar el curso:
Tendrás tu primera aplicación web full stack Angular + Flask totalmente funcional
Comprenderás a fondo cómo se comunican Angular 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 Angular, 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