Premium Edition

Learn Flutter & Figma UI Animation: Build a Furniture Store App

Level up your skills in design and code

Member

35 enrolled

Tingkatan
Sertifikat
Konsultasi

Develop Your Skills

Kebutuhan masyarakat akan aplikasi yang bisa memudahkan kegiatan sehari-hari semakin meningkat seiring kemajuan teknologi. Saat ini telah banyak perusahaan yang mencari developer supaya mereka bisa menjual produk (barang atau jasa) yang bisa menjangkau pembeli lebih luas secara online. Untuk menjadi developer, kita tidak diharuskan memahami semua ilmu desain, namun setidaknya kita bisa mengenal dasarnya agar bisa merealisasikan desain ke dalam kode menjadi satu aplikasi utuh secara lebih efektif. Kelas ini adalah media yang tepat untuk belajar design dan coding sekaligus. Bersama Mentor, Anda akan menciptakan aplikasi bermanfaat dengan menambahkan animasi pada aplikasi yang dibuat agar lebih menarik dan interaktif.

Para Mentor ahli kami akan menjelaskan cara membuat aplikasi furnitur dari tahapan design to code memakai framework andalan Google Flutter SDK. Dengan memakai tool desain populer Figma, Anda akan mengetahui dasar-dasar pembuatan mockup yang interaktif sebagai gambaran jadi aplikasi atau yang biasa dikenal sebagai prototype. Lalu Anda akan belajar mengaplikasikan animasi antara screen agar prototype menjadi lebih hidup. Setelah itu, proses akan berlanjut ke slicing dengan beragam Widget Flutter yang siap pakai sehingga pekerjaan developer bisa lebih efisien, hemat waktu dan tenaga.

Kelas ini sesuai bagi Anda yang ingin memperdalam pengembangan aplikasi mobile secara lengkap pada sisi front-end. Nantinya aplikasi yang berhasil dibangun bisa jadi portofolio untuk melamar kerja atau keperluan bisnis pribadi Anda. Bila menemui kesulitan saat belajar, silakan bertanya langsung pada Mentor kami melalui grup Telegram, ya. Segera daftar dan kami tunggu di kelas!

Key Points

Memahami dasar Prototype & Animation

Memahami dasar MicroInteraction

Membuat Animation (20 case study) untuk mobile app

Mempresentasikan desain menggunakan Animation

Memahami Widget pada Flutter

Slicing desain ke real project dengan Flutter

Sneak Peek

Designed For

Anda yang ingin mempelajari Smart Animate pada Figma

Anda yang ingin mempelajari Microinteraction

Anda yang ingin mendalami Prototype

Anda yang ingin mendalami slicing desain dari Figma ke Flutter

Anda yang ingin memiliki portofolio aplikasi yang menjual

Anda yang ingin menjadi Front-End Developer profesional

Histori Judul

  • Flutter UI Animation

Learn With Expert

Jalu Detya

UI/UX Designer

Profile Mentor

Rifqi Eka

Full-Stack 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

play_circle

Perkenalan Mentor

1 mins

play_circle

Alasan kelas dibuat

1 mins

2

Basic

play_circle

Introduction Micro Interaction

5 mins

play_circle

Dasar Prototype, Interaction & animation

4 mins

3

Studi Kasus

lock

Splashscreen/Loading Animation

9 mins

lock

Onboarding Animation

10 mins

lock

Sign In Animation (Typing Animation)

13 mins

lock

Sign In Animation (Alert)

9 mins

lock

Homepage Animation

4 mins

lock

Detail Page Animation (Part 1)

5 mins

lock

Detail Page Animation (Part 2)

6 mins

lock

Detail Page Animation (Part 3)

9 mins

lock

Search Feature - Skeleton animation (Part 1)

12 mins

lock

Search Feature - Tab Animation (Part 2)

5 mins

lock

Category (Horizontal Scroll & Slide Animation)

6 mins

lock

Wishlist

8 mins

lock

Pull to refresh

4 mins

lock

Switch to dark mode animation

5 mins

lock

Full Prototype (Part 1)

10 mins

lock

Full Prototype (Part 2)

10 mins

lock

Full Prototype (Part 3)

4 mins

4

Bonus Materi

lock

Present your design with animation (Part 1)

8 mins

lock

Present your design with animation (Part 2)

11 mins

5

Perkenalan Flutter

lock

Pengenalan Kelas

2 mins

lock

Menjalankan Prototype

5 mins

lock

Membuat Dan Menjalankan Projek

4 mins

lock

Melakukan Export Assets Bagian 1

7 mins

lock

Melakukan Export Assets Bagian 2

9 mins

lock

Melakukan Import Assets

3 mins

lock

Menambahkan Asset Warna

9 mins

lock

Menambahkan Google Fonts

7 mins

lock

Melakukan Slicing Splash Page

7 mins

6

Onboarding

lock

Menambahkan Onboarding Page

7 mins

lock

Menambahkan Carousel Slider Pada Onboarding Page

12 mins

lock

Menambahkan Indikator Dan Controller

5 mins

7

Sign In

lock

Membuat Halaman Sign In & Navigasi

4 mins

lock

Sign In Page - Title

4 mins

lock

Sign In Page - Email Password

6 mins

lock

Sign In Page - Checkbox & Login Button

7 mins

lock

Sign In Page - Login With Google & Register Button

6 mins

lock

Sign In Page - Error Toast

7 mins

lock

Sign In Page - Menambahkan State Error & Loading

7 mins

8

Home

lock

Home Page - Bottom Navbar

7 mins

lock

Home Page - Header & Search Bar

8 mins

lock

Home Page - Category Bagian 1

8 mins

lock

Home Page - Category Bagian 2

9 mins

lock

Home Page - Popular Bagian 1

8 mins

lock

Home Page - Popular Bagian 2

7 mins

9

Search

lock

Search Page - AppBar

7 mins

lock

Search Page - Recommendation

7 mins

lock

Search Page Result - AppBar

7 mins

lock

Search Result Page - Loading Bagian 1

7 mins

lock

Search Result Page - Loading bagian 2

8 mins

lock

Search Result Page - Grid & List

9 mins

lock

Search Result Page - Dynamic Grid & List

4 mins

10

Category

lock

Category Page

7 mins

11

Wishlist

lock

Wishlist Page

6 mins

12

Profile

lock

Profile Page - Slicing Bagian 1

10 mins

lock

Profile Page - Slicing Bagian 2

8 mins

lock

Profile Page - Transisi Bagian 1

8 mins

lock

Profile Page - Transisi Bagian 2

4 mins

13

Detail

lock

Detail Page - Bagian 1

7 mins

lock

Detail Page - Bagian 2

7 mins

lock

Detail Page - Bagian 3

9 mins

lock

Detail Page - Bagian 4

10 mins

lock

Detail Page - Bagian 5

9 mins

lock

Detail Page - See More Button

5 mins

lock

Detail Page - Review Bagian 1

7 mins

lock

Detail Page - Review Bagian 2

7 mins

14

Penutup

lock

Penutup

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Flutter SDK

Software Gratis

Download Now

Figma

Software Gratis

Download Now

VSCode

Software Gratis

Download Now

35 Happy Members

Review setelah bergabung di kelas Learn Flutter & Figma UI Animation: Build a Furniture Store App

Abdul Aziz Permana

Mobile App Developer

Baguss buat pemula

Featured Projects

0 Hasil karya terbaik di kelas Learn Flutter & Figma UI Animation: Build a Furniture Store 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 111,111

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 111,111

Rp 548,000

Beli Kelas