Masuk /
Daftar
Kelas Online
Full Stack JavaScript MERN Developer: Web Beli Tiket Bioskop
Learn javascript for better future jobs
Release date November 2024
Last updated November 2024
Member
7 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Belajar React 18 dan Backend Development dengan Express & MongoDB.
Apakah Anda ingin menguasai dunia pengembangan web dan menjadi seorang full-stack developer? Kelas ini adalah pilihan yang tepat untuk Anda! Kami telah merancang kurikulum yang komprehensif dan mudah dipahami, cocok untuk pemula yang ingin belajar coding dari awal hingga mahir. Dalam kelas ini, Anda akan mempelajari berbagai teknologi terkini yang banyak digunakan dalam industri.
Di dalam kelas ini, Anda akan memulai dengan mempelajari React 18, sebuah library JavaScript yang digunakan untuk membangun antarmuka pengguna yang dinamis dan interaktif. Anda akan belajar cara mengonversi template HTML ke JSX serta mengimplementasikan komponen yang dapat digunakan kembali. Selain itu, Anda juga akan belajar Tailwind CSS, sebuah framework CSS modern yang memudahkan styling dengan pendekatan utility-first, membantu Anda menciptakan tampilan yang profesional tanpa harus menulis CSS dari nol.
Tidak hanya itu, kelas ini juga akan mengajarkan Anda React Query, sebuah alat untuk meningkatkan performa aplikasi Anda dengan teknik data fetching yang efisien serta mengelola state data yang diambil dari API. Anda juga akan mempelajari cara membangun form yang kompleks dan melakukan validasi data menggunakan React Hook Form dan Zod Validation, memastikan data yang diinputkan sesuai dengan aturan yang telah ditentukan.
Untuk backend development, Anda akan mempelajari cara membuat server backend yang kuat menggunakan Express 4 dan menghubungkannya dengan MongoDB, database NoSQL yang fleksibel dan scalable. Kami juga akan membahas MongoDB Compass untuk memudahkan manajemen data. Dengan Mongoose, Anda akan mempelajari cara membuat model dan relationship antar model di MongoDB, serta teknik-teknik untuk mengelola data secara efektif.
Selain itu, Anda akan belajar bagaimana mengamankan API dengan menggunakan JSON Web Token (JWT) dan cara mengimplementasikan middleware untuk otentikasi. Anda juga akan diajarkan cara meng-upload file menggunakan Multer, serta bagaimana melakukan integrasi API pada website, termasuk integrasi payment gateway seperti Midtrans untuk memproses pembayaran secara online.
Kelas ini juga mencakup pembuatan fitur CRUD (Create, Read, Update, Delete) yang memungkinkan Anda mengelola data genre, theater, dan movie secara dinamis. Tidak hanya itu, kami juga menyediakan template HTML gratis yang dapat Anda kembangkan menjadi aplikasi full-stack yang fungsional.
Kelas ini tidak hanya fokus pada frontend development menggunakan React dan Tailwind CSS, tetapi juga backend development dengan Express dan MongoDB. Materi yang disajikan sangat cocok bagi Anda yang bercita-cita menjadi seorang full-stack web developer. Bergabunglah sekarang dan tingkatkan keterampilan coding Anda dengan mengikuti kelas yang terstruktur dan dipandu oleh instruktur berpengalaman. Dapatkan pengalaman belajar yang interaktif dan dukungan penuh sepanjang kursus!
Key Points
Belajar membuat sebuah API menggunakan Express JS
Belajar membuat authentication menggunakan JWT
Belajar integrasi payment gateway menggunakan Midtrans
Belajar melakukan integrasi API pada website
Belajar membuat form validasi menggunakan react hook form + zod
Belajar membuat fitur upload file menggunakan multer
Belajar membuat sebuah middleware pada API
Belajar state management redux
Designed For
Anda yang ingin level-up skills
Anda yang ingin membangun portofolio yang cakep
Anda yang ingin menjadi seorang Full-stack javascript
Course Lessons
Learn With Expert
Hariyanto
Full-Stack Developer
(1.2K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Rp 229,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
Complete Beginner QA Engineer: E2E Testing with Cypress
Rp
455,000
Rp
99,000
(651)
(229)
(1,088)
 3.png)
(139)
.png)
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.
Full Stack JavaScript MERN Developer: Web Beli Tiket Bioskop
Learn javascript for better future jobs
-
Install mongodb 11 minutes
-
Install mongodb 23 minutes -
Setup express js 14 minutes
-
Setup express js & mongoose 21 minutes
-
Setup express js & koneksi database 35 minutes
-
API get13 minutes
-
API Post9 minutes
-
API Update3 minutes
-
API delete & get detail4 minutes
-
API Get4 minutes
-
API Post2 minutes
-
API update, delete, get detail5 minutes
-
API Get 111 minutes
-
API Get 23 minutes
-
API Post 15 minutes
-
API Post 212 minutes
-
API Update11 minutes
-
API Delete4 minutes
-
API Get Detail1 minutes
-
API get customer6 minutes
-
API get wallet transaction5 minutes
-
API get ticket transaction7 minutes
-
API login 110 minutes
-
API login 24 minutes
-
Middleware verify token6 minutes
-
API Register9 minutes
-
API for discover page11 minutes
-
API for detail page 17 minutes
-
API for detail page 25 minutes
-
API for filter movie 111 minutes
-
API for filter movie 22 minutes
-
API for get balance5 minutes
-
API for get topup history3 minutes
-
API for topup balance 16 minutes
-
API for topup balance 210 minutes
-
API for transaction ticket 110 minutes
-
API for transaction ticket 24 minutes
-
API for get order & order detail6 minutes
-
Init frontend 14 minutes
-
Install library & setup router7 minutes
-
Slicing UI6 minutes
-
Integrate 15 minutes
-
Integrate 23 minutes
-
Integrate 39 minutes
-
Integrate 48 minutes
-
Setup layout dashboard 19 minutes
-
Private Route7 minutes
-
Create UI list genre10 minutes
-
Integrate API get genre7 minutes
-
Create UI form genre5 minutes
-
Integrate API create genre4 minutes
-
Integrate API update genre9 minutes
-
Integrate delete data genre3 minutes
-
Create UI list theater5 minutes
-
Integrate get data theaters3 minutes
-
Integrate create data theater8 minutes
-
Integrate update & delete data theater2 minutes
-
Create UI list data movie 17 minutes
-
Create UI list data movie 28 minutes
-
Integrate list data movie2 minutes
-
Create UI form data movie 19 minutes
-
Create UI form data movie 28 minutes
-
Integrate create data movie7 minutes
-
Integrate update & delete data movie7 minutes
-
Create UI & Integrate data customers8 minutes
-
Create UI & Integrate data transactions11 minutes
-
Create UI & Integrate data wallet transactions7 minutes
-
Slicing UI sign up7 minutes
-
Integrate sign up 19 minutes
-
Integrate sign up 26 minutes
-
Slicing & Integrate6 minutes
-
Slicing halaman discover 110 minutes
-
Slicing halaman discover 24 minutes
-
Integrate halaman discover 17 minutes
-
Setup & install redux4 minutes
-
Slicing UI filter movies11 minutes
-
Integrate halaman filter movies 113 minutes
-
Integrate halaman filter movies 29 minutes
-
Integrate halaman filter movies 38 minutes
-
Integrate halaman filter movies 412 minutes
-
Integrate halaman filter movies 53 minutes
-
Slicing UI detail movie8 minutes
-
Integrate data detail movie 15 minutes
-
Integrate data detail movie 24 minutes
-
Integrate data detail movie 39 minutes
-
Integrate data detail movie 47 minutes
-
Integrate data detail movie 58 minutes
-
Integrate data detail movie 61 minutes
-
Integrate data detail movie 73 minutes
-
Integrate data detail movie 86 minutes
-
Integrate data detail movie 98 minutes
-
Integrate data detail movie 101 minutes
-
Slicing UI checkout2 minutes
-
Integrate halaman checkout 13 minutes
-
Integrate halaman checkout 25 minutes
-
Integrate halaman checkout 312 minutes
-
Integrate halaman checkout 42 minutes
-
Slicing UI halaman wallet3 minutes
-
Integrate UI halaman wallet8 minutes
-
Slicing UI halaman wallet topup6 minutes
-
Integrate topup wallet6 minutes
-
Slicing UI success topup2 minutes
-
Slicing UI halaman list order3 minutes
-
Intergate halaman list order8 minutes
-
Integrate UI halaman detail order3 minutes
-
Integrate halaman detail order8 minutes
-
Slicing UI halaman settings4 minutes
-
Perbaikan code1 minutes
Develop Your Skills
Belajar React 18 dan Backend Development dengan Express & MongoDB.
Apakah Anda ingin menguasai dunia pengembangan web dan menjadi seorang full-stack developer? Kelas ini adalah pilihan yang tepat untuk Anda! Kami telah merancang kurikulum yang komprehensif dan mudah dipahami, cocok untuk pemula yang ingin belajar coding dari awal hingga mahir. Dalam kelas ini, Anda akan mempelajari berbagai teknologi terkini yang banyak digunakan dalam industri.
Di dalam kelas ini, Anda akan memulai dengan mempelajari React 18, sebuah library JavaScript yang digunakan untuk membangun antarmuka pengguna yang dinamis dan interaktif. Anda akan belajar cara mengonversi template HTML ke JSX serta mengimplementasikan komponen yang dapat digunakan kembali. Selain itu, Anda juga akan belajar Tailwind CSS, sebuah framework CSS modern yang memudahkan styling dengan pendekatan utility-first, membantu Anda menciptakan tampilan yang profesional tanpa harus menulis CSS dari nol.
Tidak hanya itu, kelas ini juga akan mengajarkan Anda React Query, sebuah alat untuk meningkatkan performa aplikasi Anda dengan teknik data fetching yang efisien serta mengelola state data yang diambil dari API. Anda juga akan mempelajari cara membangun form yang kompleks dan melakukan validasi data menggunakan React Hook Form dan Zod Validation, memastikan data yang diinputkan sesuai dengan aturan yang telah ditentukan.
Untuk backend development, Anda akan mempelajari cara membuat server backend yang kuat menggunakan Express 4 dan menghubungkannya dengan MongoDB, database NoSQL yang fleksibel dan scalable. Kami juga akan membahas MongoDB Compass untuk memudahkan manajemen data. Dengan Mongoose, Anda akan mempelajari cara membuat model dan relationship antar model di MongoDB, serta teknik-teknik untuk mengelola data secara efektif.
Selain itu, Anda akan belajar bagaimana mengamankan API dengan menggunakan JSON Web Token (JWT) dan cara mengimplementasikan middleware untuk otentikasi. Anda juga akan diajarkan cara meng-upload file menggunakan Multer, serta bagaimana melakukan integrasi API pada website, termasuk integrasi payment gateway seperti Midtrans untuk memproses pembayaran secara online.
Kelas ini juga mencakup pembuatan fitur CRUD (Create, Read, Update, Delete) yang memungkinkan Anda mengelola data genre, theater, dan movie secara dinamis. Tidak hanya itu, kami juga menyediakan template HTML gratis yang dapat Anda kembangkan menjadi aplikasi full-stack yang fungsional.
Kelas ini tidak hanya fokus pada frontend development menggunakan React dan Tailwind CSS, tetapi juga backend development dengan Express dan MongoDB. Materi yang disajikan sangat cocok bagi Anda yang bercita-cita menjadi seorang full-stack web developer. Bergabunglah sekarang dan tingkatkan keterampilan coding Anda dengan mengikuti kelas yang terstruktur dan dipandu oleh instruktur berpengalaman. Dapatkan pengalaman belajar yang interaktif dan dukungan penuh sepanjang kursus!
read more
Learn With Expert
Key Points
-
Belajar membuat sebuah API menggunakan Express JS
-
Belajar membuat authentication menggunakan JWT
-
Belajar integrasi payment gateway menggunakan Midtrans
-
Belajar melakukan integrasi API pada website
-
Belajar membuat form validasi menggunakan react hook form + zod
-
Belajar membuat fitur upload file menggunakan multer
-
Belajar membuat sebuah middleware pada API
-
Belajar state management redux
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin membangun portofolio yang cakep
-
Anda yang ingin menjadi seorang Full-stack javascript
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
7
Happy Students
Happy Students
Belum ada review
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.
Rp 229,000
Rp 550,000
