Flutter Course Outline

အောက်မှာတော့ Flutter Course Outline နှင့် အမှန်တကယ် အသုံးဝင်တဲ့ Project ၂ ခု –

📌 E-Commerce App

📌 News Media App

တို့ဖြင့် သင်ကြားသွားမည့် အပြည့်အစုံသင်တန်းအစီအစဉ် ဖြစ်ပါတယ်။

Mobile Developer / App Developer ဖြစ်ချင်သူများအတွက် သင့်တော်ပါတယ်။

📱 Flutter Complete Course Outline

🎯 Dart Language + Flutter Framework + Firebase Integration
📌 With Two Real-World Mobile App Projects

🧩 Module 1 – Introduction to Flutter & Dart

• What is Flutter? Why Flutter?

• Flutter Architecture Overview

• Setup Flutter SDK, VS Code / Android Studio

• Run First Flutter App (Hello World)

• Project Structure Breakdown

🔤 Module 2 – Dart Language Basics (for Flutter)

• Variables, Data Types

• Conditional Statements & Loops

• Functions, Classes & OOP Concepts

• Null Safety, Futures & Async/Await

🎨 Module 3 – Flutter UI Fundamentals

• Widgets – Stateless vs Stateful

• Scaffold, AppBar, Text, Image, Icons

• Buttons, TextField, Forms

• Layout Widgets – Row, Column, Stack, Container, Expanded

• ListView, GridView, ScrollView

🧭 Module 4 – Navigation & Routing

• Navigator.push / pop

• Named Routes Setup

• Passing Data Between Screens

• Drawer Menu, Bottom Navigation Bar

📦 Module 5 – State Management

• What is State? Why manage it?

• setState() – Local State

• Provider Package Introduction

• Simple Global State with Provider

• Form Validation using Provider

🌐 Module 6 – REST API Integration

• HTTP Package Setup

• GET, POST, PUT, DELETE Request

• JSON Serialization & Model Classes

• Handling API Errors

• Loading Indicators, Retry Logic

🔐 Module 7 – Firebase Integration

• Setup Firebase Project

• Firebase Authentication – Sign Up / Login / Logout

• Firebase Firestore – Store & Retrieve Data

• Firebase Storage (for Image Upload)

• Firebase Push Notification (Optional)

🛒 Major Project 1 – E-Commerce Shopping App (Fully Functional)

🧩 Key Features:

• Product Listing Page (with Categories)

• Product Detail Page

• Add to Cart / Remove from Cart

• Cart Screen with Quantity Update

• Checkout Page with Form Validation

• Order Summary & Order History

• User Authentication (Firebase)

• Backend with Firebase Firestore (or Spring Boot API)

• Wishlist / Favorite Products (Optional)
  
  

📌 Technical Topics Applied:

• Navigation, Provider State Management

• API Calls or Firestore Integration

• Local Cart Logic (with List and Map)

• Firebase Auth + Firestore for User Orders

• UI Design using Material + Custom Themes

📰 Major Project 2 – News Media App (with REST API)

🧩 Key Features:

• Home Page with Latest News

• Category-wise News Tabs

• Search Functionality

• News Detail Page (Open in WebView or Flutter Page)

• Pull-to-Refresh

• Light/Dark Mode Toggle (Optional)

• Save News (Bookmark) Feature

• Backend from News API (or custom REST API)
  
  

📌 Technical Topics Applied:

• HTTP GET Integration from API

• Dynamic Tab Creation for News Categories

• SearchBar with Debounce Logic

• Bookmarks Saved using Local Storage (Hive or SharedPreferences)

• Theme Switching using Provider

🧪 Module 8 – Deployment & Build

• Building APK for Android

• Building IPA for iOS (Mac Required)

• Firebase App Configuration for Production

• Versioning & App Icons

• Publishing to Play Store (Overview)

💡 Extra Topics (Optional Bonus)

• Animations – Hero, Fade, Slide

• Responsive Design for Tablets

• Custom Widgets and Reusability

• Notifications with Firebase Cloud Messaging (FCM)

🎓 သင်တန်းပြီးလျှင် အထောက်အကူပြုမည့် အရာများ

 ✅ Flutter UI, API, Firebase Integration နားလည်ခြင်း
✅ Mobile App Project များကို လက်တွေ့ရေးဆွဲနိုင်ခြင်း
✅ GitHub Portfolio အတွက် Project ၂ ခုဖြင့် တင်ပြနိုင်ခြင်း
✅ Junior Flutter Developer အဖြစ် အလုပ်အကိုင်ရှာနိုင်ခြင်း