Course Brief
About this Course
Learn how to create visually appealing and fully functional cross-platform mobile applications using Flutter and Dart. This course guides you from setting up your development environment to integrating Firebase and building complete apps for both Android and iOS.
Learn to build high-quality cross-platform mobile apps with Flutter and Firebase.
Eligibility
Requirements
- Basic knowledge of programming concepts.
- A computer with internet access.
- Willingness to learn Dart, Flutter, and mobile app development.
Training Plan
Learning Roadmap
01
Foundation Studio: Course Overview & Dart + Firebase Essentials
- Practice course topics through a guided app development lab activity.
02
Practical Lab: Getting Started with Flutter
- Downloading and Configuring Flutter
- Setting Up Android Studio
- Installing Visual Studio & VS Code
- guided portfolio activity Exercise-01
03
Applied Workflow: Introduction to Dart
- Overview of Flutter 3.0 and Dart
- Introduction to DartPad
- Practice dart data types through a guided app development lab activity.
- Practice dart operators through a guided app development lab activity.
- guided portfolio activity Exercise-02
04
Professional Practice: Dart Basics Continued
- Practice variables in dart through a guided app development lab activity.
- Conditional Statements
- Practice loops in dart through a guided app development lab activity.
- Practice dart arrays through a guided app development lab activity.
- Practice dart maps through a guided app development lab activity.
- guided portfolio activity Exercise-03
05
Portfolio Sprint: Dart Advanced Concepts
- Practice dart functions through a guided app development lab activity.
- Final vs Const in Dart
- Null Safety in Dart
- Classes and Objects
- guided portfolio activity Exercise-04
06
Career Readiness: Introduction to Flutter 3.0
- Flutter App Structure
- Creating a New Flutter Project
- Using the Scaffold Widget
- guided portfolio activity Exercise-05
07
Foundation Studio: Flutter Basics Continued
- Practice container widget through a guided app development lab activity.
- Practice column widget through a guided app development lab activity.
- Practice row widget through a guided app development lab activity.
- guided portfolio activity Exercise-06
08
Practical Lab: Tyamo App - Project Setup & User Auth UI
- Setting Up the Tyamo Flutter Project
- Practice module overview through a guided app development lab activity.
- Practice login screen through a guided app development lab activity.
- Registration Screen
- Forgot Password Screen
- guided portfolio activity Exercise-07
09
Applied Workflow: Tyamo App - User Auth UI Part 2
- Profile Setup Screen
- Friend Invitation Screen
- Sending and Receiving Invites
- guided portfolio activity Exercise-08
10
Professional Practice: Tyamo App - User Auth UI Part 3
- Practice screen navigation through a guided app development lab activity.
- Navigation Animations
- Implementing Responsiveness
- guided portfolio activity Exercise-09
11
Portfolio Sprint: Tyamo App - Dashboard UI
- Practice homepage widget through a guided app development lab activity.
- Drawer Functionality
- guided portfolio activity Exercise-10
12
Career Readiness: Tyamo App - Dashboard UI Part 2
- Practice dashboard screen through a guided app development lab activity.
- Practice my profile screen through a guided app development lab activity.
- Editing Profile (Settings)
- guided portfolio activity Exercise-11
13
Foundation Studio: Tyamo App - Device Info Module UI
- Device Info Menu Screen
- User Status & Last Online Tracking
- Battery Info Display and Sharing
- System State, Volume, and Connectivity Info
- guided portfolio activity Exercise-12
14
Practical Lab: Tyamo App - Device Info Module UI Part 2
- Location Information Screen
- Device Specifications Display
- guided portfolio activity Exercise-13
15
Applied Workflow: Tyamo App - Gallery Module UI
- Gallery Main Screen
- Practice pictures gallery through a guided app development lab activity.
- Gallery Post Screen
- guided portfolio activity Exercise-14
16
Professional Practice: Tyamo App - Gallery Module UI Part 2
- Practice new post screen through a guided app development lab activity.
- Finalizing the Gallery
- guided portfolio activity Exercise-15
17
Portfolio Sprint: Fizzux – Resume Portfolio Web App
- Creating a New Flutter Project
- Creating Reusable Widgets
- Animated Cursor Implementation
- guided portfolio activity Exercise-16
18
Career Readiness: Fizzux – Web App UI Part 2
- Building the Middle Section I
- Building the Middle Section II
- Collapsible Containers
- Shapes and Animations
- guided portfolio activity Exercise-17
19
Foundation Studio: Fizzux – Web App UI Part 3
- Animating the Circle Grid
- Background Animations
- Practice interactive tabs through a guided app development lab activity.
- Practice about me section through a guided app development lab activity.
- guided portfolio activity Exercise-18
20
Practical Lab: Fizzux – Web App UI Part 4
- Practice resume component through a guided app development lab activity.
- Experience Component
- Portfolio Component
- Services & Blog Component
- Testimonials Component
- guided portfolio activity Exercise-19
21
Applied Workflow: Tyamo App - Firebase Integration
- Firebase Introduction
- Configuring Firebase with Tyamo
- Project Foundation Setup
- User Model and Auth Controllers
- Storing User Data in Cloud Firestore
- User Sign In/Sign Out Functionality
- guided portfolio activity Exercise-20
22
Professional Practice: Tyamo App - Root Functionality
- Creating Splash Screen
- Using Provider for State Management
- Root Widget Functionality
- Backend for Profile Setup Screen
- guided portfolio activity Exercise-21
23
Portfolio Sprint: App Development Lab Review
- Review the major app development lab concepts through a guided recap.
- Organize class practice into a simple portfolio-ready workflow.
- Apply the learned process on a realistic task with instructor guidance.
- Prepare next-step notes for continued practice after course completion.