FlutterFlow Masterclass (Batch 1)
- Description
- Curriculum
- Reviews
This masterclass is designed as a guided, live learning experience where you build real mobile applications step by step using FlutterFlow. Instead of pre-recorded videos, the focus is on live instruction, practical implementation, and real-time problem solving, supported by structured recordings for revision and catch-up.
Whether you attend every live session or occasionally rely on recordings, the course is structured to ensure you never fall behind and always have access to the full learning material.
The emphasis is on hands-on app development, best practices, and understanding how modern no-code/low-code workflows are used in real projects.
What You’ll Learn
-
FlutterFlow fundamentals and professional workflows
-
UI design, layouts, and responsive app screens
-
Navigation, state management, and app logic
-
Firebase backend integration (Auth & Firestore)
-
API integration and external services
-
Media handling, animations, and UX improvements
-
AI integrations and automation basics
-
Testing, deployment, and scaling apps
Live Classes
-
Live sessions are conducted via Google Meet
-
Classes are interactive, with live implementation and Q&A
-
Session timings are fixed and shared in advance
-
Students from different time zones may attend the session that works best for them
Recorded Sessions
-
Every live class is recorded
-
Recordings are uploaded to this course portal on the same day or within 24 hours
-
Recordings are available only to enrolled students
-
Access is provided through your registered account
-
Recordings are for personal learning only and must not be shared or redistributed
-
4
Orientation - Session 1 -
5
Orientation - Session 2
-
6
Day 1
Topics Discussed:
- FlutterFlow Overview
- Project Creation
- Widgets Overview
-
7
Day 1 (4 PM Session)
Topics Discussed:
- FlutterFlow Overview
- Project Creation
- Widgets Overview
-
8
Day 2
Topics Discussed:
- Layout Elements/Widgets
- Properties
-
9
Day 2 (3:30 PM Session)
Topics Discussed:
- Layout Elements/Widgets
- Properties
-
10
Day 3
Topics Discussed:
- Layout Elements/Widgets
-
11
Day 3 (3:30 PM Session)
Topics Discussed:
- Layout Elements/Widgets
-
12
Day 4
Topics Discussed:
- Sample Single Page UI Design
-
13
Day 4 (3:30 PM Session)
Topics Discussed:
- Sample Single Page UI Design
-
14
Day 5
Topics Discussed:
- Navigation
- Passing Parameters
-
15
Day 5 (3:30 PM Session)
Topics Discussed:
- Navigation
- Passing Parameters
-
16
Day 6
Topics Discussed:
- Navigation Bar
- Drawers
- Components & Custom Dialog
-
17
Day 6 (3:30 PM Session)
Topics Discussed:
- Navigation Bar
- Drawers
- Components & Custom Dialog
-
18
Day 7
Topics Discussed:
- App State & Local States
- Conditional Visibility
-
19
Day 7 (3:30 PM Session)
Topics Discussed:
- App State & Local States
- Conditional Visibility
-
20
Day 8
Topics Discussed:
- Forms
- Form Validation
- Pass Form Inputs to Another Page
-
21
Day 8 (3:30 PM Session)
Topics Discussed:
- Forms
- Form Validation
- Pass Form Inputs to Another Page
-
22
Day 9
Topics Discussed:
- Actions
- Backend & Database Introduction
-
23
Day 9 (3:30 PM Session)
Topics Discussed:
- Actions
- Backend & Database Introduction
-
24
Day 10
Topics Discussed:
- Introduction to Backend, Database
- Firebase Overview
- Firebase Project Setup
- Firestore Database Structure
-
25
Day 10 (3:30 PM Session)
Topics Discussed:
- Introduction to Backend, Database
- Firebase Overview
- Firebase Project Setup
- Firestore Database Structure
-
26
Day 11
Topics Discussed:
- Firebase Security Rules
- Simple Database Entry using Form
-
27
Day 11 (3:30 PM Session)
Topics Discussed:
- Firebase Security Rules
- Simple Database Entry using Form
-
28
Day 12
Topics Discussed:
- Firebase Queries
- Read Single Document
- List Collection and Navigation
-
29
Day 12 (3:30 PM Session)
Topics Discussed:
- Firebase Queries
- Read Single Document
- List Collection and Navigation
-
30
Day 13
Topics Discussed:
- Connect and existing Firebase Project
- Authentication with Simple Login Form, Email & Password
- Reading Authenticated User Details
-
31
Day 13 (3:30 PM Session)
Topics Discussed:
- Connect and existing Firebase Project
- Authentication with Simple Login Form, Email & Password
- Reading Authenticated User Details
-
32
Day 14
Topics Discussed:
- Authentication - Registration
- Edit & Delete Documents
-
33
Day 14 (3:30 PM Session)
Topics Discussed:
- Authentication - Registration
- Edit & Delete Documents
-
34
Day 15
Topics Discussed:
- Soft Deleting
- Confirmation Dialog
- Multi-use Component (First Half)
-
35
Day 15 (3:30 PM Session)
Topics Discussed:
- Soft Deleting
- Confirmation Dialog
- Multi-use Component (First Half)
-
36
Day 16
Topics Discussed:
- Multi-use Component (Continued)
-
37
Day 16 (3:30 PM Session)
Topics Discussed:
- Multi-use Component (Continued)
-
38
Day 17
Topics Discussed:
- Simple Search
-
39
Day 17 (3:30 PM Session)
Topics Discussed:
- Simple Search
-
40
Day 18
Topics Discussed:
- Search Filter
- Search Results Count
- Empty List Widget
-
41
Day 18 (3:30 PM Session)
Topics Discussed:
- Search Filter
- Search Results Count
- Empty List Widget
-
42
Day 19
Topics Discussed:
- Phone Authentication with OTP
- Resend OTP with Countdown Timer
-
43
Day 19 (3:30 PM Session)
Topics Discussed:
- Phone Authentication with OTP
- Resend OTP with Countdown Timer
-
44
Day 20
Topics Discussed:
- Animations
- Resend OTP - Timer Issue Fixed
-
45
Day 20 (3:30 PM Session)
Topics Discussed:
- Animations
- Resend OTP - Timer Issue Fixed
-
46
Day 21
Topics Discussed:
- API Integration
- Weather API
-
47
Day 21 (3:30 PM Session)
Topics Discussed:
- API Integration
- Weather API
-
48
Day 22
Topics Discussed:
- API Integration
API Endpoints for Today's Example:
https://arshidbinbasheer.com/wp-json/wp/v2/posts
(POSTS)https://arshidbinbasheer.com/wp-json/wp/v2/posts?categories=60
(POSTS - SPECIFIC CATEGORY)https://arshidbinbasheer.com/wp-json/wp/v2/categories
(CATEGORIES) -
49
Day 22 (3:00 PM Session)
Topics Discussed:
- API Integration
API Endpoints for Today's Example:
https://arshidbinbasheer.com/wp-json/wp/v2/posts
(POSTS)https://arshidbinbasheer.com/wp-json/wp/v2/posts?categories=60
(POSTS - SPECIFIC CATEGORY)https://arshidbinbasheer.com/wp-json/wp/v2/categories
(CATEGORIES) -
50
Day 23
Capstone Project Status:
- Requirements Prepared
- Project Setup Completed
- Firebase Project Integrated
- Created 'Users' Collection
-
51
Day 23 (3:00 PM Session)
Capstone Project Status:
- Requirements Prepared
- Project Setup Completed
- Firebase Project Integrated
- Created 'Users' Collection
-
52
Day 24 (3:00 PM Session)
Capstone Project Status:
- Authentication Pages Designed
- Authentication Flow Completed
-
53
Day 25
Capstone Project Status:
- Pages Designed:
- Home
- Orders
- Tables
- Navbar Setup
- Pages Designed:
-
54
Day 25 (3:00 PM Session)
Capstone Project Status:
- Pages Designed:
- Home
- Orders
- Tables
- Navbar Setup
- Pages Designed:
-
55
Day 26
Capstone Project Status:
- Collections Created: Tables, Menu, Orders
- Pages Updated: Settings, Orders, Tables
-
56
Day 26 (3:00 PM Session)
Capstone Project Status:
- Collections Created: Tables, Menu, Orders
- Pages Updated: Settings, Orders, Tables
-
57
Day 27
Capstone Project Status:
- Add Tables Feature
- Table Availability Check
- Menu Page Created
-
58
Day 27 (3:00 PM Session)
Capstone Project Status:
- Add Tables Feature
- Table Availability Check
- Menu Page Created
-
59
Day 28
Capstone Project Status:
- Menu Items Add Feature
- Photo Upload
- CORS Issue Solution (JSON file available in course material)
-
60
Day 28 (3:00 PM Session)
Capstone Project Status:
- Menu Items Add Feature
- Photo Upload
- CORS Issue Solution
-
61
Day 29
Capstone Project Status:
- Order Creation Flow Started
-
62
Day 29 (3:00 PM Session)
Capstone Project Status:
- Order Creation Flow Started
-
63
Day 30
Capstone Project Status:
- Order Creation Completed
- CORS Policy Fix
CORS Policy Command:
gsutil cors set cors.json <firebase-storage-path> -
64
Day 31
Capstone Project Status:
- Order Details Page Completed
-
65
Day 31 (3:00 PM Session)
Capstone Project Status:
- Order Details Page Completed
-
66
Day 32
Capstone Project Status:
- Manage Users
- Access Control for Various Features
-
67
Day 32 (3:00 PM Session)
Capstone Project Status:
- Manage Users
- Access Control for Various Features
-
68
Day 33
Capstone Project Status:
- Notifications
-
69
Day 33 (3:00 PM Session)
Capstone Project Status:
- Notifications
-
70
Day 34
Capstone Project Status:
- Push Notifications
- Home Page Insights
-
71
Day 35
Topics Discussed:
- Deployment
-
72
Day 35 (3:00 PM Session)
Topics Discussed:
- Deployment
-
73
Day 36
Topics Discussed:
- Payment Integration
- Custom Code
-
74
Day 36 (3:00 PM Session)
Topics Discussed:
- Payment Integration
- Custom Code
A hands-on FlutterFlow course focused on building real mobile apps - from UI design and logic to Firebase, APIs, AI integration, and deployment.
A laptop or desktop computer
(Windows or macOS)
Stable internet connection for live sessions
A Google account (required for Live Sessions)
Basic understanding of how mobile apps work
(no coding required)
