Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Building Design System with React JS & Storybook
Kelas Online
Building Design System with React JS & Storybook
Make your design system better with ReactJS
Release date September 2022
Last updated October 2024
Member
238 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Design system mampu menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.
Bersama mentor Yein, kita akan diarahkan memahami design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.
Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!
Sneak Peek
Key Points
Membangun karir menjadi seorang Design System expert
Belajar techstack pendukung seperti Figma & tailwind CSS
Membangun Design System dengan ReactJS & NextJS
Introduction & deep learning terkait Design System
Designed For
Anda yang ingin memiliki portfolio yang menjual
Anda yang ingin belajar dari mentor berpengalaman
Anda yang ingin memahami poin penting Design System
Anda yang ingin belajar membangun Design System
Course Lessons
Learn With Expert
.png)
Yein Narayana
Full-Stack Developer
(56.9K)
.png)
Angga Risky
Full-Stack Developer
(411.4K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
(2,256)
.png)
.png)
QA Engineer: API Testing with Cypress
Rp
550,000
Rp
99,000
(254)
Bootcamp Full-Stack Web Developer: Sewa Mobil
Rp
550,000
Rp
28,000
(556)
Bootcamp Full-Stack Website Developer: Website Doctor Appointment
Rp
690,000
Rp
28,000
(1,273)
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.
Building Design System with React JS & Storybook
Make your design system better with ReactJS
-
Sneak Peak4 minutes
-
Tools3 minutes
-
Recipes5 minutes
-
Break5 minutes -
Resources2 minutes
-
Setup Project Design System 19 minutes
-
Setup Project Design System 215 minutes
-
Setup Project Design System 315 minutes
-
Setup Project Design System 45 minutes
-
Break3 minutes
-
Ekstrak Komponen Badge 18 minutes
-
Ekstrak Komponen Badge 29 minutes
-
Story Intro Badge9 minutes
-
Story Example Badge3 minutes
-
Ekstrak Komponen Brand7 minutes
-
Story Intro Brand6 minutes
-
Story Example Brand4 minutes
-
Fix Div Bugs1 minutes
-
Ekstrak Komponen Button 113 minutes
-
Ekstrak Komponen Button 217 minutes
-
Story Intro Button4 minutes
-
Story Example Button8 minutes
-
Break Time5 minutes
-
Ekstrak Komponen Input 115 minutes
-
Ekstrak Komponen Input 213 minutes
-
Ekstrak Komponen Input 315 minutes
-
Story Intro Input3 minutes
-
Story Example Input10 minutes
-
Ekstrak Komponen Featured Items9 minutes
-
Story Intro Featured Items10 minutes
-
Story Example Featured Items3 minutes
-
Break Time3 minutes
-
Ekstrak Komponen Featured Section 113 minutes
-
Ekstrak Komponen Featured Section 210 minutes
-
Story Intro Featured Section11 minutes
-
Story Example Featured Section3 minutes
-
Ekstrak Komponen Navbar 113 minutes
-
Ekstrak Komponen Navbar 212 minutes
-
Story Intro Navbar13 minutes
-
Story Example Navbar5 minutes
-
Publish Design System Github14 minutes
-
Setup Landing Page 111 minutes
-
Setup Landing Page 215 minutes
-
Slice Header4 minutes
-
Slice Hero 111 minutes
-
Slice Hero 211 minutes
-
Slice Partnership5 minutes
-
Slice Features7 minutes
-
Slice Featured Section4 minutes
-
Slice Pricing 115 minutes
-
Slice Pricing 27 minutes
-
Slice Footer15 minutes
-
Bersihih Bugs dan Pixel Perfect13 minutes
-
Setup Vercel7 minutes
Develop Your Skills
Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Design system mampu menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.
Bersama mentor Yein, kita akan diarahkan memahami design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.
Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!
read more
Learn With Expert
Key Points
-
Membangun karir menjadi seorang Design System expert
-
Belajar techstack pendukung seperti Figma & tailwind CSS
-
Membangun Design System dengan ReactJS & NextJS
-
Introduction & deep learning terkait Design System
Created For
-
Anda yang ingin memiliki portfolio yang menjual
-
Anda yang ingin belajar dari mentor berpengalaman
-
Anda yang ingin memahami poin penting Design System
-
Anda yang ingin belajar membangun Design System
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
238
Happy Students
Happy Students
Ragil Arain Syawala
Full-Stack Developer
Thanks BWA course yg sangat bermanfaat untuk perkembangan menjadi Front-end Developer :D
Rehan
Mobile App Developer
Perfect course 100/100
Yogga Aditya Candra
Full-Stack Developer
oke
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.
