Berikut adalah silabus 20 sesi (@1,5 jam) untuk kursus “Flutter UI Mastery: Desain Aplikasi Modern dengan Material Design dan Animasi”
Fokus: Membuat tampilan antarmuka yang menarik, responsif, dan interaktif menggunakan widget, layout, serta animasi di Flutter.
Sesi 1-2: Pengantar Flutter dan UI/UX Modern
-
Pengenalan Flutter & Dart untuk UI
-
Instalasi tools (Flutter SDK, VS Code, Android Studio)
-
Struktur proyek Flutter dan peran widget
-
Prinsip UI/UX modern dan Material Design
Sesi 3-4: Layout & Struktur Antarmuka
-
Widget dasar: Container , Row , Column , Stack
-
Layout responsif dengan MediaQuery & LayoutBuilder
-
Nested layout & skenario kompleks
-
Studi kasus: Membuat layout kartu profil
Sesi 5-6: Styling dan Theming
-
Styling teks, ikon, dan elemen UI
-
Menggunakan ThemeData , ColorScheme , dan Typography
-
Light & Dark Mode secara dinamis
-
Studi kasus: Aplikasi personal dengan tema dinamis
️ Sesi 7-8: Navigasi dan Routing
-
Navigasi dasar: Navigator , MaterialPageRoute
-
Named routes & argument passing
-
Custom transition antar halaman
-
Studi kasus: Navigasi antar menu aplikasi portofolio
Sesi 9-10: Widget Interaktif
-
Widget input: TextField , Checkbox , Slider , Switch , DatePicker
-
State management sederhana dengan setState
-
Validasi form & feedback pengguna
-
Studi kasus: Formulir pemesanan UI
Sesi 11-12: Desain Kartu dan List
-
Desain Card , ListTile , dan GridView
-
Scrollable UI dengan ListView.builder
