Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

BELAJAR FLUTTER - PENGERTIAN, KURIKULUM DAN CARA BELAJAR

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

Belajar Flutter

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

Daftar kurikulum Flutter untuk pemula

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

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 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 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 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 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 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 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
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 kelas 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


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding