Belajar Flutter

Bikin aplikasi mobile sekaligus Android dan iOS lewat satu kode yang sama

gambar Flutter untuk pemula
Salah satu impian developer, adalah hanya perlu belajar satu hal (satu bahasa) dan bisa mengimplementasikannya ke berbagai hal. Memang tidak sesempurna itu, tapi Flutter adalah kabar bahagia bagi para pengembang aplikasi mobile. Lewat satu kode yang sama, Flutter bisa digunakan untuk membuat aplikasi Android dan iOS sekaligus! 

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



cover playlist Flutter untuk pemula

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


cover Mengenal Dart

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



cover Intro dan Setup Flutter

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



cover Aplikasi flutter pertama - random word

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



cover Layout di Flutter

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



cover App state management provider

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



cover Menyimpan data di aplikasi Flutter

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



cover Aplikasi Catatan dengan Flutter

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



cover Aplikasi Forum Flutter

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


Tag: Kenapa belajar Flutter, Mengenal apa itu Flutter, Di mana mulai belajar Flutter, mulai dari mana belajar Flutter , tutorial Flutter bahasa indonesia untuk pemula dari dasar, apa kegunaan Flutter, bagaimana cara menggunakan Flutter, belajar bertahap Flutter, kursus online Flutter
premium logo tube

Hey, sedang ada diskon premium untuk akses semua kelas. Lihat di sini