Premium Edition

Master Class: React JS dan Tailwind CSS Website Development

Build an online shop for furniture from scratch

Member

1,501 enrolled

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.

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

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Yein Narayana

Full-Stack Developer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Introduction

play_circle

Welcome Message

0 mins

2

Setup

play_circle

Demo Project

7 mins

play_circle

Download Materi

0 mins

play_circle

Pembuatan Mock API

14 mins

play_circle

Clone Mockup API

2 mins

lock

Create React App

7 mins

lock

Setup Tailwind #1

10 mins

lock

Setup Tailwind #2

5 mins

lock

Folder Structuring

4 mins

lock

Initial Commit

1 mins

lock

Break Time

0 mins

3

Translate HTML to Reactjs

play_circle

Home Page

10 mins

play_circle

Section Hero

14 mins

play_circle

Section Just Arrived

6 mins

play_circle

Section Browse Room

1 mins

play_circle

Section Clients + Sitemap

5 mins

play_circle

Section Footer

4 mins

play_circle

Fix Meta Section

4 mins

play_circle

Product Details Page

14 mins

play_circle

Breadcrumb + Header

15 mins

play_circle

Sliders + Suggestion

12 mins

play_circle

Cart Page

9 mins

play_circle

Congratulation + error page

11 mins

play_circle

Commit HTML to reactjs

1 mins

lock

Break Time

0 mins

4

Homepage

lock

useScrollAnchor

6 mins

lock

useModalDOM

11 mins

lock

Commit

1 mins

lock

UseAsync

13 mins

lock

UseAsync

5 mins

lock

UseAsync

14 mins

lock

Browse Room

7 mins

lock

Browse Room

13 mins

lock

Browse Room Skeleton

6 mins

lock

Just Arrived

7 mins

lock

Carousel

9 mins

lock

Carousel

14 mins

lock

Carousel

13 mins

lock

Carousel

9 mins

lock

Just Arrived

5 mins

lock

Fix Carousel

0 mins

lock

Sitemap

12 mins

lock

Commit

2 mins

lock

Break Time

0 mins

5

Product Details

lock

Product Details Page

10 mins

lock

Product Details Page

6 mins

lock

Suggestion + Skeleton

15 mins

lock

Add to cart

12 mins

lock

Cart Button

12 mins

lock

Commit

1 mins

6

Cart

lock

Cart

13 mins

lock

Cart

6 mins

lock

Cart clean log

1 mins

lock

Shipping Details

12 mins

lock

Shipping Details

10 mins

lock

Shipping Details

6 mins

7

Finalizing

lock

Congratulation

1 mins

lock

useScrollToTop

4 mins

lock

Header + Hamburger

5 mins

lock

Update mockup API

4 mins

lock

Document Wrapper

5 mins

lock

Handle Product Not Found

5 mins

lock

Helper Number Format

9 mins

lock

Setup Netlify

8 mins

8

Thankyou

lock

Thankyou

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Visual Studio Code

Software Gratis

Download Now

Node JS

Software Gratis

Download Now

Postman API

Software Gratis

Download Now

Netlify

Software Gratis

Download Now

GitHub

Software Gratis

Download Now

Tailwind CSS

Software Gratis

Download Now

Chrome

Software Gratis

Download Now

VSCode Prettier

Software Gratis

Download Now

ES7 Snippet

Software Gratis

Download Now

1,501 Happy Members

Review setelah bergabung di kelas Master Class: React JS dan Tailwind CSS Website Development

dimas pradipto

Full-Stack Developer

Video yg disajikan mudah untuk di mengerti

Muhammad Azis Effe

Full-Stack Developer

mudah dipahami

Ade suhada

Full-Stack Developer

kelas react yang sangat luar biasa, inshyallah kalo semakin banyak kelas seperti ini semakin cerdas indonesia.

Latif Nurohman Bay

Full-Stack Developer

Videonya kebalik ya mas, setup tailwind 1 dan 2 wkwkwkwk

Faris Audhah Al-Mu

Full-Stack Developer

Bagus Sekali materinya sangat bermanfaat namun mentor sering terlalu cepat bahkan melupakan sedikit penjelasan penting maksi terus berkembang BWA :)

Candra P D Suid

Full-Stack Developer

di mobile product detail ngk bisa di klik

Featured Projects

0 Hasil karya terbaik di kelas Master Class: React JS dan Tailwind CSS Website Development

Belum ada hasil karya.

#BeyondPremium

Start to Invest 100%

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

Selamanya

Rp 350,000

Miliki kelas Premium secara permanen
dan bangun sebuah projek nyata

Akses kelas selamanya

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Beli Kelas Lihat Benefit Lainnya

Pertanyaan Umum

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

WhatsApp Admin

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.

Rp 350,000

Beli Kelas