Semua track

Roadmap Belajar

Flutter

Satu kode untuk Android, iOS, dan lainnya: dari widget dasar sampai rilis APK.

10 bab75 modul±314 menit0%
Mulai dari awal
1

Bab 1

Fondasi Flutter

Kenalan dengan Flutter, instalasi, project pertama, dan konsep widget.

1.Pengenalan FlutterPemula
2.Instalasi Flutter & EmulatorPemula
3.Project Pertama & Struktur FolderPemula
4.Konsep WidgetPemula
5.StatelessWidgetPemula
6.StatefulWidget & setStatePemula
7.MaterialApp & ScaffoldPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
2

Bab 2

Widget Tampilan

Teks, tombol, gambar, ikon, dan wadah visual.

8.Text & Styling TeksPemula
9.Jenis-Jenis ButtonPemula
10.Image dari Asset & NetworkPemula
11.Icon WidgetPemula
12.Container: Kotak SerbagunaPemula
13.Padding, Margin & SizedBoxPemula
14.Card & ListTilePemula
15.AppBar & TabBarPemula
Kuis 5 soal terbuka di modul terakhir bab ini.
3

Bab 3

Layout, List & Grid

Susun widget: baris, kolom, tumpuk, daftar, dan grid.

16.Row & ColumnPemula
17.MainAxis & CrossAxis AlignmentPemula
18.Expanded & FlexiblePemula
19.Stack & PositionedPemula
20.ListView.builderPemula
21.ListView.separatedPemula
22.ListView HorizontalPemula
23.GridView.builderMenengah
24.SliverGridDelegateMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
4

Bab 4

Navigasi

Pindah halaman: Navigator, named route, dan go_router.

25.Navigator.pushMenengah
26.Pop & Mengirim Data BalikMenengah
27.Named RouteMenengah
28.Passing Data antar HalamanMenengah
29.BottomNavigationBarMenengah
30.Pengenalan go_routerMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
5

Bab 5

State & Lifecycle

setState, lifecycle, keys, dan pewarisan data.

31.setState Lebih DalamMenengah
32.Widget LifecycleMenengah
33.initState & disposeMenengah
34.Widget KeysMenengah
35.InheritedWidgetMenengah
36.ValueNotifier & ValueListenableBuilderMenengah
37.BuildContext & mountedMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
6

Bab 6

Form & Input

TextField, validasi form, pilihan, dialog, dan feedback.

38.TextField & TextEditingControllerMenengah
39.InputDecorationMenengah
40.Form & ValidasiMenengah
41.Checkbox & SwitchMenengah
42.Radio & SegmentedButtonMenengah
43.Slider & DatePickerMenengah
44.AlertDialogMenengah
45.SnackBar & BottomSheetMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
7

Bab 7

Async, JSON & HTTP

Future, Stream, parsing JSON, dan REST API.

46.Future & async/awaitMenengah
47.FutureBuilderMenengah
48.StreamBuilderMenengah
49.Parsing JSON DasarMenengah
50.Model Class: fromJson/toJsonMenengah
51.HTTP GET dengan package httpMenengah
52.HTTP POST & Mengirim DataMenengah
53.Pola UI Async: Refresh & LoadingMenengah
Kuis 5 soal terbuka di modul terakhir bab ini.
8

Bab 8

State Management Lanjutan

Riverpod mendalam dan BLoC/Cubit untuk aplikasi besar.

54.Riverpod: Provider DasarMenengah
55.Riverpod: StateProviderMenengah
56.Riverpod: FutureProviderMenengah
57.Riverpod: Notifier (State Kompleks)Mahir
58.Riverpod: ref.watch vs ref.read vs ref.listenMenengah
59.BLoC: Konsep Event-StateMahir
60.BLoC: Cubit (Versi Simpel)Mahir
61.BLoC di UI: Builder, Listener, ConsumerMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
9

Bab 9

UI Polish: Tema & Animasi

ThemeData, dark mode, animasi, dan layout responsif.

62.ThemeData & Material 3Mahir
63.Dark Mode ToggleMahir
64.Animasi ImplisitMahir
65.AnimationController & TweenMahir
66.Hero AnimationMahir
67.CustomPaint DasarMahir
68.Responsive LayoutMahir
Kuis 5 soal terbuka di modul terakhir bab ini.
10

Bab 10

Penyimpanan, Rilis & Proyek

Data persisten, build APK, dan tiga proyek mini portofolio.

69.SharedPreferencesMahir
70.sqflite: CRUD DasarMahir
71.sqflite + Model ClassMahir
72.Build APK ReleaseMahir
73.Proyek Mini: Kasir SederhanaMahir
74.Proyek Mini: Aplikasi CatatanMahir
75.Proyek Mini: Todo + SharedPreferencesMahir
Kuis 5 soal terbuka di modul terakhir bab ini.