flash sale
hamburger-menu

Kelas Online
Flutter & Dart Crash Course: Modern UI Design

Learn how to build a delightful app

icon global
Release date August 2021
icon convert
Last updated October 2024
Member

2,256 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Saat ini terdapat dua sistem operasi yang mendominasi pasar yaitu iOS dan Android. Dengan Flutter, seorang Developer dapat menciptakan satu aplikasi yang dapat berjalan di kedua platform tersebut. Flutter adalah sebuah framework open-source yang dikembangkan oleh Google. Framework ini digunakan untuk membangun aplikasi lintas platform dengan antarmuka pengguna (UI) yang indah dan responsif. Flutter menggunakan bahasa pemrograman Dart, yang dikembangkan oleh Google sebagai bahasa yang digunakan untuk membangun aplikasi menggunakan Flutter. Dart adalah bahasa yang efisien, dengan sintaks yang modern dan mendukung pemrograman berorientasi objek.

Dalam pengembangan Flutter, Dart digunakan untuk mengatur logika bisnis aplikasi, menghubungkan dengan API backend, dan mengelola interaksi antara komponen UI. Flutter menggunakan pendekatan "widget" yang sangat fleksibel dan dapat disesuaikan. Widget dalam Flutter merepresentasikan komponen visual seperti tombol, teks, gambar, tata letak, dan masih banyak lagi. Dengan menggunakan widget ini, pengembang dapat dengan mudah membangun dan mengatur UI dengan cepat.

Flutter juga memiliki ekosistem yang aktif dengan berbagai paket dan plugin yang tersedia untuk memperluas fungsionalitas aplikasi. Flutter juga memiliki dukungan yang kuat dari komunitas pengembang yang berarti ada banyak sumber daya dan dokumentasi yang tersedia untuk mempelajari dan memperdalam penggunaan Flutter. Maka dari itu, Flutter telah menjadi pilihan populer bagi para pengembang untuk membangun aplikasi mobile.

Pada seri kelas Flutter ini, kita akan praktik menggunakan Widget untuk Slicing desain UI. Mentor kami akan menunjukan proses design to code dari beragam desain yang mendukung dua skema warna (dark mode dan light mode). Kita akan fokus mendalami Layout Widget untuk menyusun UI seperti Container, Column, Row, dll. Dan kita akan memahami cara mengatur state di antara layar aplikasi agar pengambilan data UI menjadi mudah. Kelas ini dapat menjadi sarana belajar yang tepat karena kamu dapat belajar secara terstruktur dan bangun portfolio yang berguna untuk karir menjanjikan sebagai Flutter Developer.

Kelas ini sangat cocok bagi kamu yang ingin membangun aplikasi menarik dengan menggunakan framework modern yang dapat menghemat waktu dan biaya. Sebelum mendaftar, diharapkan kamu telah memiliki pemahaman dasar tentang Dokumentasi Flutter atau pernah mengambil kelas Starter Flutter yang telah kami sediakan. Bagi kamu yang sudah siap upgrade skill Flutter, silakan langsung mendaftar! Sampai jumpa di kelas!

Sneak Peek

Key Points

icon_check

Meningkatkan skill slicing UI menggunakan Flutter

icon_check

Mendalami susunan widget pada Flutter

icon_check

Membangun sebuah Portfolio

icon_check

Menantang diri untuk belajar cepat sebagai Flutter Developer

icon_check

Mempelajari layout widget pada Flutter

icon_check

Memahami Basic State Management

Designed For

icon_check

Cocok untuk pemula yang ingin memiliki portofolio Flutter

icon_check

Cocok untuk pemula yang ingin mempelajari basic state management pada Flutter

icon_check

Cocok untuk yang ingin mempelajari proses Flutter design to code

icon_check

Cocok untuk pemula yang ingin mempelajari Flutter

Course Lessons

Learn With Expert

Mentor Tasya Agnes

Tasya Agnes

Front-End Developer

ic-star ic-star ic-star ic-star ic-star

(13.1K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(413.2K)

Our Happy Students

Review setelah bergabung di kelas Flutter & Dart Crash Course: Modern UI Design

All Rating
Ripat Al Safar at BuildWithAngga
Ripat Al Safar

Mobile App Developer

kelas ini sangat recomended untuk belajar slicing UI design to code bagi pemula read more

ic-star ic-star ic-star ic-star ic-star
Zikra Afnadi at BuildWithAngga
Zikra Afnadi

UX Designer

Sangat jelas read more

ic-star ic-star ic-star ic-star ic-star
Riski Ananda at BuildWithAngga
Riski Ananda

Lifetime Learner

Good materi untuk belajar slicing read more

ic-star ic-star ic-star ic-star ic-star
Rayhan Ampurama at BuildWithAngga
Rayhan Ampurama

Lifetime Learner

bermanfaat read more

ic-star ic-star ic-star ic-star ic-star
rivai arvian at BuildWithAngga
Rivai arvian

Full-Stack Developer

tkyou materinya read more

ic-star ic-star ic-star ic-star ic-star
Isfan Rachmad at BuildWithAngga
Isfan Rachmad

Lifetime Learner

Walaupun mentor kali ini lebih mudah dari umur saya, penjelasan nya jelas dan langsung to the point. Namun memang disarankan memahami dasar teori dari Flutter terlebih dahulu sebelum mengikuti kelas ini. Sehat dan Sukses selalu untuk Tim Build With Angga .. read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Flutter & Dart Crash Course: Modern UI Design Foto kelas Flutter & Dart Crash Course: Modern UI Design Foto kelas Flutter & Dart Crash Course: Modern UI Design

Flutter & Dart Crash Course: Modern UI Design

Learn how to build a delightful app

  • lock
    Export Asset (Day 1 - Splash Screen)
    1 minutes
  • lock
    Slicing First Splash Screen (Day 1)
    1 minutes

  • lock
    Export Asset (Day 2 - Get Started Screen)
    4 minutes
  • lock
    Slicing First Get Started Screen (Day 2)
    10 minutes

  • lock
    Export Asset (Day 3 - Sign In Screen)
    3 minutes
  • lock
    Slicing header (Day 3 - First Sign In Screen)
    6 minutes
  • lock
    Add TextFormField (Day 3 - First Sign In Screen)
    11 minutes
  • lock
    Add Button (Day 3 - First Sign In Screen)
    9 minutes

  • lock
    Export Asset (Day 4 - Empty State Screen)
    1 minutes
  • lock
    Add Theme TextStyle (Day 4 - Empty State Screen)
    6 minutes
  • lock
    Finishing Slicing (Day 4 - First Empty State Screen)
    9 minutes

  • lock
    Export Asset (Day 5 - Rating Screen)
    1 minutes
  • lock
    Add Theme Text Style (Day 5 - Rating Screen)
    5 minutes
  • lock
    Finishing Slicing (Day 5 - First Rating Screen)
    10 minutes

  • lock
    Export Asset (Day 6 - Pricing Screen)
    2 minutes
  • lock
    Add Header (Day 6 - First Pricing Screen)
    5 minutes
  • lock
    Add Widget Option (Day 6 - First Pricing Screen)
    11 minutes
  • lock
    Basic State Management (Day 6 - First Pricing Screen)
    1 minutes
  • lock
    Add Bottom Navigation Bar (Day 6 - Pricing Screen)
    6 minutes

  • lock
    Export Assets (Day 7- Random Screen)
    2 minutes
  • lock
    Add First Container (Day 7 - First Random Screen)
    12 minutes
  • lock
    Split Widget (Day 7 - First Random Screen)
    11 minutes
  • lock
    Add Second Container (Day 7 - First Random Screen)
    7 minutes
  • lock
    Finishing (Day 7 - First Random Screen)
    5 minutes

  • lock
    Day 1 - Slicing Second Splash Screen
    8 minutes
  • lock
    Day 2 - Slicing Second Get Started Screen
    12 minutes
  • lock
    Day 3 - Add Header & TextFormField (Second Sign In Screen)
    9 minutes
  • lock
    Day 3 - Add Button (Second Sign In Screen)
    8 minutes
  • lock
    Day 4 - Second Empty State Screen
    5 minutes
  • lock
    Day 5 - Finishing Slicing Second Rating Screen
    10 minutes
  • lock
    Day 6 - Add Header (Second Pricing Screen)
    7 minutes
  • lock
    Day 6 - Finishing Second Pricing Screen)
    13 minutes
  • lock
    Day 7 - Slicing Second Random Screen
    9 minutes
  • lock
    Day - 7- Finishing Second Random Screen
    9 minutes

  • lock
    Penutup
    1 minutes
Develop Your Skills

Saat ini terdapat dua sistem operasi yang mendominasi pasar yaitu iOS dan Android. Dengan Flutter, seorang Developer dapat menciptakan satu aplikasi yang dapat berjalan di kedua platform tersebut. Flutter adalah sebuah framework open-source yang dikembangkan oleh Google. Framework ini digunakan untuk membangun aplikasi lintas platform dengan antarmuka pengguna (UI) yang indah dan responsif. Flutter menggunakan bahasa pemrograman Dart, yang dikembangkan oleh Google sebagai bahasa yang digunakan untuk membangun aplikasi menggunakan Flutter. Dart adalah bahasa yang efisien, dengan sintaks yang modern dan mendukung pemrograman berorientasi objek.

Dalam pengembangan Flutter, Dart digunakan untuk mengatur logika bisnis aplikasi, menghubungkan dengan API backend, dan mengelola interaksi antara komponen UI. Flutter menggunakan pendekatan "widget" yang sangat fleksibel dan dapat disesuaikan. Widget dalam Flutter merepresentasikan komponen visual seperti tombol, teks, gambar, tata letak, dan masih banyak lagi. Dengan menggunakan widget ini, pengembang dapat dengan mudah membangun dan mengatur UI dengan cepat.

Flutter juga memiliki ekosistem yang aktif dengan berbagai paket dan plugin yang tersedia untuk memperluas fungsionalitas aplikasi. Flutter juga memiliki dukungan yang kuat dari komunitas pengembang yang berarti ada banyak sumber daya dan dokumentasi yang tersedia untuk mempelajari dan memperdalam penggunaan Flutter. Maka dari itu, Flutter telah menjadi pilihan populer bagi para pengembang untuk membangun aplikasi mobile.

Pada seri kelas Flutter ini, kita akan praktik menggunakan Widget untuk Slicing desain UI. Mentor kami akan menunjukan proses design to code dari beragam desain yang mendukung dua skema warna (dark mode dan light mode). Kita akan fokus mendalami Layout Widget untuk menyusun UI seperti Container, Column, Row, dll. Dan kita akan memahami cara mengatur state di antara layar aplikasi agar pengambilan data UI menjadi mudah. Kelas ini dapat menjadi sarana belajar yang tepat karena kamu dapat belajar secara terstruktur dan bangun portfolio yang berguna untuk karir menjanjikan sebagai Flutter Developer.

Kelas ini sangat cocok bagi kamu yang ingin membangun aplikasi menarik dengan menggunakan framework modern yang dapat menghemat waktu dan biaya. Sebelum mendaftar, diharapkan kamu telah memiliki pemahaman dasar tentang Dokumentasi Flutter atau pernah mengambil kelas Starter Flutter yang telah kami sediakan. Bagi kamu yang sudah siap upgrade skill Flutter, silakan langsung mendaftar! Sampai jumpa di kelas!

read more
Key Points
  • check
    Meningkatkan skill slicing UI menggunakan Flutter
  • check
    Mendalami susunan widget pada Flutter
  • check
    Membangun sebuah Portfolio
  • check
    Menantang diri untuk belajar cepat sebagai Flutter Developer
  • check
    Mempelajari layout widget pada Flutter
  • check
    Memahami Basic State Management
Created For
  • check
    Cocok untuk pemula yang ingin memiliki portofolio Flutter
  • check
    Cocok untuk pemula yang ingin mempelajari basic state management pada Flutter
  • check
    Cocok untuk yang ingin mempelajari proses Flutter design to code
  • check
    Cocok untuk pemula yang ingin mempelajari Flutter
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
2,256
Happy Students
Ripat Al Safar at BuildWithAngga
Ripat Al Safar

Mobile App Developer

kelas ini sangat recomended untuk belajar slicing UI design to code bagi pemula

ic-star ic-star ic-star ic-star ic-star
Zikra Afnadi at BuildWithAngga
Zikra Afnadi

UX Designer

Sangat jelas

ic-star ic-star ic-star ic-star ic-star
Riski Ananda at BuildWithAngga
Riski Ananda

Lifetime Learner

Good materi untuk belajar slicing

ic-star ic-star ic-star ic-star ic-star
Rayhan Ampurama at BuildWithAngga
Rayhan Ampurama

Lifetime Learner

bermanfaat

ic-star ic-star ic-star ic-star ic-star
rivai arvian at BuildWithAngga
rivai arvian

Full-Stack Developer

tkyou materinya

ic-star ic-star ic-star ic-star ic-star
Isfan Rachmad at BuildWithAngga
Isfan Rachmad

Lifetime Learner

Walaupun mentor kali ini lebih mudah dari umur saya, penjelasan nya jelas dan langsung to the point. Namun memang disarankan memahami dasar teori dari Flutter terlebih dahulu sebelum mengikuti kelas ini. Sehat dan Sukses selalu untuk Tim Build With Angga ..

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 550,000

arrow_upward