Dart sdk , flutter sdk , နဲ့ code ide တွေဖြစ်တဲ့ intellij idea, android studio, vs code စတာတွေကို Window + Mac + linux (optional) တို့မှာ ထည့်သွင်းနည်းကိုလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။Real device နဲ့ debugging လုပ်နည်း wireless debugging လုပ်နည်းစတာတွေပါလေ့လာသွားမှာဖြစ်ပါတယ်။

• @1 Course introduction

  Course မှာပါဝင်မယ့်သင်ခန်းစာတွေနဲ့ လေ့လာလို့ရမယ့် ပုံစံတွေကို ပြောပြပေးထားပါတယ်။

• intro website

  rubylearner.com webiste သုံးနည်းလေးပါ။

• @1 Installation Dart SDK and intellij idea for Window OS

  Dark sdk and intellij for window

• @2 flutter sdk and android studio installation in Window OS

  flutter sdk and android studio in window

• @3 Android command line tool installation in window

  Android command line tool and check flutter status

• @1.1 Dart SDK and intellij idea set up in Mac OS

  Dark SDK instalation in Macbook

• @1.2 Flutter SDK and Android Studio installation in Mac

  Flutter SDK , android studio, flutter command env setup in Mac OS

• @4 Xcode installation in Mac

  Xcode for IOS and apple ecosystem

• @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 နည်းနည်းဝင်သွားပါတယ်။

• *******

  Login to view more item

နောက်ဆုံး Dart version ကို အသုံးပြုပြီး programming ကို အခြေခံ Data Type တွေကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @2.1 Introduction to Dart Programming Language

  data types in dart

• @2.2 variable and data types in Dart

  variables and data types

• variables and data types slide

  powerpint silde pdf format ကို download ဆွဲလို့ရပါတယ်

• @2.22 Null data type in Dart

  Null and nullable (? operator)

• Type inference in Dart

  var in dart

• Introduction to number data type and arithmetic operators

  Arithmetics operators

• @2.5 Assignment operators for number

  Assignment operators (= += -= *= /= %=)

• @2.6 Relationship operators in Dart

  relationshional operators == , != , > . < , >= , <=

• @2.7 String data type in dart programming

  String data type

• @2.8 Boolean data type in Dart

  Boolean (true,false)

• *******

  Login to view more item

condition, looping and related operators

• @3.1 condition (if statement)

  if , if else , else

• @3.2 switch statements and logical operators

  switch ,&& ,||

• @3.3 conditional operators and null assignment operators

  conditional

• @3.4 looping and loop control statements

  looping

• @3HW1

  Answer only one keyword

• @3.5 For in Loop and For each function

  for in , forEach for collection types

• @3HW2

  choose the correct one

• @3HW3

  please answer the question

• @3HW4

  correct answer (only one line)

• @3 Zoom revision and Home work for section 3

  Zoom revision and home work

Function and Functional programming

• @4.1 Function and Functional programming

  Function and Functional programming

• Function programming detail in one by one lesson

  ၁ ခုချင်းဆီ အသေးစိပ်ရှင်းပြထားတဲ့ playlist ပါ။

OOP in dart

• Object oriented programming lesson live

  Object oriented programming lesson live

• @2 OOP Live (Home Work + OOP Part 2 ) [15.2.1015]

  Object oriented programming part 2

• OOP Lesson detail for one by one video

  OOP Lesson detail for one by one video

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

• @1 Live Flutter ui lesson intro (15.2.2025)

  Flutter widget intro

• @2 Live Flutter ui ux (16.2.2025)

  Text,Image,Icon, Container, Row, Column,etc

• @6 Slide Material 3 design

  Material 3 design

• @6.3 Live Homework (OOP and ui uix)

  Live revision of Homework (OOP and ui uix)

• @6.4 Live Scrollable widget

  scroll bar, single child scroll view, list view , grid view , stack and wrap

• @6.5 Stateful widget introduction (23.2.2025)

  set state, text field, list tile etc

• @6.6 Custom Scroll View, Page View, Reorderable list view , Form (1.3.2025)

  @6.6 Custom Scroll View, Page View, Reorderable list view , Form (1.3.2025) Scroll physic တွေအကြောင်းကိုလဲ လေ့လာခဲ့တာဖြစ်ပါတယ်။

• @6.7 Recap scrolling, Navigation and route animation etc. Live(2.3.2025)

  Recap scrolling, Navigation and route animation etc.

• @6.5 Row and Column [Detail]

  Row and Column

• @6.8 Login Forms Homework (8.3.2025)

  @6.8 Login Forms Homework (8.3.2025)

• *******

  Login to view more item

Dart Error Handling (try catch) and Asynchronous programming (Future , Stream)

• @7.1 Exception handling, future, stream (8.3.2025)

  try catch, future, stream

• Error handling one by one detail

  Error handling one by one detail

• Asynchronous programming one by one detail

  Asynchronous programming one by one detail

• Reactive programming one by one detail

  Reactive programming one by one detail

Mobile Persistance storage တွေဖြစ်တဲ့ key value pair storage, sql database, SQLite ORM, cache storage,file storage စတာတွေလေ့လာသွားမှာဖြစ်ပါတယ်။ Database debugging လုပ်နည်း။ Web အတွက် session storage အသုံးပြုနည်း....။

• @8.1 Intro to key value pair storage

  Shared preference storage,. web local storage , session storage

• @8.1 Storage in flutter (Record) [၁ ခုချင်းဆီ သီးသန့်ရှင်းပြတဲ့ video]

  @8.1 Storage in flutter (Record) [၁ ခုချင်းဆီ သီးသန့်ရှင်းပြတဲ့ video]

• @8.2 Shared preference [Record] ( ၁ ခုချင်းစီရှင်းပြထားတဲ့ video)

  Shared preference [Record] ( ၁ ခုချင်းစီရှင်းပြထားတဲ့ video)

• @8.2 Live Shared preference and session storage home work revision

  @8.2 Live Shared preference and session storage home work revision + dialog introduction + data time

• Live @8.3 File storage in Flutter Directory (16.3.2025)

  Dialog, bottom sheet, date time, menu anchor, file storage system https://gist.github.com/rubywai/4c905d7fb6266b113752f06af313f73a

• Live 8.4 File explorer app , stateful widget lifecycle etc

  File explorer app , stateful widget lifecycle etc, inherited widget etc

• @Slide SQLite DB introduction

  SQLite db power point slide

• Live 8.5 Introduction to sqlite database

  App lifecycle , sqlite db with simple student app

• Live 8.6 Sqlite sql injection projection, db migration, provider introduction

  Sqlite sql injection projection, db migration, provider introduction

Application structure ချနည်း နဲ့ Flutter မှာ popular ဖြစ်နေတဲ့ state management design pattern တို့ကို လေ့လာသွားမှာဖြစ်ပါတယ်။

• @9.1 Provider introduction

  Provider introduction

• @9.2 Implement provider state management to student database

  Implement provider state management to student database

• @9.3 Implement provider design pattern to student database

  Implement provider design pattern to student database

• @9.4 implement provider to student database

  implement provider to student database

• @Live HW9.3 update photo in student database

  Answer update photo in student database [Live coding]

English to myanmar dictionary for engineering words SQLite database, sqflite , provider state management. Speed code (one app in just one class]

• @10.1 Engineering dictionary application [Mini project]

  SQFlite, provider state management pattern

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

• @11.1 Introduction to rest api with blog rest api

  Blog rest api (crud) https://blogapi.rubylearner.com

• @11.2 rest api home work (update + delete) + responsive ui

  Rest api home work (update + delete) + responsive api logging

Riverpod statemanagement with Crypto Currency price list Rest api + websocket + webview etc (mobile view + desktop)

• @12.1 Riverpod introduction & Crypto currency price List app

  Riverpod introduction & Crypto currency price List app

• @12.2 Crypto Currency Price Detail (Price chart and websocket) [19.4.2025]

  12.2 Crypto Currency Price Detail (Price chart and websocket) [19.4.2025]

• @12.3 Responsive layout and go router set up

  Responsive layout and go router set up

• @12.4 Responsive layout and go router set up

  Responsive layout and go router set up

• @12.5 GoRouter Shell Route, Dependency injecton

  GoRouter Shell Route with bottom navigation and tabbar, and dependency injection with getit

• @12.6 News Api, app icon update and ci,cd with code magic

  News Api, app icon update and ci,cd with code magic

Android , IOS , web တို့ အတွက် responsive & adaptive UI တွေရေးနည်းနဲ့ Figma UI ကို ကြည့်ပြီး Theme တွေစနစ်တကျ ရေးနည်းနဲ့ Firebase service တွေအကြောင်းကို တွဲ့ဖက်ပြီးတော့ လေ့လာသွားမှာဖြစ်ပါတယ်။

• @13.1 Firebase Introduction

  About Firebase services

• @13.2 Cloud Firestore

  About cloud firestore database (key - value : pair)

• @13.3 Firebase CLI set up for Mac OS

  Firebase CLI set up for Mac OS. Flutter fire set up

• @13.4 Firebase CLI set up on Window

  Firebase CLI set up on Window

• @13.5 Flutter fire configuration

  Flutter fire configuration

• @13.6 Chat application set up , api doc , route set up

  Chat application set up , api doc , route set up

• Google classroom မှာ ကြည့်ပေးပါရန်။

  Video တွေ optimize မလုပ်ရသေးလို့ Google classroom မှာကြည့်ပေးပါဗျ။ Classroom မ join ရသေးတဲ့သူတွေ page messenger မှာလာပြောလို့ရပါတယ်။

Bloc app architecture and retrofit network framework and code generation

• @14.0 Bloc pattern intro

  Bloc pattern introduction

• 14.1 Weather app api

  City Search https://geocoding-api.open-meteo.com/v1/search?name=Yan&count=10 Weather detail of city https://api.open-meteo.com/v1/forecast?latitude=43.0389&longitude=-87.90647&current_weather=true (replace latitude and longitude) Gradient colors begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color(0xff5C6BC0), Color(0xff3949AB), Color(0xff283593) ] Weather status codes extension on num { String toCondition() { switch (this) { case 0: return 'Clear'; case 1: case 2: case 3: case 45: case 48: return 'Cloud'; case 51: case 53: case 55: case 56: case 57: case 61: case 63: case 65: case 66: case 67: case 80: case 81: case 82: case 95: case 96: case 99: return 'Rainy'; case 71: case 73: case 75: case 77: case 85: case 86: return 'Snowy'; default: return 'Unknown'; } } } extension on String { String toEmoji() { switch (this) { case "Clear": return '☀️'; case "Rainy": return '🌧️'; case 'Cloud': return '☁️'; case 'Snowy': return '🌨️'; default: return 'Unknown'; } } }

• 14.2 Bloc pattern and retrofit network api

  Bloc pattern and retrofit network api

• 14.3 Weather app part 2

  https://github.com/rubywai/weather_bloc_app_with_integration_testing

• 14.4 Wather app final part with rx-dart

  Wather app final part

Bloc pattern နဲ့ unit testing , ui testing, integration testing တို့ ကို blog practical project လေးနဲ့အတူလေ့လာကြည့်သွားမှာဖြစ်ပါတယ်။

• 0. Introducton (Android studio အတွက် လိုအပ်တဲ့ plugin တွေ)

  1. Flutter Enhancement suite (for android studio) or Test converage (for vscode) 2.Genhtml For window wsl --install sudo apt update sudo apt install lcov For Mac brew install lcov

• 1. ရေးပြီးသား code github link ရယူရန်

  Dev dependency installation dev_dependencies: flutter_test: sdk: flutter integration_test: sdk: flutter bloc_test: ^10.0.0 1.counter_bloc.dart https://gist.github.com/rubywai/93b766c83987749f80a1286d2f6bb554 2.main.dart https://gist.github.com/rubywai/7c450f5d9811f01b4c7573ed92003b78 Commands dart pub global activate coverage flutter test --coverage genhtml coverage/lcov.info -o coverage/html\n open coverage/html/index.html (Mac) start coverage/html/index.html test 1.counter_bloc_test.dart https://gist.github.com/rubywai/b49a434476b7ca5afbd7b6d967e7b9ff 2.main.test.dart https://gist.github.com/rubywai/368f03ddac73236253a4caea3bed1528 3.integration test driver.dart https://gist.github.com/rubywai/591f3910df61fc254a376d1217235d8b integration_test.dart https://gist.github.com/rubywai/fc5802f2b5e7afd16ba7ef205ae40020 flutter drive --driver=integration_test/driver.dart --target=integration_test/integration_test.dart

• 2. Counter app unit testing & integration testing

  Counter app with bloc unit testing

• 3. Weather app unit testing part 1

  Weather app unit testing part 1

• 4. Weather app unit testing part 2

  Weather app unit testing part 2

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

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 တွေမှာ သွားစမ်းတဲ့နည်း။

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

အရင်သင်ခန်းစာတွေမှာသုံးခဲ့တဲ့ animation တွေကို သီးသန့်စုထားတာဖြစ်ပါတယ်။

• @1 Font Awesome Icon

  Rich Icon package for flutter like web https://pub.dev/packages/font_awesome_flutter

• @2 Animated Container

  Animated Container https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.2%20animated%20container%20widget.dart?fbclid=IwAR1lk8X6kDEPRGtzyHJwchFAadU0hlwvHn-DhXhkvy45RXG6nWP-l5EPFOc

• @3 Animated crossfade

  Animated crossfade widget https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.3%20Animated%20crossfade?fbclid=IwAR1XW6OYfN_t4f4Pg23Xd_bJlVhnCZnKwJ7b5h5SghWVhRC18tPTAWsXVHc

• @4 Explicit animation (animation controller)

  Expicit animation https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.4%20Flutter%20Animation%20Controller%20and%20Builder

• @5 Media query

  Media query in flutter https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.5%20Media%20query?fbclid=IwAR12Xr1cM6ts8iX_DG570GfOYUFTRxDY1k5zuvmg3W_doJ6Ff5bHqCGRzGs

• @6 Inkedwell widget in flutter

  Inkwell widget in flutter https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.6%20inkwell

• @7 Gesture detector in flutter

  Gesture detector in flutter https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.7%20gesturedetecture%20widget

• @8 Clipping in flutter

  Clipping in flutter https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.9%20ClipPath

• @9 Custom clipping with clippath

  Cutom clipping with clippath https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.9%20ClipPath

• @10 Advanced Clippath

  Advanced Clippath https://github.com/rubywai/flutter_basic_widget/blob/main/%4025.10%20Advanced%20ClipPath

• *******

  Login to view more item