Bahasa program yang digunakan oleh Flutter adalah bahasa program Dart, karena itu kamu perlu familiar lebih dulu dengan bahasa program Dart.
Setelah itu Flutter akan berperan sebagai UI toolkit, atau semua yang berhubungan dengan tampilan kamu. Karena backendnya tidak lain tidak bukan akan ditulis dengan Dart itu sendiri.
Konsep dasar dari Flutter adalah menggunakan widget. Hampir semua hal di Flutter adalah Widget, menampilkan text, gambar, mengatur posisi, semuanya menggunakan Widget. Ia berperan seperti lego, yang bisa kamu bongkar pasang. Tunggu apa lagi kalau kamu mau terjun ke dunia mobile development, coba Flutter sekarang
Daftar Pelajaran Track Flutter untuk pemula di Sekolah Koding
Mau bikin aplikasi mobile android atau iOS dengan satu kode yang sama? saatnya kamu belajar Flutter, UI Toolkit yang menggunakan bahasa Dart ini, akan memudahkan perjalananmu sebagai mobile developer
Mengenal Dart
Dart adalah bahasa program yang dibuat oleh tim Google dengan niat awal mengganti javascript yang be...
Daftar isi Mengenal Dart
Intro dart bahasa Indonesia
Perkenalan bahasa program dart dalam bahasa Indonesia, apa itu dan kegunannya
Belajar singkat syntax dart
Belajar singkat syntax program dart untuk kamu yang ingin melihat sekilas dan sudah punya dasar dari bahasa program lain tanpa harus belajar materinya satu per satu
Async await di dart
Apa kegunaan fungsi async await di dart serta Future? untuk menjalankan fungsi yang butuh waktu dan tidak perlu menghalangi fungsi lain yang sedang berjalan
Intro dan Setup Flutter
Bikin aplikasi mobile, baik android ataupun iOS dengan satu codebase menggunakan flutter. Yuk kenala...
Daftar isi Intro dan Setup Flutter
Kenalan dengan flutter
Yuk berkenalan dengan apa itu flutter
Install dan setup flutter
bagaimana cara install dan setup flutter di komputer kamu
Hello world flutter
Mengintip aplikasi dasar alias hello world flutter
Apa itu widget flutter
Mengenal apa itu widget di flutter
Aplikasi flutter pertama - random word
Setelah mengenal singkat tentang flutter, sekarang kita bikin aplikasi mobile yang dibuat dengan flu...
Daftar isi Aplikasi flutter pertama - random word
Trailer fun word
Aplikasi flutter petama yang akan kita buat adalah menghasilkan kata random dalam bahasa inggris lalu menyediakan beberapa tombol untuk berinteraksi dan melihat cara navigasi ke screen lain di flutter
Menggunakan package external
bagaimana cara menggunakan package external di flutter kita akan mengintip website pub.dev
Membuat floating button
bagaimana cara membuat floating button atau tombol melayang di aplikasi mobile dengan flutter
Stateless dan stateful widget
belajar apa perbedaan antara stateless widget dan stateful widget di flutter. Dan kapan masing masing kelas digunakan
Menyimpan daftar kata
Cara sederhana menyimpan daftar kata dari aplikasi flutter yang dibuat dengan tipe data array
Halaman baru dengan navigator
bagaimana cara membuat screen atau halaman baru di flutter dengan navigator push
Merapikan class sendiri
Sebelumnya, route baru dibuat langsung di bawah kode Route Navigasi flutter, sekarang kita pindahkan menjadi class sendiri
Membagi file masing masing
merapikan program flutter yang sudah cukup panjang dengan membagi file flutter berdasarkan masing masing screen
Layout di Flutter
Belajar membuat layout di Flutter untuk membuat tampilan aplikasi yang sesuai dengan kamu inginkan. ...
Daftar isi Layout di Flutter
Widget text flutter
belajar bagaimana cara menggunakan widget text di flutter
Widget icon
Apa itu widget icon dan belajar bagaimana cara menggunakan widget icon di flutter
Gambar di flutter
Apa itu widget gambar dan belajar bagaimana cara menggunakan gambar di flutter
Basic layout row dan column
bagaimana cara mengatur layout aplikasi flutter dan belajar bagaimana cara menggunakan basic layout row dan column di flutter
Container flutter
Apa itu container dan belajar bagaimana cara menggunakan container flutter
Listview flutter
Apa itu listview dan belajar bagaimana cara menggunakan listview flutter
GridView layout
Apa itu gridView dan belajar bagaimana cara menggunakan gridView layout
Stack menumpuk elemen
Apa itu Stack dan belajar bagaimana cara menggunakan Stack menumpuk elemen di flutter
Material component widget card
Ada banyak widget yang siap digunakan untuk keperluan aplikasi biasanya, material widget siap untuk kamu. belajar bagaimana cara menggunakan material component widget card
App state management provider
Bagaimana cara membagikan informasi antar screen yang ada di Flutter. Kita pernah melihat setState u...
Daftar isi App state management provider
Perkenalan State management flutter
Perkenalan State management di flutter untuk membagikan informasi antar screen di aplikasi mobile
Aplikasi counter menggunakan provider
melihat contoh penggunakan app state provider 4.x di flutter lewat aplikasi counter sederhana
Menyimpan data di aplikasi Flutter
Aplikasi Flutter kamu butuh menyimpan data? mau data kecil atau data yang kompleks semuanya bisa den...
Daftar isi Menyimpan data di aplikasi Flutter
Intro data persistance
Mengenal apa itu data persistance di flutter? belajar bagaimana cara kita menyimpan data dari aplikasi
Key value dengan shared preferences
Sistem penyimpanan data paling sederhana dengan menyimpan pasangan key-value lewat package shared preferences, ini mirip dengan shared preferences di android atau NSUserDefautl pada iOS
Intro sqflite database
Sistem penyimpanan data selanjutnya dengan database lewat package flutter sqflite. Database cocok digunakan untuk aplikasi kamu yang butuh menyimpan banyak data dengan terstruktur dan punya relasi.
Membuat model
Tahapan pertama dari menggunakan database di flutter lewat membuat model. Model pada flutter adalah perwakilan data table yang ada
Inisiasi database
Tahapan menggunakan database di flutter selanjutnya, inisiasi database, ada beberapa hal yang perlu diperhatikan saat mau mulai menggunakan instance database sqflite
Menyiapkan metode insert dan get db
Kita masuk ke bagian menyiapkan metode insert dan mendapatkan database, bagian kecil dari CRUD, di sqflite flutter
Menjalankan database
Yang kita tunggu-tunggu.. menjalankan database lewat aplikasi flutter, kali ini kita belum akan menyentuh User Interface, hanya akan print hasilnya di console, untuk memastikan semuanya berjalan
Aplikasi Catatan dengan Flutter
Belajar membuat aplikasi catatan di Flutter dengan menggunakan metode CRUD (Create Read Update Delet...
Daftar isi Aplikasi Catatan dengan Flutter
Trailer aplikasi catatan flutter
trailer membuat aplikasi catatan dengan flutter, kita akan belajar bekejera dengan lebih dari satu screen, menyipan data dan operasi CRUD
Persiapan model dan database
Pertama kita mulai dengan persiapan model Catatan yang akan digunakan dan inisialiasi database beradasrkan apa yang sudah dipelajari di kelas data persistance
Tampilan awal homepage futurebuilder
Mmebuat tampilan awal homepage dengan futurebuilder Flutter, akan dibutuhkan tiga kondisi berbeda, 1. saat loading, 2. saat error dan 3. ketika data berhasil didapatkan
UI catatan baru
Selanjutnya membuat UI screen untuk catatan baru di Flutter menggunakan TextField untuk menerima ketikan keyboard dari user
Valdiasi form dan isi text controller
Bagaimana cara valdiasi form di Flutter dan mengambil isi text controller. Kita akan menggunakan widget Form dan TextFormField
Menyimpan data baru
cara menyimpan data baru di flutter dan sqlite dengan bantuan sqflite
Dismissble widget untuk menghapus
Mengenal dismissble widget untuk menghapus item yang dihubungkan dengan database sqlite dengan bantuan sqflite
Mengoper data ke screen lain
Kita perlu mengoper data id ke screen lain di flutter agar bisa mengedit datanya nanti
Update data
Bagaimana cara update data di flutter dan sqlite dengan bantuan sqflite
Mengatur urutan data
Bagaimana cara mengatur urutan data di flutter dan sqlite dengan bantuan sqflite orderBy
Aplikasi Forum Flutter
Selain mengkonsumsi API secara pasif di Flutter, kita juga bisa mengirim data dan memanipulasinya de...
Daftar isi Aplikasi Forum Flutter
Trailer forum app temporary
trailer aplikasi forum yang dikonsumsi dengan flutter, kita akan membuat metode autentikasi dan fungsi forum di mobile app
Menjalankan server API
Untuk mengikuti tutorial ini kamu perlu untuk menjalankan server API yang sebelumnya sudah kita buat. Kamu bisa menonton saja melihat cara fungsinya masing masing atau mengikutinya dengan menjalankan server lebih dulu
Menyiapkan named route
Di flutter ada dua cara untuk redirect atau memindahkan halaman. Salah satunya menyiapkan named route atau route yang diberi nama
Drawer untuk daftar menu
Untuk meletakkan menu di aplikasi flutter kita menggunakan drawer yang bisa muncul dari mana saja dengan memberinya icon di posisi yang kita inginkan
Form register dan validasi
Bagaimana cara membuat form register dan menyiapkan tempat validasi pada aplikasi flutter
Persiapan request dengan dio
Waktunya melakukan persiapan request dengan menggunakan package dio sebagai pengganti http di aplikasi flutter
Register user request
Bagaimana cara register user atau menyimpan data user dengan melakukan request post di aplikasi flutter
Menangani validasi server
Bagaimana cara menangani validasi dengan mengambil informasi dari server laravel pada aplikasi flutter
Menyiapkan loginscreen dan metodenya
Bagaimana cara menyiapkan login screen dan metode requestnya untuk login aplikasi flutter
Menyimpan token dengan aman
Kita perlu menyimpan token Bearer yang didapatkan dari server dengan aman aplikasi flutter lewat aplikasi flutter secure storage
Menggunakan provider state management
Bagaimana cara menggunakan provider state management untuk membagikan state antar satu screen dan screen yang lain
Redirect jika berhasil login
Memanfaatkan named route yang dibuat, sekarang kita redirect ke halaman lain jika berhasil login aplikasi flutter
Metode logout
Bagaimana cara metode logout di aplikasi flutter dengan menghapus tokennya
Check kondisi login user
Kita perlu cek kondisi apakah user sedang login atau tidak untuk menampilkan hal yang tepat di aplikasi flutter
Menampilkan data user
Bagaimana cara menampilkan data user yang sedang login di aplikasi flutter
Membuat snackbar sendiri
Bagaimana cara membuat snackbar sendiri di aplikasi flutter yang fleksibel agar bisa dipakai berkali kali
Menampilkan daftar forum
Bagaimana cara menampilkan daftar forum atau data request dari API di aplikasi flutter
Menampilkan data yang relevan
Bagaimana cara menampilkan data yang relevan saja di aplikasi flutter
Halaman detail forum
Bagaimana cara menampilkan halaman detail forum di aplikasi flutter
Menampilkan daftar komentar
Bagaimana cara menampilkan daftar komentar aplikasi flutter, kita akan melihat cara menampilkan data relasi dari API dengan perwakilan model
Membuat forum baru
belajar bagaimana cara mengirim post API di flutter dengan membuat forum baru
Cek hak kepemilikan data
bagaimana cara cek hak kepemilikan data di flutter, hanya memunculkan tombol atau bagian tertentu jika ini miliknya
Membuat form dinamis untuk update
bagaimana membuat form dinamis di flutter, bisa digunakan untuk membuat dan juga untuk update
Update forum
belajar bagaimana cara update data di flutter lewat API
Menambah komentar baru
cara menambah komentar baru di aplikasi flutter lewat API
Update komentar
cara update komentar lewat API di flutter, kita melihat kasus ketika API tidak sesempurna yang diinginkan
Daftar Materi Intro dan Setup Flutter
Bikin aplikasi mobile, baik android ataupun iOS dengan satu codebase menggunakan flutter. Yuk kenalan singkat dengan flutter dan setupnya
Kenalan dengan flutter
Yuk berkenalan dengan apa itu flutter
install dan setup flutter
bagaimana cara install dan setup flutter di komputer kamu
hello world flutter
Mengintip aplikasi dasar alias hello world flutter
apa itu widget flutter
Mengenal apa itu widget di flutter
