This in-depth course is designed to teach you how to build sophisticated Flutter applications from scratch. You’ll explore custom themes, global state management, animations, and database integration.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Flutter basics and setup
Layout, UI, and theming
Data models and user input
Routes, screens, and navigation
Global state management
Integration with Firestore database
Advanced animations
01. Flutter Basics
- Introduction
- Installing on Windows
- Installing on a Mac
- Making a New Flutter Project
- Quick Project Overview
- Widgets
- Material App and Scaffold
- Stateless Widgets
- Containers
- Imports and Quick Refactor
- Columns
- Rows
- Images
- Expanded Widget
- Buttons and Click Events
- Stateful Widgets
- Control Flow in Lists
- Making Reusable Widgets
02. Layout, UI and Theming
- Setting up a New Project
- Making a Custom Theme
- Text Theme
- Reusable Styled Text Widgets
- Using Google Fonts
- Container Gradients
- List View
- Card Widget
- Icon Button
03. Data Models
- Making a Character Class
- Mixins
- Getters
- Enhanced Enums
- Making a Skill Class
- Adding Images
- Adding Dummy Data
- Using the Character Class
04. User Input
- Adding a Create Screen
- Making a Text Field
- Text Editing Controllers
- Submit Handler Function
- Displaying Vocations
- Adding a Scrollable Widget
- onTap Gesture
- Selecting a Vocation
- Submitting the Data
- What About the Form Widget?
05. Routes and Screens
- Pushing and Popping Routes
- Navigating Between Screens
- Showing a Dialog
- Adding a Dialog Theme
- Navigating to a Profile Screen
- Passing Data into Routes
- Fleshing Out the Profile Screen
- Arguments in Stateful Widgets
- Using Tables
- Outputting Vocation Skills
- Selecting an Active Skill
- Adding a Snackbar
06. Using Global State
- Why We Need Global State
- Provider Package
- Making a Character Store
- Providing and Consuming State
- Adding New Characters
07. Adding a (Firestore) Database
- Chapter Introduction
- Firebase SDK Setup
- Firestore Database Setup
- Factory Constructors
- Processing Character Data
- Character Factory Constructor
- Processing Character Stats
- Firestore Converters
- Adding Firestore Data
- Fetching Character Data
- Saving Character Changes
- Deleting Character Data
08. Adding Animations
- Swipe to Dismiss
- Implicit vs Explicit Animations
- Hero Widget
- Animated Rotation
- Animation Controllers
- Tween Sequences
- Animated Builder Widget
- Changing the Heart Color
- Stack and Positioned Widgets
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Flutter basics and setup
Layout, UI, and theming
Data models and user input
Routes, screens, and navigation
Global state management
Integration with Firestore database
Advanced animations
COURSE OUTLINE
01. Flutter Basics
- Introduction
- Installing on Windows
- Installing on a Mac
- Making a New Flutter Project
- Quick Project Overview
- Widgets
- Material App and Scaffold
- Stateless Widgets
- Containers
- Imports and Quick Refactor
- Columns
- Rows
- Images
- Expanded Widget
- Buttons and Click Events
- Stateful Widgets
- Control Flow in Lists
- Making Reusable Widgets
02. Layout, UI and Theming
- Setting up a New Project
- Making a Custom Theme
- Text Theme
- Reusable Styled Text Widgets
- Using Google Fonts
- Container Gradients
- List View
- Card Widget
- Icon Button
03. Data Models
- Making a Character Class
- Mixins
- Getters
- Enhanced Enums
- Making a Skill Class
- Adding Images
- Adding Dummy Data
- Using the Character Class
04. User Input
- Adding a Create Screen
- Making a Text Field
- Text Editing Controllers
- Submit Handler Function
- Displaying Vocations
- Adding a Scrollable Widget
- onTap Gesture
- Selecting a Vocation
- Submitting the Data
- What About the Form Widget?
05. Routes and Screens
- Pushing and Popping Routes
- Navigating Between Screens
- Showing a Dialog
- Adding a Dialog Theme
- Navigating to a Profile Screen
- Passing Data into Routes
- Fleshing Out the Profile Screen
- Arguments in Stateful Widgets
- Using Tables
- Outputting Vocation Skills
- Selecting an Active Skill
- Adding a Snackbar
06. Using Global State
- Why We Need Global State
- Provider Package
- Making a Character Store
- Providing and Consuming State
- Adding New Characters
07. Adding a (Firestore) Database
- Chapter Introduction
- Firebase SDK Setup
- Firestore Database Setup
- Factory Constructors
- Processing Character Data
- Character Factory Constructor
- Processing Character Stats
- Firestore Converters
- Adding Firestore Data
- Fetching Character Data
- Saving Character Changes
- Deleting Character Data
08. Adding Animations
- Swipe to Dismiss
- Implicit vs Explicit Animations
- Hero Widget
- Animated Rotation
- Animation Controllers
- Tween Sequences
- Animated Builder Widget
- Changing the Heart Color
- Stack and Positioned Widgets
