flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

Premium Edition

Building Design System with React JS & Storybook

Make your design system better with ReactJS

Member

36 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
icon_check

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!

Key Points

icon_check

Membangun karir menjadi seorang Design System expert

icon_check

Belajar techstack pendukung seperti Figma & tailwind CSS

icon_check

Membangun Design System dengan ReactJS & NextJS

icon_check

Introduction & deep learning terkait Design System

Designed For

icon_check

Anda yang ingin memiliki portfolio yang menjual

icon_check

Anda yang ingin belajar dari mentor berpengalaman

icon_check

Anda yang ingin memahami poin penting Design System

icon_check

Anda yang ingin belajar membangun Design System

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(48.2K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

VSCode

Software Gratis

Download Now

36 Happy Members

Review setelah bergabung di kelas Building Design System with React JS & Storybook

Belum ada review

Featured Projects

0 Hasil karya terbaik di kelas Building Design System with React JS & Storybook

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

icon_check

Selamanya

Rp 229,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Assets & group konsultasi

icon_check

Tools pendukung belajar

icon_check

Sertifikat kelulusan

icon_check

Free update materi

icon_check

Free akses kelas Freemium

icon_check

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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.

Building Design System with React JS & Storybook

Make your design system better with ReactJS

  • Break
    5 minutes
  • Resources
    2 minutes

  • Setup Project Design System 1
    9 minutes
  • Setup Project Design System 2
    15 minutes
  • Setup Project Design System 3
    15 minutes
  • Setup Project Design System 4
    5 minutes
  • Break
    3 minutes

  • Ekstrak Komponen Badge 1
    8 minutes
  • Ekstrak Komponen Badge 2
    9 minutes
  • Story Intro Badge
    9 minutes
  • Story Example Badge
    3 minutes

  • Ekstrak Komponen Brand
    7 minutes
  • Story Intro Brand
    6 minutes
  • Story Example Brand
    4 minutes
  • Fix Div Bugs
    1 minutes

  • Ekstrak Komponen Button 1
    13 minutes
  • Ekstrak Komponen Button 2
    17 minutes
  • Story Intro Button
    4 minutes
  • Story Example Button
    8 minutes
  • Break Time
    5 minutes

  • Ekstrak Komponen Input 1
    15 minutes
  • Ekstrak Komponen Input 2
    13 minutes
  • Ekstrak Komponen Input 3
    15 minutes
  • Story Intro Input
    3 minutes
  • Story Example Input
    10 minutes

  • Ekstrak Komponen Featured Items
    9 minutes
  • Story Intro Featured Items
    10 minutes
  • Story Example Featured Items
    3 minutes
  • Break Time
    3 minutes

  • Ekstrak Komponen Featured Section 1
    13 minutes
  • Ekstrak Komponen Featured Section 2
    10 minutes
  • Story Intro Featured Section
    11 minutes
  • Story Example Featured Section
    3 minutes

  • Ekstrak Komponen Navbar 1
    13 minutes
  • Ekstrak Komponen Navbar 2
    12 minutes
  • Story Intro Navbar
    13 minutes
  • Story Example Navbar
    5 minutes
  • Publish Design System Github
    14 minutes

  • Setup Landing Page 1
    11 minutes
  • Setup Landing Page 2
    15 minutes
  • Slice Header
    4 minutes
  • Slice Hero 1
    11 minutes
  • Slice Hero 2
    11 minutes
  • Slice Partnership
    5 minutes
  • Slice Features
    7 minutes
  • Slice Featured Section
    4 minutes
  • Slice Pricing 1
    15 minutes
  • Slice Pricing 2
    7 minutes
  • Slice Footer
    15 minutes
  • Bersihih Bugs dan Pixel Perfect
    13 minutes
  • Setup Vercel
    7 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
Yein Narayana
Yein Narayana
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(48.2K)
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
Akses Offline 100%
Belajar tanpa koneksi internet
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
Akses Freemium Courses
Sehingga lebih up to date
36
Happy Students
Belum ada review
Tools Pendukung
Figma
Figma
Software Gratis
VSCode
VSCode
Software Gratis

Rp 229,000

Rp 459,000

arrow_upward