Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Flutter & Dart Crash Course: Modern UI Design
Kelas Online
Flutter & Dart Crash Course: Modern UI Design
Learn how to build a delightful app
Release date August 2021
Last updated December 2024
Member
2,259 enrolled
Tingkatan
Sertifikat
Konsultasi
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
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
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
Course Lessons
Learn With Expert
Tasya Agnes
Front-End Developer
(13.1K)
Angga Risky S
Full-Stack Developer
(418.2K)
Ripat Al Safar
Mobile App Developer
kelas ini sangat recomended untuk belajar slicing UI design to code bagi pemula read more
Irsan Nur Hidayat
Lifetime Learner
Bagus untuk awalan menggunakan flutter, tetapi karena saya menggunakan windows, tentu perlu penyesuaian karena emulator yang digunakan juga berbeda. read more
TigaMei Siahaan
UI Designer
Thank you! Kelasnya sangat membantu untuk pemula,benar-benar mendetail,next memperdalam connection API saja untuk siap jadi front-end mobile apps. read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software Gratis
Flutter SDK
Software Gratis
Figma
Software Gratis
Dart
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)
Flutter & Dart Crash Course: Modern UI Design
Learn how to build a delightful app
-
Perkenalan 7 Days Challenge1 minutes -
Perkenalan Mentor1 minutes
-
Perkenalan Flutter1 minutes
-
-
Penjelasan Flow Kelas1 minutes
-
Export Asset (Day 1 - Splash Screen)1 minutes
-
Slicing First Splash Screen (Day 1)1 minutes
-
Export Asset (Day 2 - Get Started Screen)4 minutes
-
Slicing First Get Started Screen (Day 2)10 minutes
-
Export Asset (Day 3 - Sign In Screen)3 minutes
-
Slicing header (Day 3 - First Sign In Screen)6 minutes
-
Add TextFormField (Day 3 - First Sign In Screen)11 minutes
-
Add Button (Day 3 - First Sign In Screen)9 minutes
-
Export Asset (Day 4 - Empty State Screen)1 minutes
-
Add Theme TextStyle (Day 4 - Empty State Screen)6 minutes
-
Finishing Slicing (Day 4 - First Empty State Screen)9 minutes
-
Export Asset (Day 5 - Rating Screen)1 minutes
-
Add Theme Text Style (Day 5 - Rating Screen)5 minutes
-
Finishing Slicing (Day 5 - First Rating Screen)10 minutes
-
Export Asset (Day 6 - Pricing Screen)2 minutes
-
Add Header (Day 6 - First Pricing Screen)5 minutes
-
Add Widget Option (Day 6 - First Pricing Screen)11 minutes
-
Basic State Management (Day 6 - First Pricing Screen)1 minutes
-
Add Bottom Navigation Bar (Day 6 - Pricing Screen)6 minutes
-
Export Assets (Day 7- Random Screen)2 minutes
-
Add First Container (Day 7 - First Random Screen)12 minutes
-
Split Widget (Day 7 - First Random Screen)11 minutes
-
Add Second Container (Day 7 - First Random Screen)7 minutes
-
Finishing (Day 7 - First Random Screen)5 minutes
-
Day 1 - Slicing Second Splash Screen8 minutes
-
Day 2 - Slicing Second Get Started Screen12 minutes
-
Day 3 - Add Header & TextFormField (Second Sign In Screen)9 minutes
-
Day 3 - Add Button (Second Sign In Screen)8 minutes
-
Day 4 - Second Empty State Screen5 minutes
-
Day 5 - Finishing Slicing Second Rating Screen10 minutes
-
Day 6 - Add Header (Second Pricing Screen)7 minutes
-
Day 6 - Finishing Second Pricing Screen)13 minutes
-
Day 7 - Slicing Second Random Screen9 minutes
-
Day - 7- Finishing Second Random Screen9 minutes
-
Penutup1 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
Learn With Expert
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
Created 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
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
2,259
Happy Students
Happy Students
Ripat Al Safar
Mobile App Developer
kelas ini sangat recomended untuk belajar slicing UI design to code bagi pemula
Irsan Nur Hidayat
Lifetime Learner
Bagus untuk awalan menggunakan flutter, tetapi karena saya menggunakan windows, tentu perlu penyesuaian karena emulator yang digunakan juga berbeda.
Rayhan Ampurama
Lifetime Learner
bermanfaat
rivai arvian
Full-Stack Developer
tkyou materinya
TigaMei Siahaan
UI Designer
Thank you! Kelasnya sangat membantu untuk pemula,benar-benar mendetail,next memperdalam connection API saja untuk siap jadi front-end mobile apps.
Muhammad Arkan F W
Full-Stack Developer
mantep
Tools Pendukung
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.