Belajar Membuat Aplikasi Flutter
Flutter adalah framework untuk membuat aplikasi dengan Dart, dan ini kursus Flutter interaktif gratis yang dimulai dari nol. Tulis aplikasi sungguhan dengan Dart dan jalankan di layar ponsel di samping editor, dengan Hot reload, petunjuk AI, dan sertifikat untuk setiap bagian.
1,000+ coder terdaftar
219 pelajaran219 tantangan297 soal kuis
- Ramah pemula
Bantuan coding dengan AI
Pelajaran interaktif yang praktis
Narasi audio di setiap pelajaran
Kuis untuk menguji pemahamanmu
Sertifikat penyelesaian gratis
Silabus
Bagian 1
Aplikasi Pertamamu
Mulai bagianMulaiAplikasi Flutter pertamamu: apa itu Flutter, pohon widget, teks dan gayanya, kotak berwarna, padding, baris dan kolom, ikon dan gambar, serta Dart yang kamu perlukan. Bab ini diakhiri dengan proyek aplikasi kartu nama.Halo, Flutter
6 pelajaran68Mengatur Gaya Teks
4 pelajaran45Dart Tepat Waktu
4 pelajaran45Kotak
4 pelajaran44Baris dan Kolom
6 pelajaran68Ikon dan Gambar
5 pelajaran55Proyek: Kartu Nama
Proyek3 pelajaran33Bagian 2
Membuat Aplikasi Interaktif
Mulai bagianMulaiAplikasi yang merespons: tombol, fungsi dan Console, StatefulWidget dan setState, const dan final, pengambilan keputusan dengan if dan nilai boolean, kolom teks, switch, kotak centang dan slider, serta Dart di baliknya. Bab ini diakhiri dengan proyek aplikasi penghitung tip.Tombol
5 pelajaran57Fungsi
3 pelajaran35Widget dengan State
6 pelajaran610const dan final
2 pelajaran24Pengambilan Keputusan
5 pelajaran58Kolom Teks
5 pelajaran57Sakelar dan Slider
3 pelajaran34Proyek: Kalkulator Tip
Proyek5 pelajaran56Bagian 3
List dan Layar
Mulai bagianMulaiAplikasi dengan lebih dari satu layar: list yang dapat digulir dan list tile, card dan grid, class Dart buatanmu sendiri untuk data, berpindah antar layar sambil meneruskan data, tab, drawer dan menghapus dengan mengusap. Bab ini diakhiri dengan proyek aplikasi buku resep.Daftar yang Dapat Digulir
5 pelajaran58Daftar dari Data
3 pelajaran34Kartu dan Kisi
3 pelajaran33Class Milikmu Sendiri
6 pelajaran611Lebih dari Satu Layar
5 pelajaran58Tab, Drawer, dan Geser
5 pelajaran58Proyek: Buku Resep
Proyek6 pelajaran67Bagian 4
Layout yang Menyesuaikan
Mulai bagianMulaiLayar yang pas di ponsel apa pun: berbagi ruang dalam baris dengan Expanded, Flexible dan Spacer, memahami dan memperbaiki error overflow, Wrap, Stack dan Positioned, SafeArea, lebar maksimum, ukuran layar dan breakpoint, enum dan switch, tema aplikasi dan mode gelap. Bab ini diakhiri dengan layar pemutar musik.Berbagi Ruang dalam Baris
4 pelajaran45Error Luapan
5 pelajaran56Menumpuk Widget
4 pelajaran45Ukuran dan Breakpoint
4 pelajaran44Enum dan switch
3 pelajaran33Tema dan Mode Gelap
5 pelajaran56Proyek: Pemutar Musik
Proyek5 pelajaran55Bagian 5
Pengelolaan State
Mulai bagianMulaiBerbagi data antar widget dan layar: mengangkat state dengan nilai dan callback, Dart yang diperlukan untuk class model, Provider dengan ChangeNotifier, Riverpod dengan ConsumerWidget, StateProvider dan Notifier, serta kapan menggunakan masing-masing. Bab ini diakhiri dengan keranjang belanja yang digunakan bersama oleh dua layar.Mengangkat State ke Atas
4 pelajaran48Dart untuk Model
4 pelajaran48Provider
7 pelajaran714Riverpod
6 pelajaran612Proyek: Keranjang Belanja
Proyek6 pelajaran68Bagian 6
Data dan Jaringan
Mulai bagianMulaiAplikasi yang menunggu data: futures, async dan await, indikator loading dengan FutureBuilder, error dengan try dan catch, JSON dari server yang diubah menjadi class Dart, tarik untuk menyegarkan, serta tanggal dan harga dengan intl. Bab ini diakhiri dengan proyek aplikasi cuaca.Futures
4 pelajaran46Layar Pemuatan
5 pelajaran58Saat Pemanggilan Gagal
5 pelajaran56JSON
5 pelajaran59Tanggal dan Harga
3 pelajaran33Proyek: Aplikasi Cuaca
Proyek5 pelajaran56Bagian 7
Proyek
Mulai bagianMulaiEmpat aplikasi lengkap yang dibuat langkah demi langkah dengan semua yang sudah kamu pelajari: to-do list, kuis, toko dengan keranjang belanja, dan pelacak kebiasaan dengan streak dan mode gelap. Setiap aplikasi diakhiri dengan hasil yang rapi dan siap kamu tunjukkan.Proyek: Daftar Tugas
Proyek9 pelajaran910Proyek: Kuis
Proyek9 pelajaran99Proyek: Toko
Proyek9 pelajaran99Proyek: Pelacak Kebiasaan
Proyek9 pelajaran99
Belajar sambil praktik
Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.
Bangun streakmu
Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.
12 hari streak
Kembali besok untuk menjaga streakmu!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gandakan atau hangus
Hari ke-5 dari 7
Pembeku Streak
2 left
Kamu tidak sendirian
Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!
1
2
3
Zona promosiSemua cara belajar
Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.
Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.
Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.
Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.
Dapatkan sertifikat
Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.
Sertifikat Penyelesaian
Dasar Python
Tambahkan ke LinkedInKenapa belajar Flutter di Coddy
- Kode dan aplikasimu berdampingan. Tekan Jalankan, maka aplikasinya di-compile di server Coddy dan terbuka di layar ponsel di samping editor, dijalankan oleh engine web Flutter. Hot reload menampilkan perubahanmu sambil menjaga state aplikasi, dan Konsol menampilkan output
print()dan error. Tekan Periksa, dan pelajaranmu dinilai berdasarkan apa yang ditampilkan aplikasimu di layar. - Tidak perlu bisa Flutter atau Dart untuk mulai. Bagian pertama membangun widget tree dari
Text, kotak berwarna, padding,RowdanColumn, ikon dan gambar, lalu diakhiri dengan aplikasi kartu nama. Bagian kedua membuat aplikasi bisa merespons: tombol,StatefulWidgetdansetState,constdanfinal, kolom teks, switch, dan slider, diakhiri dengan kalkulator tip. - Aplikasi dengan lebih dari satu layar: list yang bisa di-scroll, card dan grid, class Dart milikmu sendiri, berpindah antar layar, tab, drawer, dan geser untuk menghapus. Lalu layout yang pas di ponsel apa pun:
Expanded,Flexible, danSpacer, error overflow dan cara memperbaikinya,Stack,SafeArea, breakpoint, tema, dan dark mode. - State dan data seperti cara aplikasi sungguhan menanganinya: lifting state up,
ProviderdenganChangeNotifier, Riverpod denganConsumerWidgetdanNotifier, dan kapan memakai yang mana. Lalu future,asyncdanawait,FutureBuilder,trydancatch, dan JSON dari server yang diubah menjadi class Dart, diakhiri dengan aplikasi cuaca.
Pertanyaan umum tentang belajar Flutter
Apakah aku perlu bisa Dart untuk belajar Flutter?
if, class, async dan await, masing-masing saat sebuah aplikasi pertama kali membutuhkannya. Tidak perlu pengalaman pemrograman untuk memulai.Lebih baik ambil kursus Dart atau langsung mulai dengan Flutter?
Apakah aku perlu Android Studio, emulator, atau ponsel?
Tidak. Aplikasimu di-compile di server Coddy dan berjalan di layar ponsel di dalam browser, jadi tidak ada Flutter SDK yang perlu disiapkan dan tidak ada emulator yang perlu dijalankan. Kursus ini ada di website, di browser komputer maupun ponsel, dan tidak ada di aplikasi mobile Coddy. Untuk menerbitkan aplikasi Android atau iOS nanti, kamu install Flutter di komputermu sendiri, dan kode yang kamu tulis di sini tetap bisa dipakai.
Aplikasi apa yang akan kubangun di kursus Flutter ini?
Setiap bagian diakhiri dengan sebuah aplikasi: kartu nama, kalkulator tip, buku resep, layar pemutar musik, keranjang belanja yang dipakai bersama oleh dua layar, dan aplikasi cuaca. Bagian terakhir membangun empat lagi, langkah demi langkah: to-do list, kuis, toko dengan keranjang belanja, dan pelacak kebiasaan dengan streak dan dark mode.
Apakah kursus Flutter ini gratis?
Ya. Pelajaran, pratinjau aplikasi, petunjuk AI, dan sertifikatnya gratis. Akun gratis bisa mengerjakan beberapa pelajaran sehari, dan Pro menghapus batas harian.
Apakah aku dapat sertifikat untuk kursus Flutter?
Ya. Masing-masing dari 7 bagian memberimu sertifikat kelulusan gratis saat kamu menyelesaikannya, dengan halamannya sendiri yang bisa kamu bagikan atau tambahkan ke LinkedIn.
