
Bienvenidos al Curso
Demo Aplicación Web Full Stack con Angular, Django, 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
Introducción Backend con Django y Python
¿Qué es Django Framework?
¿Qué es Django REST Framework (DRF) y el concepto de API?
Prompt de ChatGPT para crear el Backend con Django
Ejecución del Prompt de ChatGPT para crear el Backend con Django
Creación del Proyecto con Django
Creación de la App de Django
Configuración del archivo settings de Django
Configuración de PyMySql en Django
Configuración de la Base de Datos de MySql
Modificación de la Clase de Entidad Empleado con Django
Creación de la clase Empleado Serializer con Django
Uso de Vistas Genéricas de Django
Manejo de Rutas de la App de Empleado con Django
Migraciones de la Base de Datos con Django
Ejecución del Backend con Django
¿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
¿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 Angular a Bootstrap
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 Django con ChatGPT?
En este curso crearás desde cero un sistema full stack web, utilizando Angular para el Front End, Django 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 potentes que se utilizan ampliamente 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 Django y Python:
Creación de una API REST profesional usando Django REST Framework (DRF)
Definición de modelos con el ORM de Django para mapear y manipular tablas de MySQL
Creación de serializers para transformar objetos Python a formato JSON
Implementación de vistas de tipo ViewSets para gestionar las operaciones CRUD (GET, POST, PUT, DELETE)
Configuración del enrutamiento en urls para exponer los endpoints de la API
Configuración de CORS para permitir peticiones desde Angular
Uso de migraciones para mantener sincronizada la base de datos con el modelo
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 los servicios REST del Back End mediante Http Client
Uso de Angular Router para navegar entre vistas de forma dinámica
Integración de estilos modernos con Bootstrap en modo oscuro
Organización del código siguiendo buenas prácticas y arquitectura modular
Cómo integrar todo en un proyecto Full Stack real:
Conexión total entre Angular, Django y MySQL
Comprensión clara del flujo de datos desde la interfaz hasta la base de datos
Desarrollo de una aplicación web completa con operaciones CRUD:
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, crear tu código y acelerar tu desarrollo
Obtendrás una base sólida en una arquitectura full stack moderna con tecnologías abiertas
¿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 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, Django, 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 + Django totalmente funcional
Comprenderás a fondo cómo se comunican Angular y Django 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
No esperes más.
Da el salto al desarrollo full stack moderno con Angular, Django, 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 GlobalMentoring