Cours d'introduction à Flet Python

Leçon 1 • Installation de Python et de Flet

Guide l'installation de Python 3.8+ et du paquet Flet via pip. Assure que chaque étudiant dispose d'une chaîne d'outils vérifiée et fonctionnelle avant d'écrire du code.

Leçon 2 • Votre première application Flet

Construit une application Flet minimale à l'aide de ft.app() et de l'objet Page. Démontre la boucle d'événements et le flux de travail de rechargement à chaud essentiels au développement avec Flet.

Leçon 3 • Qu'est-ce que Flet et pourquoi l'utiliser

Couvre le rôle de Flet en tant que cadre d'interface utilisateur Python basé sur Flutter et ses avantages par rapport aux alternatives. Établit les bases conceptuelles pour tout le travail de développement subséquent.

Leçon 1 • Mises en page Row, Column et Stack

Explique les principaux conteneurs de mise en page de Flet et leurs propriétés d'alignement. Une utilisation correcte de la mise en page est un prérequis pour construire toute interface utilisateur non triviale.

Leçon 2 • Contrôles Text, Icon et Image

Présente les contrôles d'affichage les plus courants et leurs propriétés clés. Ces contrôles apparaissent dans pratiquement toutes les applications Flet construites plus tard dans le cours.

Leçon 3 • Contrôles de saisie : TextField et Dropdown

Enseigne la collecte de saisie utilisateur via les contrôles TextField, Dropdown et Checkbox. Fait le lien avec la gestion d'événements présentée dans la section suivante.

Leçon 4 • Contrôles Container et Card

Utilise Container et Card pour appliquer des bordures, des ombres et des couleurs d'arrière-plan. Ces conteneurs donnent une structure visuelle aux éléments d'interface regroupés.

Leçon 1 • Listes de contrôles dynamiques

Enseigne l'ajout, la suppression et le réordonnancement de contrôles dans page.controls et les enfants de conteneurs. Permet de construire des listes et des flux qui changent à l'exécution.

Leçon 2 • Comprendre le modèle d'état de Flet

Explique la différence entre les propriétés des contrôles et l'état rendu. Clarifie pourquoi des appels explicites à page.update() sont nécessaires après des modifications.

Leçon 3 • Utilisation de classes Python pour l'état

Encapsule la logique d'interface et l'état dans des classes Python pour éviter les variables globales. Ce modèle passe à l'échelle pour les applications complexes couvertes dans les chapitres suivants.

Leçon 1 • Passage de données entre les vues

Démontre des techniques pour partager des données entre les vues sans état global. Un passage propre des données est essentiel pour des applications multipages maintenables.

Leçon 2 • Vues de page et pile de vues

Introduit le contrôle View et comment Flet gère une pile de vues. Comprendre la pile de vues est essentiel avant d'implémenter tout routage.

Leçon 3 • Barre de navigation latérale et barre de navigation inférieure

Implémente NavigationRail et NavigationBar pour des modèles de navigation persistants. Ces composants sont standards dans les applications professionnelles de bureau et mobiles.

Leçon 1 • AlertDialog et flux de confirmation

Construit des AlertDialog modales pour les confirmations et les messages informatifs. Une gestion appropriée des boîtes de dialogue prévient les bogues courants de blocage de l'interface.

Leçon 2 • Indicateurs de progression et états de chargement

Ajoute ProgressBar et ProgressRing pour communiquer l'état des opérations asynchrones. Des états de chargement appropriés sont essentiels pour les applications qui récupèrent des données ou traitent des fichiers.

Leçon 3 • Contrôles BottomSheet et Drawer

Implémente BottomSheet pour des actions contextuelles et Drawer pour une navigation latérale. Les deux contrôles sont courants dans les applications Flet mobiles d'abord.

Leçon 1 • Lecture et écriture de fichiers locaux

Intègre les entrées-sorties de fichiers Python avec le contrôle FilePicker de Flet pour lire et sauvegarder des données. Permet des applications de bureau fonctionnant hors ligne.

Leçon 2 • Récupération de données avec httpx

Utilise la bibliothèque httpx pour effectuer des requêtes HTTP GET et POST asynchrones. Les données récupérées sont ensuite rendues dans des contrôles Flet dans les sections suivantes.

Leçon 3 • Connexion à une base de données SQLite

Utilise le module sqlite3 de Python pour persister et interroger des données structurées à partir d'une application Flet. Fournit une couche de données locale complète pour les applications CRUD.

Leçon 4 • Gestionnaires asynchrones dans Flet

Explique comment Flet prend en charge les gestionnaires d'événements asynchrones nativement et quand les utiliser. Les gestionnaires asynchrones sont le modèle correct pour toute opération liée aux entrées-sorties.

Leçon 1 • Animations et transitions

Ajoute AnimatedSwitcher, AnimatedContainer et des animations implicites pour améliorer l'expérience utilisateur. Un mouvement subtil améliore la qualité perçue sans code personnalisé complexe.

Leçon 2 • Typographie et polices personnalisées

Charge des polices personnalisées et applique TextStyle dans toute l'application. Une typographie cohérente est un marqueur clé de la qualité d'interface professionnelle.

Leçon 3 • Système de thème Flet et ColorScheme

Configure page.theme à l'aide de ThemeData et ColorScheme pour un style global. Un thème unifié élimine les réglages de couleurs et de polices ponctuels dans l'ensemble du code.

Leçon 1 • Build pour Android et iOS

Configure le pipeline de compilation mobile de Flet pour les cibles APK Android et IPA iOS. Le déploiement mobile nécessite des chaînes d'outils spécifiques à la plateforme et des réglages de manifeste.

Leçon 2 • Empaquetage d'exécutables de bureau

Utilise flet build pour créer des exécutables autonomes pour Windows, macOS et Linux. Les builds autonomes éliminent les exigences d'installation de Python pour les utilisateurs finaux.

Leçon 3 • Exécution de Flet en tant qu'application Web

Déploie une application Flet sur un serveur Web à l'aide de flet run --web et d'options d'hébergement de production. Le déploiement Web expose les applications à tout navigateur sans installation.