ဒီ class မှာပါဝင်မယ့် poject link တွေ zoom link တွေဖြစ်ပါတယ်။ ဝင်ရတာအဆင်မပြေရင် comment မှာ မန့်ခဲ့လို့ရသလို့ page မှာလဲ လာပြောလို့ရပါတယ်။

• @Intro Course Introduction

  သင်ခန်းစာ မိတ်ဆက်

• Class information and links

  Zoom link စနေ ၊ တနင်္ဂနွေ ညနေ ၆ နာရီ ကနေ ၈ နာရီထိဖြစ်ပါတယ်။ View ကို နှိပ်ပြီးဝင်ရောက်ပါ။ \/ Android app https://play.google.com/store/apps/details?id=com.rubylearner.classroom IOS App https://testflight.apple.com/join/hwmpy9pC

• Project, code and Power Point Slide links

  ဒီသင်တန်းမှာ ပါဝင်မယ့် code တွေ power slide တွေကို ဒီ link မှာ ၁ စု ၁စည်းတည်း ရယူနိုင်ပါတယ်။

Revision

• @1 Session (Introduction)

  31.1..2026 (introduction)

• @2 07.02.2026 Zoom (data types, looping and condition)

  Revision and homework

• @3 14.2.2026 Zoom (function, functional, class object, operator overloading)

  revison and home work Functions, Functional programming, OOP ,classs and object

• @4 22.2.2026 Zoom (OOP advanced revision and homework)

  (OOP advanced revision and homework) class modifiers, 4 oop feautures, dart 3 special oop features etc

• @5 28.22026 (Flutter design system and basic layout widgets)

  28.2.2026 Flutter design system and basic layout widgets

• @6 8.3.2026 [Stateless widget and layout revision and homework]

  Stateless widget and layout revision and homework

• @7 (14.3.2026) Scrolling , Performance and stateful widget in Flutter

  Scrolling , Performance and stateful widget in Flutter

• @8 (21.3.2026) Async programming HW

  Async and reactive programming HW

• @9 29.3.2026 Zoom Revision and Homework (Storage)

  29.3.2026 Zoom Revision and Homework (Storage)

• @10 4.4.2026 Zoom revision (File explorer project)

  Revision and homework for File explorer

• *******

  Login to view more item

Flutter development အတွက်လိုအပ်တဲ့ SDK , IDE ,tools and utilities တွေ set up လုပ်နည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @1 Dart SK and Intellij Installation in Window

  Dart SK and Intellij Installation in Window for dart development

• @2 Flutter SDK and Android Studio Installation in Window

  Flutter SDK and Android Studio Installation in Window for flutter development

• SDK , IDE and tools list

  Dart Programming https://dartpad.dev Dart SDK IntelliJ Flutter https://dartpad.dev Flutter SDK Android Studio+Android SDK XCode (Mac OS Only) Git Git cli https://github.com (account) Chrome browser Flutter web

• @3 Dart SDK and Intellij Indea installation in Mac OS

  Dart SDK and Intellij Indea installation in Mac OS for Dart development

• @4 Flutter SDK and Android Studio Installation in Mac

  Flutter SDK and Android Studio Installation in Mac for flutter development

• @4.2 Xcode installation in Mac

  Xcode installation in Mac for IOS build and Ipad

• # Creating Android Emulator and Connecting Real andorid device with usb

  # Creating Android Emulator and Connecting Real andorid device with usb

• @5 Flutter project running in Android Emulator

  Flutter running in Android Emulator

• @6 Flutter real device set up with emulator

  USB Debugging နဲ့ Wireless Debugging on တာကိုပြပေးသွားမှာပါ။ cable ချိတ်ထားလို့ noise နည်းနည်းဝင်သွားပါတယ်။

• @7 Enable USB debugging and wireless debugging in real device

  USB debugging and wireless debugging enabling

• *******

  Login to view more item

Flutter development Dart Programming Language နောက်ဆုံး version နဲ့ လေ့လာသွားမှာဖြစ်ပါတယ်။

• @1 Flutter and Dart introduction

  Flutter နဲ့ Dart programming language အကြောင်း

• @2.1 Introduction to Dart Programming Language

  data types in dart

• @2.2 .Built-in data type in Dart

  Dart မှာရှိတဲ့ built-in data type ၁၁ မျိုးကို လေ့လာသွားမှာဖြစ်ပါတယ်?

• @Slide Dart data types slide

  Dart build in data type slide https://github.com/rubywai/Flutter-Advanced-Class-2026/blob/main/dart-programming-language/assets/datatype.pdf

• @3 How to declare vaiable in Dart

  file name, package name and variable name rule in dart

• @4 Null data type in Dart

  null value and nullable variable in dart

• @5.1 Dart cli commands and Intellij IDE essentials setting knowledge

  Dart CLI မှာ သုံးတဲ့ command တွေနဲ့ Intellij IDE အတွက် setting ချတဲ့နည်းတွေ လေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• @6 Type inference

  Type inference (var) , dynamic, static type etc

• @7 Number data types and arthmitics operators

  Number data type (int, double ,num) math operators

• @8 Assignment operators

  Assignment operators in dart =, +=, etc

• *******

  Login to view more item

Dart Program public sharing

• #Sharing dart program on dartpad

  Sharing Dart program runnable with Dartpad (For HomeWork)

condition (if , else , swtich , tenary) looping (for , while , for in , for each)

• @1 if Statement

  if else condition

• @2 switch statement and logical operators

  switch statement and logical operators

• Tenary operator

  Condition with tenary operator

• @4 For , while and loop control statements

  For , while and loop control statements

• @5 For in and for each loop

  For in and for each loop for collections

• Assignment-1

  Gist မှာတင်ပြီး Dartpad link ကို answer မှာတင်ပေးပါ Section-5 မှာကြည့်လို့ရပါတယ်။

• Assignment-2

Dart functions declare လုပ်နည်း၊ prameter ကြော်ငြာနည်း၊ return type ၊ first class function တို့အကြောင်း

• @7.1 Function in Dart

  Function in Dart. How to declare a function, naming convention, type of function etc.

• @7.2 Type of parameters in dart fuction

  Type of parameters in dart fuction positional required, positional optional, named optional , named required

• @7.3 Delcare function as variable and short hand syntax

  Functon ကို variable အနေနဲ့ ကြေငြာနည်း၊ Function type သတ်မှတ်နည်း နဲ့ short hand syntax (fat arrow key) သုံးနည်း

• @7.4 First class Object(citizen), Higher order function and Lambda function

  Dart programming မှာရှိတဲ့ Function တွေရဲ့ First class object, Higher order function (function as params and function as return type) နဲ့ Lambda (nameless) function တို့အကြောင်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @7.5 First class function & higher order function recap

  First class function, higher order function , lambda function recap

• @7.6 Lexical scope and Lexical closure in Dart

  Dart programming Language မှာ Lexical scope variable တွေနဲ့ Closure function အကြောင်းကို လေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• @7.7 Generator function (sync generator)

  Genrator function in dart , sync * and yield keyword

• @7.8 Wild card params in callback function

  Wild card params in callback function

• Q-13 Function

• Q-14 Function

• *******

  Login to view more item

Object oriented programming using new Dart 3 features

• @8.1 OOP introduction (Class and Object)

  Class and Object in Dart class delcaration, object creation, dart shorthand etc

• @8.2 Constructors in Dart

  Dart constructors (default, named , factory) constructors short hand syntax

• @8.3 Overriding object methods and operator overloading in Dart

  Dart ရဲ့ object မှာပါတဲ့ method တွေဖြစ်တဲ့ toString(), hashCode() , equal() တို့နဲ့ တခြား operator တွေကို overlaoding လုပ်တဲ့နည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @8.4 Understanding object operators in collection

  understanding list of object and comparison in dart

• Q-18 [OOP]

• Q-19 [OOP]

• Assignment-6 [OOP]

• @8.5 Callable class in Dart

  Callable class in dart

• @8.6 variable modifiers in dart

  Variable modifiers in dart (final , const, static, late)

• @8.7 Encapsulation & access modifier in Dart (public & private)

  Encapsulation & access modifier in Dart (public & private)

• *******

  Login to view more item

Dart runtime exception handling, try, catch , finally custom exception etc

• @9.1 Type of errors in dart and handling runtime exception

  type of errors in OOP language, how to handle runtime error using try, catch , handling

• @9.2 Handling difference error types and rethrown error

  Handling difference error types with regular type casting and on keyword , rethrown error

• @9.3 Custom exception implementation&handling part 1

  Custom exception implementation and handling part 1

• @9.4 Custom exception implementation&handling in Dart part 2

  Custom exception implementation&handling in Dart part 2

• Assignment 11 [Exception handling]

• Q-22 [Exception]

• Q-23 [Exception]

Google material design & Apple Human Interface Gudelineတို့ရဲ့ concept သဘောတရားတွေကို လေ့လာသွားမှာဖြစ်ပါတယ်။ Essential widget တွေကို လေ့လာသွားမှာဖြစ်ပါတယ်

• @10.1 Flutter introduction, ui paradigm, project creation and tools etc.mp4

  Flutter introduction, ui paradigm, project creation and tools etc

• @10.2 working with difference flutter version

  working/switching difference flutter version without any external tools

• @10.3 Understanding material design flutter project structure and scaffold widget

  Understanding material design flutter project structure and scaffold widget

• @10.4 Text Widget in Flutter Part 1

  Flutter most basic widget Text

• @10.5 Text widget part 2 (Rich ,selectable text)

  Rich Text, Selectable Text

• @10.6 Container widget in flutter

  Container widget in flutter

• @10.7 Icon and Image widget in Flutter

  Icon and Image widget in Flutter

• @10.8 Row and Column widget

  Row and Column widget

• @10.9 Wrap widget in flutter

  Wrap widget in flutter

• 6-Slide Material 3 Slide

• *******

  Login to view more item

Mobile အတွက်တင်မဟုတ်ပဲ ipad , Desktop design, TV တို့အတွက်ပါ Responsive ရေးနည်း ၊ Figma နှင့် material color concept များကိုသုံးပြီး light theme ၊ dark theme တို့အတွက် color system များစနစ်တကျသုံးနည်းတို့ကိုလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။ Material 3 ui တွေနဲ့ Flutter widget သဘောတရားတွေများကို Scrolling, performance တို့နဲ့ Sliver တို့အကြောင်း အသေးစိပ် လက်တွေ့ UI များနှင့် အတူ လေ့လာသွားမှာဖြစ်ပါတယ်။။

• @11.1 Understanding the single child scroll view and scroll bar in web

  Understanding of scroll bar disply in web

• @11.2 Understanding mouse , touch and track behaviour in scrolling

  Understanding mouse , touch and track behaviour in scrolling

• @11.3 Understanding the scrolling performance in List View

  Understanding the scrolling performance in List View

• @11.4 Understanding the scroll controller and controlling

  Controlling the scroll position

• Q-27 [Scrolling]

• Q-28 [Scrolling]

• @11.5 Understanding Scroll physics

  Understanding Scroll physics

• Q-29 [Scrolling]

• Assignment-16 [Scrolling]

  Video မှာ မြင်ရသလို ရေးရမှာဖြစ်ပါတယ်။ Sample data ကို copy ကူးလို့ရပါတယ်။ Table header color => color: Colors.blueGrey, final students = [ { "id": 1, "name": "မောင်မောင်", "education": "Bachelor", "address": "ရန်ကုန်မြို့, သင်္ဃန်းကျွန်းမြို့နယ်", "phone": "09123456789", "email": "[email protected]", "hobby": "Reading", }, { "id": 2, "name": "အေးအေးမြင့်", "education": "Master", "address": "မန္တလေးမြို့, ချမ်းအေးသာစံမြို့နယ်", "phone": "09234567890", "email": "[email protected]", "hobby": "Music", }, { "id": 3, "name": "ကိုကို", "education": "Bachelor", "address": "နေပြည်တော်, ဇေယျာသီရိမြို့နယ်", "phone": "09345678901", "email": "[email protected]", "hobby": "Sports", }, { "id": 4, "name": "သူဇာမြင့်", "education": "Bachelor", "address": "ရန်ကုန်မြို့, ဗဟန်းမြို့နယ်", "phone": "09456789012", "email": "[email protected]", "hobby": "Cooking", }, { "id": 5, "name": "ဇော်လင်းထွန်း", "education": "Diploma", "address": "မန္တလေးမြို့, မဟာအောင်မြေမြို့နယ်", "phone": "09567890123", "email": "[email protected]", "hobby": "Reading", }, { "id": 6, "name": "နီလာထွန်း", "education": "Bachelor", "address": "ရန်กုန်မြို့, ကမာရွတ်မြို့နယ်", "phone": "09678901234", "email": "[email protected]", "hobby": "Dancing", }, { "id": 7, "name": "အောင်ကိုကို", "education": "Master", "address": "မွန်ပြည်နယ်, မော်လမြိုင်မြို့", "phone": "09789012345", "email": "[email protected]", "hobby": "Gaming", }, { "id": 8, "name": "စုစုမြင့်", "education": "Bachelor", "address": "ရန်ကုန်မြို့, တာမွေမြို့နယ်", "phone": "09890123456", "email": "[email protected]", "hobby": "Traveling", }, { "id": 9, "name": "သန်းထွန်းဦး", "education": "Bachelor", "address": "ပဲခူးတိုင်းဒေသကြီး, တောင်ငူမြို့", "phone": "09901234567", "email": "[email protected]", "hobby": "Photography", }, { "id": 10, "name": "ယုယုခိုင်", "education": "Diploma", "address": "ရန်ကုန်မြို့, ရန်ကင်းမြို့နယ်", "phone": "09012345678", "email": "[email protected]", "hobby": "Painting", }, { "id": 11, "name": "မင်းခန့်", "education": "Bachelor", "address": "မန္တလေးမြို့, ပြင်ဦးလွင်မြို့နယ်", "phone": "09123456780", "email": "[email protected]", "hobby": "Football", }, { "id": 12, "name": "သင်းသင်းမော်", "education": "Master", "address": "ရှမ်းပြည်နယ်, တောင်ကြီးမြို့", "phone": "09234567801", "email": "[email protected]", "hobby": "Singing", }, { "id": 13, "name": "ဖေမောင်", "education": "Bachelor", "address": "ရန်ကုန်မြို့, လှိုင်သာယာမြို့နယ်", "phone": "09345678012", "email": "[email protected]", "hobby": "Reading", }, { "id": 14, "name": "ခင်နီလာဝင်း", "education": "Diploma", "address": "စစ်ကိုင်းတိုင်းဒေသကြီး, မုံရွာမြို့", "phone": "09456780123", "email": "[email protected]", "hobby": "Gardening", }, { "id": 15, "name": "ကျော်မြင့်", "education": "Bachelor", "address": "ရန်ကုန်မြို့, မရမ်းကုန်းမြို့နယ်", "phone": "09567801234", "email": "[email protected]", "hobby": "Chess", }, { "id": 16, "name": "ရွှေစင်အောင်", "education": "Bachelor", "address": "ကချင်ပြည်နယ်, မြစ်ကြီးနားမြို့", "phone": "09678012345", "email": "[email protected]", "hobby": "Writing", }, { "id": 17, "name": "ဝင်းဝင်းမြင့်", "education": "Master", "address": "ရန်ကုန်မြို့, အင်းစိန်မြို့နယ်", "phone": "09780123456", "email": "[email protected]", "hobby": "Swimming", }, { "id": 18, "name": "နေလင်းဦး", "education": "Bachelor", "address": "ဧရာဝတီတိုင်းဒေသကြီး, ပုသိမ်မြို့", "phone": "09801234567", "email": "[email protected]", "hobby": "Cycling", }, { "id": 19, "name": "မေမေခိုင်", "education": "Diploma", "address": "ရန်ကုန်မြို့, သန်လျင်မြို့နယ်", "phone": "09912345678", "email": "[email protected]", "hobby": "Shopping", }, { "id": 20, "name": "ဇော်မင်းထွန်း", "education": "Bachelor", "address": "ကယားပြည်နယ်, လွိုင်ကော်မြို့", "phone": "09023456789", "email": "[email protected]", "hobby": "Hiking", }, ];

• @11.6 Reorderable List View

  Reorderable List View

• *******

  Login to view more item

Understadning Flutter engine Thread, Isoate, asynchronous(Future,async await), reactive programming(Stream) etc

• @12.1 Understanding Flutter engine Runner, Thread and Isoate in Dart and Flutter

  Understanding Flutter engine Runner, Thread and Isoate in Dart and Flutter

• Async Programming and Threading Slides

• @12.2 Flutter asynchronous programming (Future)

  Flutter asynchronous programming (Future)

• Event Loop Slide

• @12.3 Understanding Event Loop architecture - event queue and microtask queue.mp4

  Understanding Event Loop architecture - event queue and microtask queue.mp4

• @12.4 Future whenComplete , async&await and error handling etc

  Future whenComplete , async&await and error handling etc

• @12.5 Flutter future timeout and parallel call Future.wait

  Flutter future timeout and parallel call Future.wait

• @12.6 Future Builder in Flutter

  Future builder to to load future object

• Assignment-19 [Async programming]

• @12.7 Reactive programming in Dart (Stream)

  Reactive programmin in Dart (Stream) Understanding Observer design pattern, Iterator design pattern, functional programming

• *******

  Login to view more item

Mobile မှာသုံးလို့ရတဲ့ storage system များအကြောင်းနဲ့ Flutter မှာ implement လုပ်လို့ရတဲ့ storage system တွေအကြောင်း၊ Mobile Persistance storage တွေဖြစ်တဲ့ key value pair storage,Web အတွက် session storage အသုံးပြုနည်း စတာတွေကို mini project နဲ့အတူ လေ့လာသွားမှာဖြစ်ပါတယ်။

• @13.1 Storage System in Flutter Introduction

  Storage System in Flutter Introduction Types of storage system, internal storage , external storage etc. Web storage

• @13.2 Introduction to key-value pair storage

  Introduction to key-value pair storage (shared preference) working on difference platforms

• @13.3 Mini Project: Student Form with Key-Value Pair Storage

  Mini Project : Student form using shared preference existing ui https://gist.github.com/rubywai/6ee5d03d51387263371b5e1991125a97

• Q-31 [Storage System]

• @13.4 Mini Project: Student Form with Key-Value Pair Storage Part 2

  Student Form with Key-Value Pair Storage Part 2 Creating the model

• @13.5 Mini Project: Student Form with Key-Value Pair Storage Part 3

  Read data from shared preference and display in UI final project code

• @13.6 Student Form Mini Project: Understanding web local storage , clear and remove methods etc

  Student Form Mini Project: Understanding web local storage how to remove item and how to clear the whole storage

• @13.7 Mini Project: Student Form- Implementing web browser specific session storage

  Session Storage from web package , understanding session storage

• @13.8 Mini Project: Student Form , Understanding session storage and Conditional Export (Platform-Specific Implementation)

  Understanding session storage in browser Conditional Export (Platform-Specific Implementation) mobile => dart.library.io web => dart.library.html

• Q-31 Storage System [intermediate level]

• *******

  Login to view more item

Andorid မှာ supported ပေးတဲ့ internal storage နဲ့ android version အလိုက်သိထားသင့်တဲ့ extrenal storage ၊ IOS storage တို့အကြောင်းကို File Manager mini project နဲ့ လေ့လာသွားမှာဖြစ်ပါတယ်။ Understanding File & Folder Storage. Dialog , navigation, popup menu , theme တို့အကြောင်းပါထည့်သွင်းလေ့လာသွားမှာဖြစ်ပါတယ်။

• @14.0 Introduction to File storage in Flutter & File explorer mini project

  Flutter မှာ supported ပေးတဲ့ file storage system တွေအကြောင်းနဲ့ ကျတော်တို့ရေးသွားမယ့် File Explorer mini project အကြောင်း

• @14.1 File Manager mini project [understand supported storage in different platforms]

  Android နဲ့ IOS တို့မှာ support ပေးတဲ့ မတူညီတဲ့ storage system တွေအကြောင်းနဲ့ သုံးမယ့် library ကို လေ့လာရင်း project စပြီးဆောက်သွားမှာဖြစ်ပါတယ်။

• @14.2 File Manager mini project [Create file and folder services]

  Understanding Directory and File , create folder and file , write file etc

• @14.3 File Manager mini Project [List of folders and file inside a directory]

  List all files and folders inside a directory get name, created time, etc

• @14.4 [Fle Manager mini project] Create new Folder and File dialog Part1

  Create new Folder and File dialog Part1

• @14.5 [Fle Manager mini project] Create new Folder and File dialog Part2

  [Fle Manager mini project] Create new Folder and File dialog Part2

• Q-33 [File System]

• Q-34 [File Storage]

• @14.6 Handling complex sub folder and file path

  Handling complex sub folder and file path

• @14.7 Handling complex file and folder directroy part 2

  Exit from current directory

• *******

  Login to view more item

Understand android external storage history by android version, user file picker to save in public directory

• @15.1 External Storage in Android and IOS with flutter way

  Understand android external storage history by android version, user file picker to save in public directory or icloud in IOS

SQLite Database အကြောင်းကို mini project ၁ ခုနဲ့တွဲဖက်ပြီးလေ့လာသွားမှာဖြစ်ပါတယ်။ Light theme , dart theme နဲ့ material design system အကြောင်းကို လေ့လာသွားမှာပဲ ဖြစ်ပါတယ်။

• @16.1 SQLite Database intorduction

  SQLite database introduction , datatypes in sqlite and implement in flutter. https://docs.google.com/presentation/d/1lGQKq6EGVv4sgrZZwXvctQj98REgmiwW/edit?usp=share_link&ouid=107781454656254475742&rtpof=true&sd=true

• Q-36 [Database]

  Selecte correct answer.

• @16.2 Book Library App Design Link

  UI Design https://69d24fa85db19d7355af3b11--incredible-choux-c40705.netlify.app

• @16.3 Project creation and introduction

  Book library app introduction and project creation

• @16.4 Setting up the Theme and styles

  Setting up the global theme and colors

• @16.5 Implementing Bottom navigation widget (style + animation)

  Implementing Bottom navigation widget (style + animation) , selected effects etc

• @16.6 Implementation floating action button style and theme

  Implementation floating action button style and theme

• @16.7 Creating the database for library app

  Creating database , understanding db debugging tools, file explorer etc

• @16.8 Create Author Table query

  Create Author table in db inspector first and implement in flutter

• @16.9 Insert author query

  Insert author query ကို db inspector မှာ စမ်းပြီး flutter code မှာ implement လုပ်ပါတယ်။

• *******

  Login to view more item

Flutter very basic state management approace Provider

• @17.1 Provider State management Theory

  flutter မှာ အခြေခံအကျဆုံး state management pattern ၁ ခု ဖြစ်တဲ့ provider package အကြောင်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @17.2 Project Architecture with provider

  provider package ကို သုံးပြီးရေးမယ်ဆိုရင် သိထားရမယ့် project structure တွေအကြောင်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @17.3 Flutter simple example

  Provider design pattern simple counter application

• Q-37 [Provider]

• Q-38 [Provider]

SQLite database ကို ပိုမိုနားလည်ဖို့အတွက် ရှိပြီးသား db ကို အသုံးပြုပြီး dictionary app ၁ခု ရေးကြည့်သွားမှာဖြစ်ပါတယ်။ Theme , dialog , bottom sheet တွေအကြောင်းပါထည့်သွင်းလေ့လာသွားမှာဖြစ်ပါတယ်။

• @0 Db asset file for engineering database and app design links

  Db link to download https://github.com/rubywai/Flutter-Advanced-Class-2026/blob/engineering-dictionary/engineering_dictionary_app/assets/engineering.db Design link https://github.com/rubywai/Flutter-Advanced-Class-2026/tree/engineering-dictionary/engineering_dictionary_app SQLite db app https://sqlitebrowser.org https://www.sqliteexpert.com

• @18.1 Project setting up and database init copy

  Project setting up and database init copy for enigneering db to device storage

• @18.2 Tools for SQLite Database

  Tools for SQLite Database

• @18.3 Dictionary search query

  Dictionary search query and understanding database structure

• @18.4 Dictionary List UI

  Dictionary List UI

• @18.5 Dictionary Detail Screen

  Dictionary Detail Screen UI and favourite icon

• @18.6 Favourite Feature

  Favourite Feature database query

• @18.7 Setting screen & theme and favourite list

  Setting screen, theme provider , favourite list , favourite screen

Rest api fetching , client server communication, Web socket နဲ့ Auth အကြောင်းကို လက်တွေ့ project များနဲ့ အတူလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• @19.1 Introduction to Rest api

  Introduction to Rest api and client server architecture

• @19.2 What is Json

  What is json (javascript object notation)

• @19.3 Authentication and Authorization

  Differences between authentication and authorization

Flutter riverpod state management theory and simple example to understand better

• @20.1 Riverpod State management Theroy and Providers

  Riverpod State management Theroy and Providers

• @20.2 Riverpod state management with counter application

  Riverpod state management with counter application example

• @20.3 Riverpod state management with network state example

  Riverpod state management with network loading state demonstration example

• Q-35 [Riverpod]

• Q-36 [Riverpod]

ဒီ project မှာတော့ flutter application မှာ rest api အသုံးပြုနည်း။ Login , sign up နဲ့ authorization တို့အကြာင်းကို အဓိက လေ့လာသွားမှာဖြစ်ပါတယ်။ server ပေါ်က mp3 , audio ၊ video file streaming တို့အကြောင်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။ 1. providers 2. go_routers 3.dio 4. getIt 5. media libraries

• Content Media Library project api documentation.

  Content media library application အတွက် လိုအပ်တဲ့ api documentation link ဖြစ်ပါတယ်။ . . https://content-api.rubylearner.com/

• @21.1 Content Media Application introduction

  Content Media Application introduction server ပေါ်က blog post, audio, video တွေ ကို reset api ကနေဖတ်ပြီး education content media application ၁ ခု ရေးကြည့်သွားမှာဖြစ်ပါတယ်

• @21.2 Api doc introduction and project scaffold

  Api doc introduction and project scaffold main libraries

• @21.3 Blog List Api Binding

  Blog List Model , api service, ui state , riverpod

• @21.4 Blog List Screen UI

  Blog List Screen Ui implementation

• @21.5 Blog Item widget

  Blog Item widget

• @21.6 Blog page Pagination

  Blog page Pagination and riverpod notifier logics

• @21.7 GoRouter and Bottom navigation set up

  GoRouter and Bottom navigation set up

• @21.8 Responsive Utils + Go Router implementation with Desktop Navigation Rails

  Responsive utils and scaffold for various screen sizes and Desktop and Tablet Navigation Rail implementation with Go Router

• @21.9 Responsive layout for blog desktop page

  Implementating the desktop page for blog list and responsive Responsive layout for blog desktop page

• *******

  Login to view more item

အရင် section မှာရေးခဲ့တဲ့ content media application ရဲ့ comment section တွေကို jwt access နဲ့ ရေးသွားမှာဖြစ်ပါတယ်

• @22.1 Auth introduction with sign up models and api service part 1

  Auth introduction with sign up models and api service part 1

• @22.2 Auth introduction with sign up models and api service part 2

  Auth introduction with sign up models and api service part 1

• @22.3 Sign up and OTP UI part 1

  Sign up and OTP UI part 1

• @22.4 Sign up and OTP UI part 2

  Sign up and OTP UI part 2

• @22.5 Sign up and OTP Ui Part 3

  Sign up and OTP Ui Part 3

• @22.6 Sign up screen part 4

  Sign up screen part 3

• @22.7 Profile Screen part 1

  Profile Screen part 1

• @22.8 Profile Notifier

  Profile Notifier

• @22.9 Sign in feature

  Sign in feature

• @22.10 Auth State move to global

  Auth state move to global to realtime profile state

• *******

  Login to view more item

ဒီ section မှာ တော့ LLM နဲ့ generative ai agent တို့အကြောင်း ၊ open ai compitable api format ကို သုံးပြီး api chat app, tool calling, rag တို့ကို အခြေခံ ကျကျလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။ သဘောတရားတွေကို အဓိက လေ့လာမှာ ဖြစ်တဲ့အတွက် flutter မှာမှ မဟုတ်ပဲ အခြားဘယ် platform မှာမဆို AI agent ၁ ခု ကို အလွယ်တကူ build နိုင်မှာဖြစ်ပါတယ်။

• @1 How Ai Agent work? (What is LLM, tool calling, RAG, MCP, etc)

  (What is LLM, tool calling, RAG, MCP, etc)

• Local LLM tools set up

  For Desktop (Window,Mac, Linux) https://ollama.com Android https://play.google.com/store/apps/details?id=com.google.ai.edge.gallery IOS https://apps.apple.com/sg/app/google-ai-edge-gallery/id6749645337 Google AI Edge Gallery

• Assignment - 32

• Assignment - 33

• Assignment - 34

• @23.2 Local LLM set up and basic ollama commands

  @23.2 Local LLM set up and basic ollama commands

• @23.3 Ollama api collection

• @23.4 Understanding the ollama rest api documentation

  Understanding the ollama rest api documentation

• @23.5 Creating new flutter project for local ai agent

  Creating new flutter project

• @23.6 Creating chat api service and prompt text field

  Creating chat api service and prompt text field for local ollama LLM

• *******

  Login to view more item

Firebase cli, cloud firestore database, analytics, crashlytics , notification

• @24.1 Firebase introduction

  Exploring firebase services , which services are unnecessary to know and which are necessary

• @24.2 Understanding cloud firestore database

  Understanding key-value pair cloud firestore database

• Firebase firestore database [Slide]

  Firestore database slide

• Q-42 [Firebase]

• Q-43 [Firebase]

• Q-44 [Firebase]

• @24.3 Firebase & flutterfire cli for flutter developers

  Firebase & flutterfire cli for flutter developers

• @24.4 Firebase cli and flutter fire installation in window [Optional]

  Firebase cli and flutter fire installation in window (လိုက်မလုပ်လဲရပါတယ်)

• @24.5 Firebase Cli and flutterfire installation in Mac OS

  Firebase Cli and flutterfire installation in Mac OS

• @24.6 Firebase connect with android native

  Firebase connect with android native

• *******

  Login to view more item

Understanding the agentic coding & Coding Agent Installation for Mobile Development ဒီ section က coding agent token အများအပြားကုန်နိုင်ပြီးတော့ prompt တိုင်းလဲ output မတူနိုင်တဲ့ အတွက် အတိအကျ လိုက်လုပ်စရာမလိုပဲ coding agent ရဲ့ concept တွေကို ပဲ လေ့လာရင် အဆင်ပြေပါတယ်။

• @25 intro

  Final repo link https://github.com/rubywai/Flutter-Advanced-Class-2026/tree/shop-app-with-codex Api documentation https://github.com/rubywai/shopping_app_multi_package_architecture/blob/main/README.md Original website https://shopapi.rubylearner.com

• @25.1 What is coding agent and installing codex cli

  Intro coding agent and codex cli

• @25.2 Understanding Coding agent concetps

  Understanding Coding agent concetps

• @25.3 Online shop app scaffold building with codex cli

  Online shop app scaffold building with codex cli

• @25.4 Understanding plan, status, models , approval permssion with product list implementation

  status, models, permissions, @ file mention, and product list implementation etc

• @Q-45 Agentic coding knowledge

• @25.5 Understanding codex rules and implementation of pagination for product

  Understanding codex rules and implementation of pagination for product

• @25.6 Understanding codex subagents by implementing category list and product detail

  Understanding codex subagents by implementing category list and product detail

• @25.7 Add to cart , product detail, product search etc

  @25.7 Add to cart , product detail, product search etc

• @25.8 Add to cart feature part 2

  Add to cart feature part 2

• *******

  Login to view more item

BLOC & Cubit architectural design pattern in mobile Business Logic components and cubit

• Bloc pattern Slide

  Slide ကိုကြည့်ရန် download/view ကို နှိပ်ပါ။

• @26.1 Bloc pattern pattern introduction

  Bloc pattern pattern introduction (Theory)

• @26.2 Bloc counter application with pure stream

  null

• @26.3 Bloc counter application part 2 (Stream transformer)

  Bloc counter application part 2 (Stream transformer)

• @26.4 Implementing cubit counter app with pure stream

  Implementing cubit with pure stream

• @26.5 Understanding bloc pattern pattern with (flutter_bloc) library

  Understanding bloc pattern pattern with (flutter_bloc) library simple counter application

• Q-48 BLoc pattern Theory

• Q-49 Bloc Pattern Theory

• @26.6 Implementing Network Loading State with cubit using flutter_bloc library

  Implementing Network Loading State with cubit using flutter_bloc library

• @26.7 Understanding build in widgets and features in flutter_bloc library

  Understanding build in widgets and features in flutter_bloc library bloc listener, bloc builder, bloc consumer etc

Cryptocurrency price app with real-time price api. What we will learn ? Bloc pattern, web-mobile view responsive, websocket, go router ,etc

• Api doc for Market Price and News app

  Api doc => https://marketpriceapi.rubylearner.com demo site => https://marketpriceapi.rubylearner.com/test/

• @27.1 Understanding the Cryptocurrency Price & News Api documentation

  Understanding the crypto price api documentation in postman

• @27.2 Creating the flutter project and add libraries

  Creating the flutter project and add libraries and api endpoints etc

• @27.3 Architecture, libraries, design and color introduction

  State management => Bloc (Cubit) Routing => Go Router Screen size support => Desktop + Mobile Theme => Light Theme + Dark Theme Colors : useMaterial3: true, brightness: dark ? Brightness.dark : Brightness.light, colorSchemeSeed: const Color(0xFF14B8A6), scaffoldBackgroundColor: dark ? const Color(0xFF0D1420) : const Color(0xFFF3F6FA), Colors => Colors.redAccent,

• @27.4 Application router setup Part 1

  Application router setup part 1

• @27.5 Application router setup part 2

  Application router setup part 2

• @27.6 Crypto price ui setup (tabbar for desktop and bottom nav for mobile)

  Crypto price ui setup (tabbar for desktop and bottom nav for mobile)

mp3, mp4, hls streaming တွေနဲ့ android tv အတွက် target ထားတဲ့ app တွေအကြောင်းလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• @0 Movie straming api introduction

  Api ကို https://videoapi.rubylearner.com/api မှာကြည့်ပါ။

• @1 Video Streaming App api (mobile and TVs)

  library => better_player format => mp4 , hls(online only) platforms => mobile phone + TV(android)

• @2 Media Streaming App Part 2 (Api implementation)

  Media Streaming App Part 2 (Api implementation) https://github.com/rubywai/media_streming_app

• @3 Media Streaming App Part 3 (Api implementation)

  Media Streaming App Part 3 (Api implementation) https://github.com/rubywai/media_streming_app

• @4 Mp4 steaming with better player

  Mp4 steaming with better player (Video streaming app part 4) [https://github.com/rubywai/media_streming_app]

• @5 Player resolution.,subtitle and customization

  Player resolution.,subtitle and customization Media Streaming App Part 5 [https://github.com/rubywai/media_streming_app]

• @6 Hls streaming in flutter with better player (Video player part 6)

  Hls streaming in flutter with better player (Video player part 6) Player resolution.,subtitle and customization Media Streaming App Part 5 [https://github.com/rubywai/media_streming_app]

• @7 Playing in IOS (rotation configuration)

  iOS theme and rotation problem in better player [[https://github.com/rubywai/media_streming_app](https://github.com/rubywai/media_streming_app)] Native way (iOS/info.plist) <key>UIMainStoryboardFile</key> <string>Main</string> <key>UIRequiresFullScreen</key> <true/> <key>UISupportedInterfaceOrientations</key> <array> <string>UIInterfaceOrientationLandscapeLeft</string> <string>UIInterfaceOrientationLandscapeRight</string> <string>UIInterfaceOrientationPortrait</string> <string>UIInterfaceOrientationPortraitUpsideDown</string> </array> <key>UISupportedInterfaceOrientations~ipad</key> <array> <string>UIInterfaceOrientationLandscapeLeft</string> <string>UIInterfaceOrientationLandscapeRight</string> <string>UIInterfaceOrientationPortrait</string> </array> <key>UIViewControllerBasedStatusBarAppearance</key> <false/> Flutter way SystemChrome.setPreferredOrientations([ DeviceOrientation.portraitUp, DeviceOrientation.portraitDown, DeviceOrientation.landscapeLeft, DeviceOrientation.landscapeRight ]);

• @8 full screen, color customization and watermark

  full screen, color customization and watermark https://github.com/rubywai/media_streming_app

• 9 Movie streaming in android tv (focus ui state )part 1

  Movie streaming in android tv (focus ui state )part 1

• *******

  Login to view more item

Gen-AI , LLM theory များ AI agent ၁ ခု ဆောက်နိုင်ဖို့ လိုအပ်တဲ့ foundation တွေဖြစ်တဲ့ Tool calling, RAG တို့ အကြောင်း ကို mobile device မှာ run လို့ရမယ့် LLM နဲ့ Machine learning lite version တို့ နဲ့ တွဲဖက်ပြီး အသုံးပြုနည်းတွေကို လေ့လာသွားမှာဖြစ်ပါတယ်။

File နဲ့ Storage system အကြောင်း၊Encryption, Root or Jailbreak device တွေအတွက် handle လုပ်နည်း။ Reversed engineering ကို protect လုပ်နိင်ဖို့ code obfuscation အကြောင်း ၊ Api security အတွက် SSL pinning အကြောင်း။

• @1 Security overview for flutter developer (mobile + web)

  Logging security (avoid print at release) and (double check api log etc) Key value pair and file storage security (File system on android) Database security Api security Root or jailbreak or emulator protection Api security and ssl pinning Privacy security (screenshot, recording) Protect app control from other apps Force update

• @2 Logging security

  Logging and print security

• @3 Understanding encryption algorithms

  Encoding , Encryption (AES, RSA), hashing

• @4 Flutter key-value pair storage security

  Flutter key-value pair storage security with keystore in android and keychain in ios github link : https://github.com/rubywai/storage_db/tree/shard_preference library : https://pub.dev/packages/flutter_secure_storage

• @5 Flutter database security with sqflite cipher

  Flutter database security 1.first need to prepare sqlite lesson 2.understanding encryption algorithms https://pub.dev/packages/sqflite_sqlcipher

• @6 Privacy security (screenshot, screen recording, screen share)

  Privacy security (screenshot, screen recording, screen share) https://github.com/rubywai/cryptocurrency_price_list

• @7 Root or Jailed break detection security

  Root or Jailed break detection security

• @8 SSL Pinning (http security)

  SSL pinning (https security) protect man in the middle attack command curl -o <pemfilename> https://letsencrypt.org/certs/lets-encrypt-r3.pem curl -o geocoding-api.open-meteo.com.pem https://letsencrypt.org/certs/lets-encrypt-r3.pem https://github.com/rubywai/weather_bloc_app_with_integration_testing/tree/ssl-pinning

• @9 Reversed Engineering Security (Code obsuscation)

  App ကို decompile လုပ်ပြီး code တွေကို ပြန်ဖတ်တဲ့နေရာမှာ ပိုပြီးရှုပ်ထွေးအောင်လုပ်တဲံနည်းဖြစ်ပါတယ်။ manified enable အကြောင်းလဲလေ့လာကြည့်သွားပါမယ်။

Application build နည်း ၊ play store နှင့် app store တို့မှာတင်နည်း၊ internal testing ၊ test flight ၊ uint testing ရေးထားတာတွေကို CI/CD နဲ့ တွဲသုံးနည်း။ မိမိ application ကို emulator နဲ့ real device အများအပြားမှာ firebase test lab မှာ test လုပ်နည်းကို integration testing နဲ့တွဲဖက်သုံးနည်း။

• @1. Flutter Web deployment (web-assembly target)

  Flutter web deployment with wasm target. Very fast and smooth for users. server side creation. https://gist.github.com/rubywai/bd4ed24902cdeb0b699bc51d87d767b9

• @2 Build android apk and appbundle

  Create sign key (jks file) understanding version number and gradle file etc ဒါကတော့ buiild.gradle အဟောင်းအတွက် ဖြစ်ပါတယ်။ 1. def keystoreProperties = new Properties() def keystorePropertiesFile = rootProject.file('key.properties') if (keystorePropertiesFile.exists()) { keystoreProperties.load(new FileInputStream(keystorePropertiesFile)) } 2. signingConfigs { release { keyAlias keystoreProperties['keyAlias'] keyPassword keystoreProperties['keyPassword'] storeFile file(keystoreProperties['storeFile']) storePassword keystoreProperties['storePassword'] }} 3. signingConfig signingConfigs.release ဒါကတော့ build.gradle.kts အသစ်အတွက်ဖြစ်ပါတယ်။ 1. import java.util.Properties import java.io.FileInputStream 2. signingConfigs { create("release") { val keyProperties = Properties() val keyPropertiesFile = rootProject.file("key.properties") if (keyPropertiesFile.exists()) { keyProperties.load(FileInputStream(keyPropertiesFile)) storeFile = file(keyProperties["storeFile"] ?: "") storePassword = keyProperties["storePassword"] as String? keyAlias = keyProperties["keyAlias"] as String? keyPassword = keyProperties["keyPassword"] as String? } } } 3. buildTypes { release { signingConfig = signingConfigs.getByName("release") } }

• @3 IOS app deploy to app store for iphone and ipad (Publish + test flight)

  ဒီသင်ခန်းစာမှာတော့ iphone , ipad အတွက် app store မှာ release လုပ်တဲ့နည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။ internal testing အတွက် test flight မှာ တင်တဲ့နည်းကိုပါ လေ့လာသွားမှာဖြစ်ပါတယ်။

• @4 Test Flight overview in IOS

  ဒီသင်ခန်းစာမှာတော့ test flight ကို internal နဲ့ external user စမ်းတဲ့နည်းကို ၁ ချက်လေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• @5 Google play store account types and release types

  Google play store account အသစ်အဟောင်းကွာခြားချက်နဲ့ internal testing , closed testing, open testing တို့အကြောင်း https://drive.google.com/file/d/1Ogh4TDNzQTNBHqmul7RJl8FgO-ZH39G9/view?usp=share_link

• @6 Deploy Android app in Google play account (old)

  ဒီသင်ခန်းစာမှာတော့ android app ကို play store developer account အဟောင်းမှာ တင်တဲ့နည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @7 Deploy Android app to Google developer account (new policy)

  ဒီသင်ခန်းစာမှာတော့ android app တွေကို google play develoer account အသစ်မှာတင်တဲ့နည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @8 Test multiple real devices on Firebase Test Lab

  ကျတော်တို့ app ကို release မလုပ်ခင် real device အမျိုးမျိုး၊ version အမျိုးအမျိုးမှာ စမ်းဖို့အတွက် google Firebase test lab မှာရှိတဲ့ phone တွေမှာ သွားစမ်းတဲ့နည်း။

Flutter official recommended architecture (Model View ViewModel) prerequisite - provider, riverpod, getIt, dio better knowing BLoc Pattern

Solid principle and Clean Architecture

• @Slide Clean Architecture

Packaging by feature , multi-module architecture နဲ့ deferred component တို့တွဲသုံးနည်းကို လေ့လာသွားမှာဖြစ်ပါတယ်။ dependency injection etc.

• @intro Api documentation

  Online shop app ၁ခု ရေးကြည့်သွားမှာ ဖြစ်ပါတယ်။ mobile app ၁ ခုရေးကြည့်သွားမှာ ဖြစ်ပြီးတော့ architecture ကတော့ multi-module feature ကို သုံးမှာဖြစ်ပြီး flutter packages feature ကို သုံးသွားမှာ ဖြစ်ပါတယ်။ website => https://shopapi.rubylearner.com/ api doc => https://shopapi.rubylearner.com/api-documentations/

• @1 Ecommerce Shop App intro

  App architecture, documentation ,etc Api doc link https://shopapi.rubylearner.com

• @2 Building project structure (multi-package architecture)

  အခုသင်ခန်းစာမှာတော့ multi-package architecture structure ပုံစံ prject folder တွေလုပ်သွားမှာဖြစ်ပါတယ်။ go router + riverpoid + getit github branch - 1_config_packages https://github.com/rubywai/shopping_app_multi_package_architecture/tree/1_config_packages

• @3 Setting up di and product api service

  Setting up common, dependency injection, and product api service git branch => 2_setupdi_product-api Link https://github.com/rubywai/shopping_app_multi_package_architecture/tree/2_setupdi_product-api

• @4 Creating Product Grid Ui

  Product list တွေပြဖို့ grid ui ၁ခုဆွဲသွားကြည့်မှာဖြစ်ပါတယ်။ resuable နဲ့ responsive ဖြစ်ဖို့ရေးကြည့်သွားပါမယ်။

• @4.2 Implementing pagination for product grid

  အခုသင်ခန်းစာမှာတော့ commn grid ui အတွက် pagination logic ကို apply လုပ်သွားမှာဖြစ်ပါတယ်။ https://github.com/rubywai/shopping_app_multi_package_architecture/tree/4_implement_pagination

• @5 Implementing product search feature

  အခု သင်ခန်းစာမှာတော့ product တွေ search လုပ်တဲ့ feature ကို လေ့လာသွားမှာဖြစ်ပါတယ်။ pagination လဲ ပါပြီးသားဖြစ်ပါတယ်။ https://github.com/rubywai/shopping_app_multi_package_architecture/tree/5_search_feature

• @6 Product Category List feature

  အခု သင်ခန်းစာမှာတော့ product list category page ကို implement လုပ်သွားမှာဖြစ်ပါတယ်။ https://github.com/rubywai/shopping_app_multi_package_architecture/tree/6_category_list