Curso de Flet con Python

Lección 1 • Instalación de Python y Flet

Guía la instalación de Python 3.8+ y el paquete Flet mediante pip. Garantiza que cada estudiante tenga una cadena de herramientas verificada y funcional antes de escribir código.

Lección 2 • Tu primera aplicación Flet

Construye una aplicación Flet mínima usando ft.app() y el objeto Page. Demuestra el bucle de eventos y el flujo de trabajo de recarga en caliente, fundamentales para el desarrollo con Flet.

Lección 3 • Qué es Flet y por qué usarlo

Cubre el rol de Flet como un framework de UI en Python basado en Flutter y sus ventajas frente a otras alternativas. Establece la base conceptual para todo el trabajo de desarrollo posterior.

Lección 1 • Layouts Row, Column y Stack

Explica los contenedores de layout principales de Flet y sus propiedades de alineación. El uso correcto de layouts es un prerrequisito para construir cualquier UI no trivial.

Lección 2 • Controles Text, Icon e Image

Presenta los controles de visualización más comunes y sus propiedades clave. Estos controles aparecen prácticamente en todas las aplicaciones Flet que se construirán más adelante en el curso.

Lección 3 • Controles de entrada: TextField y Dropdown

Enseña la captura de entrada del usuario mediante los controles TextField, Dropdown y Checkbox. Se conecta con el manejo de eventos que se presenta en la siguiente sección.

Lección 4 • Controles Container y Card

Utiliza Container y Card para aplicar bordes, sombras y colores de fondo. Estos envoltorios dan estructura visual a los elementos agrupados de la UI.

Lección 1 • Listas de controles dinámicas

Enseña a agregar, eliminar y reordenar controles en page.controls y en los hijos de contenedores. Permite construir listas y feeds que cambian en tiempo de ejecución.

Lección 2 • Comprendiendo el modelo de estado de Flet

Explica la diferencia entre las propiedades de control y el estado renderizado. Aclara por qué se requieren llamadas explícitas a page.update() después de realizar mutaciones.

Lección 3 • Uso de clases de Python para el estado

Encapsula la lógica de la UI y el estado en clases de Python para evitar variables globales. Este patrón escala a aplicaciones complejas que se cubren en capítulos posteriores.

Lección 1 • Paso de datos entre vistas

Demuestra técnicas para compartir datos entre vistas sin estado global. El paso limpio de datos es crítico para aplicaciones multipágina mantenibles.

Lección 2 • Vistas de página y la pila de vistas

Presenta el control View y cómo Flet gestiona una pila de vistas. Comprender la pila de vistas es esencial antes de implementar cualquier enrutamiento.

Lección 3 • Navigation Rail y barra de navegación inferior

Implementa NavigationRail y NavigationBar para patrones de navegación persistente. Estos componentes son estándar en aplicaciones profesionales de escritorio y móviles.

Lección 1 • AlertDialog y flujos de confirmación

Construye AlertDialogs modales para confirmaciones y mensajes informativos. Una gestión adecuada de diálogos previene errores comunes de bloqueo de la UI.

Lección 2 • Indicadores de progreso y estados de carga

Agrega ProgressBar y ProgressRing para comunicar el estado de operaciones asíncronas. Los estados de carga adecuados son esenciales para aplicaciones que obtienen datos o procesan archivos.

Lección 3 • Controles BottomSheet y Drawer

Implementa BottomSheet para acciones contextuales y Drawer para navegación lateral. Ambos controles son comunes en aplicaciones Flet con enfoque móvil.

Lección 1 • Lectura y escritura de archivos locales

Integra la E/S de archivos de Python con el control FilePicker de Flet para leer y guardar datos. Permite aplicaciones de escritorio con capacidad offline.

Lección 2 • Obtención de datos con httpx

Usa la biblioteca httpx para realizar solicitudes HTTP GET y POST asíncronas. Los datos obtenidos se renderizan luego en controles Flet en secciones posteriores.

Lección 3 • Conexión a una base de datos SQLite

Usa el módulo sqlite3 de Python para persistir y consultar datos estructurados desde una app Flet. Proporciona una capa de datos local completa para aplicaciones CRUD.

Lección 4 • Manejadores asíncronos en Flet

Explica cómo Flet soporta manejadores de eventos asíncronos de forma nativa y cuándo usarlos. Los manejadores asíncronos son el patrón correcto para cualquier operación ligada a E/S.

Lección 1 • Animaciones y transiciones

Agrega AnimatedSwitcher, AnimatedContainer y animaciones implícitas para mejorar la UX. El movimiento sutil mejora la calidad percibida sin código personalizado complejo.

Lección 2 • Tipografía y fuentes personalizadas

Carga fuentes personalizadas y aplica TextStyle en toda la aplicación. Una tipografía consistente es un marcador clave de calidad de UI profesional.

Lección 3 • Sistema de temas de Flet y ColorScheme

Configura page.theme usando ThemeData y ColorScheme para estilizado global. Un tema unificado elimina configuraciones ad-hoc de color y fuente en todo el código.

Lección 1 • Compilación para Android y iOS

Configura el pipeline de construcción móvil de Flet para objetivos Android APK e iOS IPA. El despliegue móvil requiere cadenas de herramientas específicas de la plataforma y configuraciones de manifiesto.

Lección 2 • Empaquetado de ejecutables de escritorio

Utiliza flet build para crear ejecutables independientes para Windows, macOS y Linux. Las compilaciones independientes eliminan los requisitos de instalación de Python para los usuarios finales.

Lección 3 • Ejecución de Flet como una aplicación web

Despliega una app Flet en un servidor web usando flet run --web y opciones de alojamiento en producción. El despliegue web expone las apps a cualquier navegador sin instalación.