Section 1: Lab: Getting Started with FlutterFlow
- What FlutterFlow is and how it differs from writing Flutter by hand and from other no-code tools
- Create a project, choose a template and set basic app settings
- The workspace: canvas, navigation menu, properties panel and keyboard shortcuts
- Preview, project history and comments for reviewing work together
- Lab: build the first screen of a venue booking app and open it in Preview
Section 2: Lab: UI Builder, Widget Tree and Layout
- Core widgets: Container, Row, Column, Stack, Text, Image and Button
- Structure pages with the widget tree and page selector
- Layouts for phones, tablets and the web with responsive visibility
- ListView and GridView for lists of data
- Lab: a venue list screen and a detail screen
Section 3: Lab: Themes, Design System and Components
- Set app colours, fonts and typography in the theme settings
- Support light mode and dark mode
- Build reusable components with parameters
- Basic widget and page transition animations
- Lab: a venue card component and buttons used across the app
Section 4: Lab: Navigation and Passing Parameters
- Navigate To, Navigate Back and setting the app's initial page
- Bottom navigation bar and drawer
- Pass parameters to the next page and display them
- Bottom sheets and dialogs for short tasks on the same page
- Lab: connect the list, detail and profile pages
Section 5: Lab: State Management in FlutterFlow
- App State, Page State and Component State, and when to use each
- Persisted App State for values kept on the device
- Custom data types for data with several fields
- Update state and rebuild the screen appropriately
- Lab: a favourites list that is remembered after the app closes