Premium Edition

Mastering UI Design to Flutter: Jobs App

Mastering your skills in design and code

Member

271 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Menurut laporan di Stack Overflow, Flutter memiliki potensi untuk menjadi salah satu pilihan terbaik untuk mobile app development. Sejak awal kemunculannya di 2018, trend Flutter bahkan mampu menyaingi tool development lain seperti Angular dan Xamarin. Flutter memiliki ciri khas pemrograman dengan sekali coding saja dan bisa diimplementasikan ke beberapa platform yang biasa kita gunakan sehari-hari.

Pada case study, kita akan belajar Slicing UI dengan Flutter SDK. Kita akan mengubah design (icon, font, navigation, dll) ke dalam bentuk code sehingga bisa menjadi sebuah aplikasi yang berguna. Dengan bekal pemahaman design dan coding yang baik, Developer dapat membangun aplikasi secara efisien sehingga bisa lebih hemat budget dan waktu.

Kelas ini cocok untuk Anda yang ingin mendalami mobile app development. Mentor ahli kami akan siap membantu melalui grup konsultasi dan juga akan ada sertifikat yang bermanfaat untuk karirmu sebagai Developer Flutter. Ayo daftar dan kami tunggu di kelas!

Demo Project

Key Points

Memahami Slicing UI Design ke Real Project Flutter

Memahami Widget pada Flutter

Membangun Aplikasi dengan Flutter

Membangun portofolio yang menjual

Sneak Peek

Designed For

Anda yang ingin mempelajari Slicing UI ke Flutter

Anda yang ingin memahami proses Design to Code

Anda yang ingin memiliki portofolio yang menjual

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

UI Design to Code (Splash Screen)

play_circle

Slicing UI - Menambahkan Asset Logo Splash Screen Part 1

5 mins

lock

Slicing UI - Menambahkan Text Splash Screen Part 2

4 mins

play_circle

Slicing UI - Menambahkan State Timer Splash Screen Part 3

3 mins

2

UI Design to Code (Started Page)

lock

Slicing UI - Import Background Image (Started Page #1)

4 mins

lock

Slicing UI - Add Text (Started Page #2)

6 mins

lock

Slicing UI - Add Get Started Button (Started Page #3)

6 mins

lock

Slicing UI - Add Sign In Button (Started Page #4)

6 mins

3

UI Design to Code (Sign In & Sign Up Page)

lock

Slicing UI - Add Text (Sign In Page #1)

5 mins

lock

Slicing UI - Add Image (Sign In Page #2)

3 mins

lock

Slicing UI - Add TextFormField (Sign In Page #3)

7 mins

lock

Slicing UI - Add Button (Sign In Page #4)

6 mins

play_circle

Slicing UI - Add Email Validator (Sign In Page #5)

8 mins

lock

Add Text and Image (Sign up page #1)

6 mins

lock

Add TextFormField (Sign up page #2)

8 mins

lock

Add Button (Sign up page #3)

6 mins

lock

Challenge - Add State (Sign Up Page)

1 mins

lock

Add State Image (Sign Up Page #4)

6 mins

4

UI Design to Code (Home Page)

play_circle

Add Text & Image Asset (HomePage#1)

8 mins

lock

Add Categories Section(Home Page#2)

9 mins

lock

Add Split Widget Category (Home Page #3)

8 mins

lock

Add Just Posted Properties (Home Page #4)

5 mins

lock

Add first job list (Home Page #5)

4 mins

lock

Add split widget job list (Home Page #6)

8 mins

lock

Add Bottom Navigation Bar

6 mins

5

UI Design to Code (Second Home Page)

lock

Add Stack (Second Home Page #1)

9 mins

lock

Add List (Second Home Page #2)

6 mins

lock

Add State (Second Home Page #3)

4 mins

6

UI Design to Code (Detail Page)

lock

Add Header (Detail Page #1)

7 mins

lock

Add Body (Detail Page #2)

14 mins

lock

Add button (Detail Page #3)

8 mins

lock

Add state (Detail Page #4)

12 mins

7

Closing

lock

Penutup

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Figma

Software Gratis

Download Now

271 Happy Members

Review setelah bergabung di kelas Mastering UI Design to Flutter: Jobs App

Adi Christian

Full-Stack Developer

mantap

Milzam Dwi Kirana

Full-Stack Developer

Muantaapp sekali. Semoga bisa lebih jelas dan singkat untuk penjelasan Class-class dari material flutternya

Abdul Azis

Mobile App Developer

Bagus bnget jdi dapet bnyk ilmu

Reza Rahman Hakim

Mobile App Developer

Mantap

Nanang Fauzan N.

Front-End Developer

Mudah dimengerti dan sangat respon di grup

Zaldi Abdul Hadi

Mobile App Developer

Mantap

ADHI WALUYO

Mobile App Developer

mantab

Handika Rafli Arya

Full-Stack Developer

secara design bagus, tapi penjelasan saat penulisan code saya rasa kurang.

robertus bagaskara

Lifetime Learner

Design UI yang dikerjakan cukup menarik dan banyak teknik yang diajarkan untuk membangun UI Flutter. Alangkah lebih baik lagi jika diberikan tips bagaimana membuat design nya responsif terhadap semua resolusi layar handphone.

Featured Projects

0 Hasil karya terbaik di kelas Mastering UI Design to Flutter: Jobs App

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 225,000

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 225,000

Beli Kelas