Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Master Class: React JS dan Tailwind CSS Website Development
Kelas Online
Master Class: React JS dan Tailwind CSS Website Development
Released date January 2021
Last updated March 2026
Member
3,544 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
66 lessons (7.68 hours)
Develop Your Skills
Zaman telah berubah sangat cepat dan terkadang ada banyak Startup yang membutuhkan seorang UI Designer dengan kemampuan coding Front-End yaitu JavaScript. Karena itu dapat membantu para designer lebih mudah lagi ketika mendesain sebuah tampilan website yang doable oleh tim Developer. Pada kelas ini kita akan belajar React JavaScript yang dikhususkan untuk Designer sehingga akan lebih dimengerti dan tidak terlalu sulit.
Sebelumnya pada kelas Full-Stack Website Design & Handoff kita sudah belajar cara mengimplementasikan hasil design ke bentuk Tailwind CSS. Saat ini kita akan coba lanjutkan ke tahap Single Page Application menggunakan React JS. Silahkan bergabung dan kami akan tunggu di kelas. Kelas ini menggunakan tools ReactJS versi 16 dan Tailwind versi 1.
Sneak Peek
Key Points
Belajar custom hooks
Belajar buat mock API
Mendeploy dengan netlify
Slicing file HTML ke ReactJS
Designed For
Diperuntukkan yang sudah memahami dasar-dasar html, css dan JS
Cocok untuk yang ingin mulai belajar ReactJS
Course Lessons
Learn With Expert
Yein Narayana
Full-Stack Developer
(60K)
Rizki Ananda
Full-Stack Developer
bagus karena memaparkan detail react js yang mudah dimengerti read more
04 Oct 2025
Riyo Surya P
Front-End Developer
Materinya bagus, banyak ilmu baru. Terima kasih read more
03 Jul 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Node JS
Software
Postman API
Software
Netlify
Software
GitHub
Software
Tailwind CSS
Software
.svg.png){kind=icon}
Chrome
Software
VSCode Prettier
Software
ES7 Snippet
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 390,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
Build Photo Idea App with Flutter
Rp 390,000
(25)
(245)
(207)
Full Stack Flutter PHP: Self Management App
Rp 550,000
(69)
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.
Master Class: React JS dan Tailwind CSS Website Development
-
Welcome MessageVideo 0 minutes
-
Demo ProjectVideo 7 minutes
-
Download MateriVideo 0 minutes
-
Pembuatan Mock APIVideo 14 minutes
-
Clone Mockup APIVideo 2 minutes
-
Create React AppVideo 7 minutes -
Setup Tailwind #1Video 10 minutes
-
Setup Tailwind #2Video 5 minutes
-
Folder StructuringVideo 4 minutes
-
Initial CommitVideo 1 minutes
-
Break TimeVideo 0 minutes
-
Home PageVideo 10 minutes
-
Section HeroVideo 14 minutes
-
Section Just ArrivedVideo 6 minutes
-
Section Browse RoomVideo 1 minutes
-
Section Clients + SitemapVideo 5 minutes
-
Section FooterVideo 4 minutes
-
Fix Meta SectionVideo 4 minutes
-
Product Details PageVideo 14 minutes
-
Breadcrumb + HeaderVideo 15 minutes
-
Sliders + SuggestionVideo 12 minutes
-
Cart PageVideo 9 minutes
-
Congratulation + error pageVideo 11 minutes
-
Commit HTML to reactjsVideo 1 minutes
-
Break TimeVideo 0 minutes
-
useScrollAnchorVideo 6 minutes
-
useModalDOMVideo 11 minutes
-
CommitVideo 1 minutes
-
UseAsyncVideo 13 minutes
-
UseAsyncVideo 5 minutes
-
UseAsyncVideo 14 minutes
-
Browse RoomVideo 7 minutes
-
Browse RoomVideo 13 minutes
-
Browse Room SkeletonVideo 6 minutes
-
Just ArrivedVideo 7 minutes
-
CarouselVideo 9 minutes
-
CarouselVideo 14 minutes
-
CarouselVideo 13 minutes
-
CarouselVideo 9 minutes
-
Just ArrivedVideo 5 minutes
-
Fix CarouselVideo 0 minutes
-
SitemapVideo 12 minutes
-
CommitVideo 2 minutes
-
Break TimeVideo 0 minutes
-
Product Details PageVideo 10 minutes
-
Product Details PageVideo 6 minutes
-
Suggestion + SkeletonVideo 15 minutes
-
Add to cartVideo 12 minutes
-
Cart ButtonVideo 12 minutes
-
CommitVideo 1 minutes
-
CartVideo 13 minutes
-
CartVideo 6 minutes
-
Cart clean logVideo 1 minutes
-
Shipping DetailsVideo 12 minutes
-
Shipping DetailsVideo 10 minutes
-
Shipping DetailsVideo 6 minutes
-
CongratulationVideo 1 minutes
-
useScrollToTopVideo 4 minutes
-
Header + HamburgerVideo 5 minutes
-
Update mockup APIVideo 4 minutes
-
Document WrapperVideo 5 minutes
-
Handle Product Not FoundVideo 5 minutes
-
Helper Number FormatVideo 9 minutes
-
Setup NetlifyVideo 8 minutes
-
ThankyouVideo 1 minutes
-
React Router DOMVideo 12 minutes
Member
3,544
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Zaman telah berubah sangat cepat dan terkadang ada banyak Startup yang membutuhkan seorang UI Designer dengan kemampuan coding Front-End yaitu JavaScript. Karena itu dapat membantu para designer lebih mudah lagi ketika mendesain sebuah tampilan website yang doable oleh tim Developer. Pada kelas ini kita akan belajar React JavaScript yang dikhususkan untuk Designer sehingga akan lebih dimengerti dan tidak terlalu sulit.
Sebelumnya pada kelas Full-Stack Website Design & Handoff kita sudah belajar cara mengimplementasikan hasil design ke bentuk Tailwind CSS. Saat ini kita akan coba lanjutkan ke tahap Single Page Application menggunakan React JS. Silahkan bergabung dan kami akan tunggu di kelas. Kelas ini menggunakan tools ReactJS versi 16 dan Tailwind versi 1.
read more
Learn With Expert
Key Points
-
Belajar custom hooks
-
Belajar buat mock API
-
Mendeploy dengan netlify
-
Slicing file HTML ke ReactJS
Created For
-
Diperuntukkan yang sudah memahami dasar-dasar html, css dan JS
-
Cocok untuk yang ingin mulai belajar ReactJS
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
3,544
Happy Students
Happy Students
MOCH JOHAN BINTANG PRATAMA
Front-End Developer
good enough
09 Jan 2026
Anindea Putri
Full-Stack Developer
sangat mudah dipahami
25 Nov 2025
I Kadek Teo Prayoga Kartika
Full-Stack Developer
sangat bermanfaat
24 Nov 2025
Muhammad Nur Majid
Lifetime Learner
manttap banget
24 Nov 2025
Rizki Ananda
Full-Stack Developer
bagus karena memaparkan detail react js yang mudah dimengerti
04 Oct 2025
Riyo Surya P
Front-End Developer
Materinya bagus, banyak ilmu baru. Terima kasih
03 Jul 2025
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.
