Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Learn Flutter & Adobe XD: Build a Complete Mobile App
Kelas Online
Learn Flutter & Adobe XD: Build a Complete Mobile App
How to become Full-Stack Designer and Developer
Release date November 2021
Last updated December 2024
Member
631 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Faktor pertama yang menjadi alasan pengguna menggunakan aplikasi e-commerce adalah tampilan antarmuka (UI) yang menarik. UI yang dirancang dengan baik dapat menanamkan kepercayaan pada produk yang ditawarkan, yang nantinya berpengaruh penting terhadap kelancaran bisnis produk tersebut. Kelas ini akan membahas proses pengembangan UI pada sisi Front-End secara lengkap, dari mendesain UI dengan Adobe XD sampai slicing desain ke Flutter.
Melalui case study “E-Commerce Story”, Adobe XD digunakan untuk membangun komponen UI (icon, tipografi, gambar, warna, dll) menjadi sebuah aplikasi utuh. Dengan Adobe XD, kita bisa menghasilkan high quality design sekaligus prototype guna memeriksa apakah interaksi dan navigasi pilihan kita sudah dirasa sesuai untuk dipakai secara nyata. Setelah desain selesai dibuat, proses berlanjut pada tahapan slicing design asset ke Flutter SDK. Slicing dilakukan untuk menulis coding dalam satu basis kode dengan beragam Widget praktis seperti Scaffold, Drawer, hingga Navigator.
Kelas ini cocok bagi Anda yang ingin mendalami desain aplikasi berskala besar. Bila menemukan kendala selama belajar, silakan berkonsultasi dengan para Mentor ahli kami di grup konsultasi. Segera daftar dan kami tunggu di kelas, ya!
Sneak Peek
Key Points
Mendesain aplikasi e-commerce dengan Adobe XD
Prototype UI Design dengan Adobe XD
Memahami Widget pada Flutter
Slicing UI Design ke Real Project dengan Flutter
Deploy Project ke Play Store
Designed For
Anda yang ingin mempelajari proses Design to Code
Anda yang ingin mempelajari UI/UX Design dengan Adobe XD
Anda yang ingin mempelajari Slicing UI ke Flutter
Anda yang ingin membangun aplikasi e-commerce
Anda yang ingin memiliki portofolio yang menjual
Anda yang ingin menjadi Front-End Developer
Course Lessons
Learn With Expert
Fini Charisa
UI Designer
(8.2K)
Tasya Agnes
Front-End Developer
(13.1K)
Muhammad Yafi Azka
Mobile App Developer
Penjelasannya yang jelas, langkah-langkahnya yang mudah diikuti, dan contoh-contohnya yang sangat membantu, sangat direkomendasikan bagi siapapun yang ingin belajar Flutter. read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Adobe XD
Software Gratis
Flutter SDK
Software Gratis
VSCode
Software Gratis
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
(5,762)
(3,749)
(3,498)
Learn Flutter & Adobe XD: Build a Complete Mobile App
How to become Full-Stack Designer and Developer
-
Perkenalan Mentor 1 (Tasya)1 minutes -
Perkenalan Mentor 2 (Fini)1 minutes
-
Perkenalan UI3 minutes
-
Perkenalan UX3 minutes
-
Tools5 minutes
-
icon7 minutes
-
Grid dan jarak6 minutes
-
Warna4 minutes
-
Tipografi dan Font5 minutes
-
Understand Part 14 minutes
-
Understand part 26 minutes
-
Research6 minutes
-
User Flow10 minutes
-
Wireframe Sketch5 minutes
-
Perkenalan Tools Adobe XD Part 19 minutes
-
Perkenalan Tools Adobe XD part 25 minutes
-
Document Asset Typography7 minutes
-
Document Asset Color3 minutes
-
Home - Header9 minutes
-
Home - Banner & Categories10 minutes
-
Home - Product and Menu Bar9 minutes
-
Home - Fix When Scrolling2 minutes
-
Search Page4 minutes
-
Product Page Part 19 minutes
-
Product Detail part 24 minutes
-
Cart Page8 minutes
-
Checkout Page10 minutes
-
Login Page7 minutes
-
Register Page2 minutes
-
Onboarding Screen6 minutes
-
Empty State3 minutes
-
Profile11 minutes
-
Edit Profile6 minutes
-
Address2 minutes
-
History Page9 minutes
-
History Detail3 minutes
-
Notification6 minutes
-
Prototype Part 17 minutes
-
Prototype - Product Detail Part 21 minutes
-
Prototype Part 38 minutes
-
Membuat link & view setting5 minutes
-
Export Asset11 minutes
-
Perkenalan Kelas (Adobe XD x Flutter Class)2 minutes
-
Export Asset From Adobe XD6 minutes
-
Get Started Page - 1. Create New Project7 minutes
-
Get Started Page - 2. Add Body8 minutes
-
Get Started Page - Finishing4 minutes
-
Login Page - 1. Add Header8 minutes
-
Login Page - 2. Add TextFormField9 minutes
-
Login Page - Finishing13 minutes
-
Register Page - 1. Add body9 minutes
-
Register Page - Finishing5 minutes
-
Home Page - 1. Export Asset & Add Navigator9 minutes
-
Home Page - 2. Add First Header10 minutes
-
Home Page - Finishing Header3 minutes
-
Home Page - 3. Add Banner16 minutes
-
Home Page - 4. Add Categories15 minutes
-
Home Page - Add Product List12 minutes
-
Home Page - Split Widget Product List12 minutes
-
Home Page - Export Asset Bottom NavBar5 minutes
-
Home Page - Bottom Navigation Bar (Finishing)11 minutes
-
Product Page - Add Body13 minutes
-
Product Page - Bottom Navigation Bar6 minutes
-
Search Page16 minutes
-
Cart Page - Add Body14 minutes
-
Cart Page - Finishing9 minutes
-
Detail Page - Add Header8 minutes
-
Detail Page - Add Body7 minutes
-
Detail Page - Add Body Part II15 minutes
-
Detail Page - Finishing9 minutes
-
Notification Page - Add Body16 minutes
-
Notification Page - Finishing6 minutes
-
Order Details - Add Header15 minutes
-
Order Details - Add Order Summary7 minutes
-
Order Details - Finishing10 minutes
-
Payment Success Page9 minutes
-
Profile Page - Add Header9 minutes
-
Profile Page - Add Body13 minutes
-
Profile Page - Add Bottom Navigation Bar7 minutes
-
Edit Profile Page - Add Header5 minutes
-
Edit Profile Page - Finishing9 minutes
-
Create New Address11 minutes
-
Edit Address Page10 minutes
-
Order History - Add Header6 minutes
-
Order History - Add Body12 minutes
-
Add Finishing Page4 minutes
-
Adding Navigator - Flow Page15 minutes
-
Closing1 minutes
Develop Your Skills
Faktor pertama yang menjadi alasan pengguna menggunakan aplikasi e-commerce adalah tampilan antarmuka (UI) yang menarik. UI yang dirancang dengan baik dapat menanamkan kepercayaan pada produk yang ditawarkan, yang nantinya berpengaruh penting terhadap kelancaran bisnis produk tersebut. Kelas ini akan membahas proses pengembangan UI pada sisi Front-End secara lengkap, dari mendesain UI dengan Adobe XD sampai slicing desain ke Flutter.
Melalui case study “E-Commerce Story”, Adobe XD digunakan untuk membangun komponen UI (icon, tipografi, gambar, warna, dll) menjadi sebuah aplikasi utuh. Dengan Adobe XD, kita bisa menghasilkan high quality design sekaligus prototype guna memeriksa apakah interaksi dan navigasi pilihan kita sudah dirasa sesuai untuk dipakai secara nyata. Setelah desain selesai dibuat, proses berlanjut pada tahapan slicing design asset ke Flutter SDK. Slicing dilakukan untuk menulis coding dalam satu basis kode dengan beragam Widget praktis seperti Scaffold, Drawer, hingga Navigator.
Kelas ini cocok bagi Anda yang ingin mendalami desain aplikasi berskala besar. Bila menemukan kendala selama belajar, silakan berkonsultasi dengan para Mentor ahli kami di grup konsultasi. Segera daftar dan kami tunggu di kelas, ya!
read more
Learn With Expert
Key Points
-
Mendesain aplikasi e-commerce dengan Adobe XD
-
Prototype UI Design dengan Adobe XD
-
Memahami Widget pada Flutter
-
Slicing UI Design ke Real Project dengan Flutter
-
Deploy Project ke Play Store
Created For
-
Anda yang ingin mempelajari proses Design to Code
-
Anda yang ingin mempelajari UI/UX Design dengan Adobe XD
-
Anda yang ingin mempelajari Slicing UI ke Flutter
-
Anda yang ingin membangun aplikasi e-commerce
-
Anda yang ingin memiliki portofolio yang menjual
-
Anda yang ingin menjadi Front-End Developer
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
631
Happy Students
Happy Students
Syam
Full-Stack Developer
Nice
Roki Ronaldi
Mobile App Developer
Excellent! Thanks BWA..
Muhammad Yafi Azka
Mobile App Developer
Penjelasannya yang jelas, langkah-langkahnya yang mudah diikuti, dan contoh-contohnya yang sangat membantu, sangat direkomendasikan bagi siapapun yang ingin belajar Flutter.
Ilham Faturahman
Front-End Developer
Terbaik
Vigo Firmansyah Putra
Full-Stack Developer
Sangat informatif dan mudah dimengerti
Hendrawan Wibowo
Mobile App Developer
Kelas menambah insight baru terkait flutter
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
