Flet Python Cursus

Les 1 • Python en Flet installeren

Begeleidt de installatie van Python 3.8+ en het Flet-pakket via pip. Zorgt ervoor dat elke student een geverifieerde, functionele toolchain heeft voordat er code wordt geschreven.

Les 2 • Je Eerste Flet-applicatie

Bouwt een minimale Flet-app met ft.app() en het Page-object. Demonstreert de event loop en de hot-reload-workflow die centraal staan in Flet-ontwikkeling.

Les 3 • Wat is Flet en Waarom Het Gebruiken

Behandelt de rol van Flet als een op Flutter gebaseerd Python UI-framework en de voordelen ten opzichte van alternatieven. Legt de conceptuele basis voor al het verdere ontwikkelwerk.

Les 1 • Row-, Column- en Stack-layouts

Legt de primaire layoutcontainers van Flet en hun uitlijningseigenschappen uit. Correct layoutgebruik is een vereiste voor het bouwen van elke niet-triviale UI.

Les 2 • Text-, Icon- en Image-controls

Introduceert de meest voorkomende weergavecontrols en hun belangrijkste eigenschappen. Deze controls verschijnen in vrijwel elke Flet-applicatie die later in de cursus wordt gebouwd.

Les 3 • Invoercontrols: TextField en Dropdown

Leert gebruikersinvoer verzamelen via TextField-, Dropdown- en Checkbox-controls. Maakt verbinding met event handling dat in de volgende sectie wordt geïntroduceerd.

Les 4 • Container- en Card-controls

Gebruikt Container en Card om randen, schaduwen en achtergrondkleuren toe te passen. Deze wrappers geven visuele structuur aan gegroepeerde UI-elementen.

Les 1 • Dynamische Controllijsten

Leert controls toevoegen, verwijderen en herordenen in page.controls en container children. Maakt het bouwen van lijsten en feeds mogelijk die tijdens runtime veranderen.

Les 2 • Het Toestandsmodel van Flet Begrijpen

Legt het verschil uit tussen controleigenschappen en weergegeven toestand. Verduidelijkt waarom expliciete page.update()-aanroepen vereist zijn na mutaties.

Les 3 • Python-klassen gebruiken voor Toestand

Kapselt UI-logica en toestand in Python-klassen in om globale variabelen te vermijden. Dit patroon schaalt naar complexe apps die in latere hoofdstukken worden behandeld.

Les 1 • Gegevens Doorgeven Tussen Views

Demonstreert technieken voor het delen van gegevens over views heen zonder globale toestand. Schoon doorgeven van gegevens is cruciaal voor onderhoudbare multi-pagina-applicaties.

Les 2 • Pagina-views en de View Stack

Introduceert de View-control en hoe Flet een stack van views beheert. Het begrijpen van de view stack is essentieel voordat routing wordt geïmplementeerd.

Les 3 • Navigation Rail en Bottom Navigation Bar

Implementeert NavigationRail en NavigationBar voor persistente navigatiepatronen. Deze componenten zijn standaard in professionele desktop- en mobiele apps.

Les 1 • AlertDialog en Bevestigingsstromen

Bouwt modale AlertDialogs voor bevestigingen en informatieve berichten. Correct dialogbeheer voorkomt veelvoorkomende UI-blokkerende bugs.

Les 2 • Voortgangsindicatoren en Laadstatussen

Voegt ProgressBar en ProgressRing toe om de status van asynchrone bewerkingen te communiceren. Correcte laadstatussen zijn essentieel voor apps die gegevens ophalen of bestanden verwerken.

Les 3 • BottomSheet- en Drawer-controls

Implementeert BottomSheet voor contextuele acties en Drawer voor zij-navigatie. Beide controls komen veel voor in mobiel-eerste Flet-applicaties.

Les 1 • Lokale Bestanden Lezen en Schrijven

Integreert Python-bestands-I/O met de FilePicker-control van Flet voor het lezen en opslaan van gegevens. Maakt offline-capabele desktopapplicaties mogelijk.

Les 2 • Gegevens Ophalen met httpx

Gebruikt de httpx-bibliotheek om asynchrone HTTP GET- en POST-verzoeken te doen. Opgehaalde gegevens worden vervolgens in volgende secties in Flet-controls weergegeven.

Les 3 • Verbinding Maken met een SQLite-database

Gebruikt de sqlite3-module van Python om gestructureerde gegevens uit een Flet-app te persisteren en op te vragen. Biedt een complete lokale gegevenslaag voor CRUD-applicaties.

Les 4 • Asynchrone handlers in Flet

Legt uit hoe Flet native asynchrone event handlers ondersteunt en wanneer ze te gebruiken. Async handlers zijn het juiste patroon voor elke I/O-gebonden bewerking.

Les 1 • Animaties en Overgangen

Voegt AnimatedSwitcher, AnimatedContainer en impliciete animaties toe om de UX te verbeteren. Subtiele beweging verbetert de waargenomen kwaliteit zonder complexe aangepaste code.

Les 2 • Typografie en Aangepaste Lettertypen

Laadt aangepaste lettertypen en past TextStyle toe in de hele applicatie. Consistente typografie is een belangrijke indicator van professionele UI-kwaliteit.

Les 3 • Flet Themasysteem en ColorScheme

Configureert page.theme met ThemeData en ColorScheme voor globale styling. Een uniform thema elimineert ad-hoc kleur- en lettertype-instellingen in de hele codebase.

Les 1 • Bouwen voor Android en iOS

Configureert de mobiele build-pipeline van Flet voor Android APK- en iOS IPA-doelen. Mobiele implementatie vereist platformspecifieke toolchains en manifest-instellingen.

Les 2 • Desktop-uitvoerbare Bestanden Verpakken

Gebruikt flet build om zelfstandige uitvoerbare bestanden te maken voor Windows, macOS en Linux. Zelfstandige builds elimineren de noodzaak van Python-installatie voor eindgebruikers.

Les 3 • Flet uitvoeren als een Web-app

Implementeert een Flet-app op een webserver met flet run --web en productie-hostingopties. Webimplementatie stelt apps bloot aan elke browser zonder installatie.