Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Kelas Online
Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Mastering NextJS to become JavaScript Developer
Release date December 2023
Last updated December 2023
Member
75 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.
Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.
Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.
Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.
Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.
Sneak Peek
.png)
.png)
.png)
Key Points
Membangun fullstack website dengan teknologi terkini
Mempelajari system authentication pada NextJS
Membuat API dengan NextJS
Memanfaatkan fitur cache dengan Redux Toolkit
Membangun struktur database dengan Prisma
Designed For
Anda yang ingin membuat aplikasi e-commerce
Anda yang ingin mempelajari Fullstack NextJS dengan Typescript
Anda yang ingin mempelajari Prisma
Anda yang ingin mempelajari Redux Toolkit
Course Lessons
Learn With Expert
Taufan Fadhilah Iskandar
Front-End Developer
(9K)
Izsal qurlinas afandi
Lifetime Learner
kelasnya cukup bagus untuk belajar hal-hal baru di next js read more
Danendra Wyanta Mustofa
Lifetime Learner
banyak dapat ilmu baru tentang next js dan digabungkan dengan redux toolkit tapi sayang nya pengajar terlalu banyak error lalu ganti lagi di video berikutnya jadi tambah bingung dan ada hal yang tidak di jelaskan membuat bingung ini fungsi nya untuk apa read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
.svg.png){kind=icon}
Featured Projects
0 Hasil karya terbaik di kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Belum ada hasil karya
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Rp 289,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Free akses kelas Freemium
Lowongan magang dan kerja
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
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 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.
Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online
Mastering NextJS to become JavaScript Developer
-
Opening Slides6 minutes -
Cloning Template Project3 minutes
-
Volta Explanation3 minutes
-
Website Walkthrough3 minutes
-
Code Walkthrough 13 minutes -
Code Walkthrough 26 minutes
-
Installation React Hook Form4 minutes
-
Declare useForm on Sign-in Form7 minutes
-
Validation Schema2 minutes
-
Validation Schema 24 minutes
-
Sign Up Form Validation7 minutes
-
Install Prisma5 minutes
-
Setup Prisma3 minutes
-
User Model Schema4 minutes
-
Global Prisma Client3 minutes
-
NextJS API Intro8 minutes
-
Response Helper5 minutes
-
Sign In Endpoint7 minutes
-
Validate Password6 minutes
-
Install NextAuth8 minutes
-
Sign In Form Integration6 minutes
-
Fixing Style4 minutes
-
Create Sign Up Endpoint9 minutes
-
Explanation6 minutes
-
Installation7 minutes
-
Auth Service7 minutes
-
Request and Response Type3 minutes
-
Register Auth Service3 minutes
-
Integrate Sign Up Form7 minutes
-
Navbar Integration8 minutes
-
Setup Middleware4 minutes
-
Setup Middleware 24 minutes
-
Product Schema6 minutes
-
Products Seeder8 minutes
-
Products Seeder 24 minutes
-
Create Products Endpoint4 minutes
-
Test Products Endpoint2 minutes
-
Test Products Endpoint 21 minutes
-
Product Slice5 minutes
-
ProductsResponse Interface2 minutes
-
Integrate Product Showcase Component5 minutes
-
Add Skeleton Loading6 minutes
-
Fix Product Card Link2 minutes
-
Base Integration4 minutes
-
Pagination Endpoint5 minutes
-
Pagination RTK4 minutes
-
Integrate Pagination8 minutes
-
Integrate Pagination 22 minutes
-
Integrate Pagination 31 minutes
-
Filter Category Endpoint4 minutes
-
Integrate Categories7 minutes
-
Filter Price Endpoint3 minutes
-
Filter Price Integration6 minutes
-
Filter Price Integration 26 minutes
-
Filter Rating Integration7 minutes
-
Filter Rating Integration3 minutes
-
Endpoint Product by ID5 minutes
-
Register on Service3 minutes
-
Integrate Product Detail Page5 minutes
-
Checkout Schema5 minutes
-
Checkout Endpoint4 minutes
-
Checkout Endpoint 24 minutes
-
Checkout Slice4 minutes
-
Mutate Checkout7 minutes
-
Get Checkout Item Endpoint5 minutes
-
Checkouts Slice4 minutes
-
Integrate Items5 minutes
-
Integrate Items 22 minutes
-
Delivery Options5 minutes
-
Transaction Schema5 minutes
-
Payment Endpoint8 minutes
-
Bugfix Payment Endpoint4 minutes
-
Register Payment Slice3 minutes
-
Payment Integration6 minutes
-
History Endpoint4 minutes
-
Register History Slice4 minutes
-
Integrate History Transaction8 minutes
-
Bugfix History List4 minutes
-
History Bugfix History List 22 minutes
Develop Your Skills
JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.
Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.
Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.
Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.
Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.
read more
Learn With Expert
Key Points
-
Membangun fullstack website dengan teknologi terkini
-
Mempelajari system authentication pada NextJS
-
Membuat API dengan NextJS
-
Memanfaatkan fitur cache dengan Redux Toolkit
-
Membangun struktur database dengan Prisma
Created For
-
Anda yang ingin membuat aplikasi e-commerce
-
Anda yang ingin mempelajari Fullstack NextJS dengan Typescript
-
Anda yang ingin mempelajari Prisma
-
Anda yang ingin mempelajari Redux Toolkit
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
Akses Freemium Courses
Sehingga lebih up to date
75
Happy Students
Happy Students
anggi3296
Lifetime Learner
good explanation
iqurlinas
Lifetime Learner
kelasnya cukup bagus untuk belajar hal-hal baru di next js
info337
Full-Stack JavaScript Develope...
mantap
abdulazisalayubbi
Lifetime Learner
banyak dapat ilmu baru tentang next js dan digabungkan dengan redux toolkit tapi sayang nya pengajar terlalu banyak error lalu ganti lagi di video berikutnya jadi tambah bingung dan ada hal yang tidak di jelaskan membuat bingung ini fungsi nya untuk apa
Rp 289,000
Rp 690,000
