Akses 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
Released date September 2022
Last updated March 2026
Member
267 enrolled
Lesson Type
Video Only
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
Yein Narayana
Full-Stack Developer
(60K)
Angga Risky S
Full-Stack Developer
(464.4K)
Ragil Arain Syawala
Full-Stack Developer
Thanks BWA course yg sangat bermanfaat untuk perkembangan menjadi Front-end Developer :D read more
16 Jun 2023
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software
VSCode
Software
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
Recommended for You
(245)
(3,544)
(690)
(311)
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
-
Sneak PeakVideo 4 minutes
-
ToolsVideo 3 minutes
-
RecipesVideo 5 minutes
-
BreakVideo 5 minutes -
ResourcesVideo 2 minutes
-
Setup Project Design System 1Video 9 minutes
-
Setup Project Design System 2Video 15 minutes
-
Setup Project Design System 3Video 15 minutes
-
Setup Project Design System 4Video 5 minutes
-
BreakVideo 3 minutes
-
Ekstrak Komponen Badge 1Video 8 minutes
-
Ekstrak Komponen Badge 2Video 9 minutes
-
Story Intro BadgeVideo 9 minutes
-
Story Example BadgeVideo 3 minutes
-
Ekstrak Komponen BrandVideo 7 minutes
-
Story Intro BrandVideo 6 minutes
-
Story Example BrandVideo 4 minutes
-
Fix Div BugsVideo 1 minutes
-
Ekstrak Komponen Button 1Video 13 minutes
-
Ekstrak Komponen Button 2Video 17 minutes
-
Story Intro ButtonVideo 4 minutes
-
Story Example ButtonVideo 8 minutes
-
Break TimeVideo 5 minutes
-
Ekstrak Komponen Input 1Video 15 minutes
-
Ekstrak Komponen Input 2Video 13 minutes
-
Ekstrak Komponen Input 3Video 15 minutes
-
Story Intro InputVideo 3 minutes
-
Story Example InputVideo 10 minutes
-
Ekstrak Komponen Featured ItemsVideo 9 minutes
-
Story Intro Featured ItemsVideo 10 minutes
-
Story Example Featured ItemsVideo 3 minutes
-
Break TimeVideo 3 minutes
-
Ekstrak Komponen Featured Section 1Video 13 minutes
-
Ekstrak Komponen Featured Section 2Video 10 minutes
-
Story Intro Featured SectionVideo 11 minutes
-
Story Example Featured SectionVideo 3 minutes
-
Ekstrak Komponen Navbar 1Video 13 minutes
-
Ekstrak Komponen Navbar 2Video 12 minutes
-
Story Intro NavbarVideo 13 minutes
-
Story Example NavbarVideo 5 minutes
-
Publish Design System GithubVideo 14 minutes
-
Setup Landing Page 1Video 11 minutes
-
Setup Landing Page 2Video 15 minutes
-
Slice HeaderVideo 4 minutes
-
Slice Hero 1Video 11 minutes
-
Slice Hero 2Video 11 minutes
-
Slice PartnershipVideo 5 minutes
-
Slice FeaturesVideo 7 minutes
-
Slice Featured SectionVideo 4 minutes
-
Slice Pricing 1Video 15 minutes
-
Slice Pricing 2Video 7 minutes
-
Slice FooterVideo 15 minutes
-
Bersihih Bugs dan Pixel PerfectVideo 13 minutes
-
Setup VercelVideo 7 minutes
Member
267
Lesson Type
Video Only
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!
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
267
Happy Students
Happy Students
Ananta Noviandanu
Lifetime Learner
pelajaran memuaskan
10 Dec 2024
Rehan
Mobile App Developer
Perfect course 100/100
27 Mar 2024
Ragil Arain Syawala
Full-Stack Developer
Thanks BWA course yg sangat bermanfaat untuk perkembangan menjadi Front-end Developer :D
16 Jun 2023
Yogga Aditya Candra
Full-Stack Developer
oke
07 Mar 2024
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.
