Flet Python Course

Lesson 1 • Installing Python and Flet

Guides installation of Python 3.8+ and the Flet package via pip. Ensures every student has a verified, functional toolchain before writing code.

Lesson 2 • Your First Flet Application

Builds a minimal Flet app using ft.app() and the Page object. Demonstrates the event loop and hot-reload workflow central to Flet development.

Lesson 3 • What Is Flet and Why Use It

Covers Flet's role as a Flutter-based Python UI framework and its advantages over alternatives. Sets the conceptual foundation for all subsequent development work.

Lesson 1 • Row, Column, and Stack Layouts

Explains Flet's primary layout containers and their alignment properties. Correct layout usage is prerequisite to building any non-trivial UI.

Lesson 2 • Text, Icon, and Image Controls

Introduces the most common display controls and their key properties. These controls appear in virtually every Flet application built later in the course.

Lesson 3 • Input Controls: TextField and Dropdown

Teaches user input collection through TextField, Dropdown, and Checkbox controls. Connects to event handling introduced in the next section.

Lesson 4 • Container and Card Controls

Uses Container and Card to apply borders, shadows, and background colors. These wrappers give visual structure to grouped UI elements.

Lesson 1 • Dynamic Control Lists

Teaches adding, removing, and reordering controls in page.controls and container children. Enables building lists and feeds that change at runtime.

Lesson 2 • Understanding Flet's State Model

Explains the difference between control properties and rendered state. Clarifies why explicit page.update() calls are required after mutations.

Lesson 3 • Using Python Classes for State

Encapsulates UI logic and state in Python classes to avoid global variables. This pattern scales to complex apps covered in later chapters.

Lesson 1 • Passing Data Between Views

Demonstrates techniques for sharing data across views without global state. Clean data passing is critical for maintainable multi-page applications.

Lesson 2 • Page Views and the View Stack

Introduces the View control and how Flet manages a stack of views. Understanding the view stack is essential before implementing any routing.

Lesson 3 • Navigation Rail and Bottom Navigation Bar

Implements NavigationRail and NavigationBar for persistent navigation patterns. These components are standard in professional desktop and mobile apps.

Lesson 1 • AlertDialog and Confirmation Flows

Builds modal AlertDialogs for confirmations and informational messages. Proper dialog management prevents common UI blocking bugs.

Lesson 2 • Progress Indicators and Loading States

Adds ProgressBar and ProgressRing to communicate async operation status. Proper loading states are essential for apps that fetch data or process files.

Lesson 3 • BottomSheet and Drawer Controls

Implements BottomSheet for contextual actions and Drawer for side navigation. Both controls are common in mobile-first Flet applications.

Lesson 1 • Reading and Writing Local Files

Integrates Python file I/O with Flet's FilePicker control for reading and saving data. Enables offline-capable desktop applications.

Lesson 2 • Fetching Data with httpx

Uses the httpx library to make async HTTP GET and POST requests. Fetched data is then rendered into Flet controls in subsequent sections.

Lesson 3 • Connecting to a SQLite Database

Uses Python's sqlite3 module to persist and query structured data from a Flet app. Provides a complete local data layer for CRUD applications.

Lesson 4 • Async Handlers in Flet

Explains how Flet supports async event handlers natively and when to use them. Async handlers are the correct pattern for any I/O-bound operation.

Lesson 1 • Animations and Transitions

Adds AnimatedSwitcher, AnimatedContainer, and implicit animations to enhance UX. Subtle motion improves perceived quality without complex custom code.

Lesson 2 • Typography and Custom Fonts

Loads custom fonts and applies TextStyle across the application. Consistent typography is a key marker of professional UI quality.

Lesson 3 • Flet Theme System and ColorScheme

Configures page.theme using ThemeData and ColorScheme for global styling. A unified theme eliminates ad-hoc color and font settings throughout the codebase.

Lesson 1 • Building for Android and iOS

Configures Flet's mobile build pipeline for Android APK and iOS IPA targets. Mobile deployment requires platform-specific toolchains and manifest settings.

Lesson 2 • Packaging Desktop Executables

Uses flet build to create standalone executables for Windows, macOS, and Linux. Standalone builds eliminate Python installation requirements for end users.

Lesson 3 • Running Flet as a Web App

Deploys a Flet app to a web server using flet run --web and production hosting options. Web deployment exposes apps to any browser without installation.