Premium Edition

7 Days of Code: Mastering Flutter User-Interface Design

Learn how to build a delightful app

Member

326 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Saat ini ada dua sistem operasi yang mendominasi pasar: iOS dan Android. Dengan Flutter, seorang Developer dapat menciptakan satu aplikasi yang dapat berjalan di kedua platform tersebut. Pengembangan aplikasi tidak hanya menjadi efisien, melainkan juga mudah untuk dimaintain. Dengan komunitas yang semakin berkembang, saat ini kita dapat belajar Flutter lebih mudah melalui Dokumentasi Flutter, GitHub Repository, dan kelas Flutter di BWA. Kelas ini dapat menjadi sarana belajar yang tepat karena Anda dapat belajar secara terstruktur dan bangun portfolio yang berguna untuk karir menjanjikan sebagai Flutter Developer.

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 cocok bagi Anda yang ingin membangun aplikasi menarik dengan framework moderen agar hemat waktu dan uang. Diharapkan Anda telah memahami Dokumentasi atau pernah mengambil kelas Starter Flutter kami, ya. Bagi kalian yang sudah siap upgrade skill Flutter, silakan langsung mendaftar! Sampai jumpa di kelas!

Demo Project

Key Points

Meningkatkan skill slicing UI menggunakan Flutter

Mendalami susunan widget pada Flutter

Membangun sebuah Portfolio

Menantang diri untuk belajar cepat sebagai Flutter Developer

Mempelajari layout widget pada Flutter

Memahami Basic State Management

Sneak Peek

Designed For

Cocok untuk pemula yang ingin memiliki portofolio Flutter

Cocok untuk pemula yang ingin mempelajari basic state management pada Flutter

Cocok untuk yang ingin mempelajari proses Flutter design to code

Cocok untuk pemula yang ingin mempelajari Flutter

Learn With Expert

Tasya Agnes

Flutter Developer

Profile Mentor

Angga Risky

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Introduction Kelas

play_circle

Perkenalan 7 Days Challenge

1 mins

play_circle

Perkenalan Mentor

1 mins

2

Warming Up

play_circle

Perkenalan Flutter

1 mins

play_circle

Pengenalan Basic Widget (Penjelasan basic-basic widget Flutter)

2 mins

lock

Penjelasan Flow Kelas

1 mins

3

UI Design to Code Day - 1 Splash Screen

lock

Export Asset (Day 1 - Splash Screen)

1 mins

lock

Slicing First Splash Screen (Day 1)

1 mins

4

UI Design to Code Day 2 - Get Started Screen

lock

Export Asset (Day 2 - Get Started Screen)

4 mins

lock

Slicing First Get Started Screen (Day 2)

10 mins

5

UI Design to Code Day 3 - Sign In Screen

lock

Export Asset (Day 3 - Sign In Screen)

3 mins

lock

Slicing header (Day 3 - First Sign In Screen)

6 mins

lock

Add TextFormField (Day 3 - First Sign In Screen)

11 mins

lock

Add Button (Day 3 - First Sign In Screen)

9 mins

6

UI Design to Code Day 4 - Empty State Screen

lock

Export Asset (Day 4 - Empty State Screen)

1 mins

lock

Add Theme TextStyle (Day 4 - Empty State Screen)

6 mins

lock

Finishing Slicing (Day 4 - First Empty State Screen)

9 mins

7

UI Design to Code Day 5 - Rating Screen

lock

Export Asset (Day 5 - Rating Screen)

1 mins

lock

Add Theme Text Style (Day 5 - Rating Screen)

5 mins

lock

Finishing Slicing (Day 5 - First Rating Screen)

10 mins

8

UI Design to Code Day 6 - Pricing Screen

lock

Export Asset (Day 6 - Pricing Screen)

2 mins

lock

Add Header (Day 6 - First Pricing Screen)

5 mins

lock

Add Widget Option (Day 6 - First Pricing Screen)

11 mins

lock

Basic State Management (Day 6 - First Pricing Screen)

1 mins

lock

Add Bottom Navigation Bar (Day 6 - Pricing Screen)

6 mins

9

UI Desing to Code Day 7 - Home Screen

lock

Export Assets (Day 7- Random Screen)

2 mins

lock

Add First Container (Day 7 - First Random Screen)

12 mins

lock

Split Widget (Day 7 - First Random Screen)

11 mins

lock

Add Second Container (Day 7 - First Random Screen)

7 mins

lock

Finishing (Day 7 - First Random Screen)

5 mins

10

Extra Days Learning

lock

Day 1 - Slicing Second Splash Screen

8 mins

lock

Day 2 - Slicing Second Get Started Screen

12 mins

lock

Day 3 - Add Header & TextFormField (Second Sign In Screen)

9 mins

lock

Day 3 - Add Button (Second Sign In Screen)

8 mins

lock

Day 4 - Second Empty State Screen

5 mins

lock

Day 5 - Finishing Slicing Second Rating Screen

10 mins

lock

Day 6 - Add Header (Second Pricing Screen)

7 mins

lock

Day 6 - Finishing Second Pricing Screen)

13 mins

lock

Day 7 - Slicing Second Random Screen

9 mins

lock

Day - 7- Finishing Second Random Screen

9 mins

11

Penutup

lock

Penutup

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Flutter SDK

Software Gratis

Download Now

Figma

Software Gratis

Download Now

Dart

Software Gratis

Download Now

326 Happy Members

Review setelah bergabung di kelas 7 Days of Code: Mastering Flutter User-Interface Design

Ripat Al Safar

Full-Stack Developer

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

Awalif Ghotamicha

Full-Stack Developer

The best of the best

Ratana Chanda Sutj

Full-Stack Developer

Daging isi nya padat seperti KOBE BEEF... empuk tapi padat.. nice mentor

M. Rian07

Mobile App Developer

boleh lah

Featured Projects

0 Hasil karya terbaik di kelas 7 Days of Code: Mastering Flutter User-Interface Design

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 123,456

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Berlangganan

Rp 0

Mengikuti kelas dengan waktu yang
terbatas dan biaya lebih hemat

Akses kelas terbatas

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Subscribe Kelas Lihat Benefit Lainnya

Pertanyaan Umum

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

WhatsApp Admin

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.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

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 BuildWith Angga. Silahkan 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 BuildWith Angga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 123,456

Rp 445,000

Beli Kelas