Curso de Flet para Empresas — Formación práctica para tu equipo

Creación de un entorno virtual con venv o Poetry

Instalación del paquete `flet` y dependencias

Estructura de una aplicación mínima

Ejecución en modo `flet.app()` (modo escritorio)

Ejecución en modo `flet.page()` (modo web local)

Estructura de carpetas recomendada

Hot-reload y auto-reload

Uso de logs para debugging

Problemas comunes y cómo resolverlos

Práctica: crear una aplicación "Hola Mundo"

Containers, Rows, Columns, y Stack

Textos, Imágenes, Íconos

Botones, Inputs y Selects

Layouts responsivos: `expand`, `adaptive`, `visible`

Separadores, espaciadores y alineaciones

Manejo de eventos on\_click, on\_change

Aplicar estilos (colores, tamaños, bordes)

Widgets reusables con clases Python

Construcción de páginas modulares

Práctica: construir una interfaz de formulario simple

¿Cómo funciona la navegación en Flet?

Uso de `page.route` y `page.go()`

Implementación de rutas dinámicas

Creación de layout base con rutas internas

Navegación entre pantallas mediante botones

Manejo del historial y navegación condicional

Redirecciones según estado o autenticación

Acciones tras navegación (post-navigate)

Práctica: app con navegación entre 3 vistas

Buenas prácticas para gestión de rutas

Diferencias entre estado local y global

Uso de `page.session` para variables entre pantallas

Sincronización de cambios en el frontend

Almacenamiento de valores persistentes

Comportamiento reactivo de los widgets

Evitar mutaciones no controladas

Global store con objetos Singleton

Gestión de flags booleanos y contadores

Actualización del frontend con `update()`

Práctica: app con contador compartido entre pantallas

Construcción de formularios con Flet

Inputs de texto, números, fecha y selectores

Validación en tiempo real

Lanzar alertas y mensajes de error

Condiciones visuales en inputs (colores, bordes)

Botones habilitados solo con formularios válidos

Serialización de formularios

Recolección de datos y envío a backend

Manejo de errores de red o validación externa

Práctica: formulario de registro de usuarios

Introducción a `requests` y `httpx`

Realizar peticiones GET, POST, PUT, DELETE

Autenticación básica y con tokens

Mostrar resultados en listas o tablas

Carga condicional (loading spinners)

Manejo de errores y timeouts

Peticiones asíncronas con `async def`

Integración con servicios externos reales

Caching de resultados

Práctica: consumir una API pública y mostrar resultados

Diferencias entre sesión local y usuario autenticado

Login y logout en apps con múltiples rutas

Guardado de sesión en `page.session`

Control de acceso por pantallas

Redirección automática si no está autenticado

Integración con APIs que usan JWT

Validación de roles y permisos

Seguridad y visibilidad de datos

Práctica: implementar login con API y rutas protegidas

Buenas prácticas de gestión de sesiones

Generar widgets desde datos

Listas dinámicas, bucles y condicionales

Ocultar, mostrar y destruir widgets

Actualizar datos en tiempo real

Widgets que dependen de otros

Botones que agregan contenido al vuelo

Refrescar partes específicas de la UI

Identificación única de widgets

Composición de interfaces desde datos

Práctica: app de tareas con edición dinámica

Modos claro y oscuro

Definición de temas globales y personalizados

Paletas de colores personalizadas

Tipografías y tamaños de texto

Estilos específicos por componente

Responsive design adaptado a dispositivos

Diseño adaptativo vs diseño condicional

Iconos personalizados (Material + SVG)

Práctica: crear app con tema corporativo

Integración con identidad visual de marca

Transiciones entre vistas con efectos

Animación de aparición y ocultación

Uso de `AnimatedContainer` y similares

Simulación de loading y efectos visuales

Microinteracciones con eventos

Animación en scroll o clic

Temporizadores y delays controlados

Animaciones condicionales

Integración con eventos de usuario

Práctica: interfaz animada estilo onboarding

Carga de archivos con FilePicker

Visualización previa de imágenes y PDF

Subida de archivos a servidor

Descarga y almacenamiento local

Conversión base64 para API

Integración con cámara del dispositivo

Audio y video embebidos

Galerías de contenido dinámico

Reglas de validación por tipo y tamaño

Práctica: crear un visor de archivos subidos

Persistencia con SQLite

Uso de ORM con SQLAlchemy

Guardado de datos desde formularios

Recuperación y paginación de resultados

Relación entre usuarios y registros

Operaciones CRUD básicas

Estructura modular de datos

Seguridad al exponer información

Optimización de accesos y filtros

Práctica: app con gestión de usuarios en SQLite

Modos de ejecución en local vs despliegue

Empaquetado con PyInstaller o Flet CLI

Creación de ejecutables para Windows/macOS

Despliegue en web con render remoto

Hosting gratuito: Render, Vercel, Fly.io

Configuración de variables de entorno

Gestión de dependencias con requirements.txt

Deploy continuo desde GitHub

Práctica: desplegar app Flet en Render

Consideraciones de seguridad en despliegue

Estado actual de Flet en móvil

Conversión a Progressive Web App (PWA)

Limitaciones y oportunidades actuales

Instalación de apps PWA en Android/iOS

Accesos desde navegador móvil

Alternativas: empaquetado con Kivy + WebView

Buenas prácticas de diseño para móvil

Tests de compatibilidad

Propuesta de distribución vía navegador

Práctica: instalar app como PWA en un móvil

Estrategias de pruebas manuales

Validación funcional con PyTest

Simulación de eventos con mocks

Separación de lógica de interfaz

Tests de integración de backend con UI

Testing de consumo de APIs

Validación de inputs y outputs

Tests de errores de usuario comunes

Automatización de regresiones

Práctica: escribir 5 pruebas para una app real

Separación lógica por capas

MVC simplificado en aplicaciones pequeñas

Organización modular: vistas, servicios, modelos

Inyección de dependencias básica

Controladores de eventos y stores

Escalado del proyecto con carpetas

Comunicación entre componentes desacoplados

Manejo centralizado de errores

Buenas prácticas para mantenimiento

Práctica: refactorizar una app en múltiples módulos

Consumir Google Maps, YouTube, etc.

Integración con OpenAI para chatbots

Conexión con Stripe o PayPal para pagos

APIs públicas REST y GraphQL

Autenticación OAuth

Visores embebidos en HTML

APIs empresariales privadas

Pruebas y documentación con Swagger

Uso de proxies y seguridad

Práctica: app que consume 2 APIs externas

CRM interno basado en Flet

Dashboards de KPIs

Aplicaciones de control de inventario

Herramientas para onboarding de empleados

Formatos de encuestas e informes

Integración con sistemas ERP/BI

Gestión de documentos internos

Apps internas multiplataforma

Escenarios de soporte técnico

Evaluación: diseñar un caso empresarial propio

Definición del objetivo del proyecto

Implementación de login y rutas privadas

Formulario de ingreso y edición de datos

Visualización dinámica de información

Almacenamiento de datos en base de datos

Consumo de API externa

Uso de tema visual personalizado

Despliegue web en entorno público

Documentación del código

Presentación del proyecto final