Curso de Flet con Python

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

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

Lección 2 • Tu primera aplicación Flet

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

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

Aborda el papel de Flet como framework de IU 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 • Maquetaciones con Row, Column y Stack

Explica los contenedores de maquetación principales de Flet y sus propiedades de alineación. El uso correcto de las maquetaciones es un prerrequisito para construir cualquier IU 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 recogida de datos del usuario mediante los controles TextField, Dropdown y Checkbox. Conecta con el manejo de eventos que se introduce en la sección siguiente.

Lección 4 • Controles Container y Card

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

Lección 1 • Listas dinámicas de controles

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

Lección 2 • Comprender 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 las mutaciones.

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

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

Lección 1 • Paso de datos entre vistas

Demuestra técnicas para compartir datos entre vistas sin estado global. Un paso de datos limpio es fundamental para aplicaciones multipágina mantenibles.

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

Presenta el control View y cómo gestiona Flet 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 los diálogos previene errores comunes de bloqueo de la IU.

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

Añade 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 enfocadas al 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 sin conexión.

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

Utiliza la librería httpx para realizar peticiones HTTP GET y POST asíncronas. Los datos obtenidos se renderizan posteriormente en controles Flet en las secciones siguientes.

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

Utiliza el módulo sqlite3 de Python para persistir y consultar datos estructurados desde una aplicación 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

Añade AnimatedSwitcher, AnimatedContainer y animaciones implícitas para mejorar la UX. Un 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 coherente es un marcador clave de la calidad profesional de la IU.

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

Configura page.theme utilizando ThemeData y ColorScheme para un estilizado global. Un tema unificado elimina la configuración ad-hoc de colores y fuentes en todo el código.

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

Configura la canalización de compilación móvil de Flet para destinos 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 aplicación web

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