Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full Stack JavaScript MERN Developer: Web Beli Tiket Bioskop

Learn javascript for better future jobs

icon global
Release date November 2024
icon convert
Last updated November 2024
Member

15 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Belajar membuat sebuah API menggunakan Express JS

icon_check

Belajar membuat authentication menggunakan JWT

icon_check

Belajar integrasi payment gateway menggunakan Midtrans

icon_check

Belajar melakukan integrasi API pada website

icon_check

Belajar membuat form validasi menggunakan react hook form + zod

icon_check

Belajar membuat fitur upload file menggunakan multer

icon_check

Belajar membuat sebuah middleware pada API

icon_check

Belajar state management redux

Designed For

icon_check

Anda yang ingin level-up skills

icon_check

Anda yang ingin membangun portofolio yang cakep

icon_check

Anda yang ingin menjadi seorang Full-stack javascript

Course Lessons

Learn With Expert

Mentor Hariyanto

Hariyanto

Full-Stack Developer

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

(1.4K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

React JS

Software Gratis

logo

Express JS

Software Gratis

logo

MongoDB

Software Gratis

logo

Prisma

Software Gratis

logo

Redux

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 229,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

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.

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

  • play
  • lock
    Install mongodb 2
    3 minutes
  • lock
    Setup express js 1
    4 minutes
  • lock
    Setup express js & mongoose 2
    1 minutes
  • lock
    Setup express js & koneksi database 3
    5 minutes

  • lock
    API get
    13 minutes
  • lock
    API Post
    9 minutes
  • lock
    API Update
    3 minutes
  • lock
    API delete & get detail
    4 minutes

  • lock
    API Get
    4 minutes
  • lock
    API Post
    2 minutes
  • lock
    API update, delete, get detail
    5 minutes

  • lock
    API Get 1
    11 minutes
  • lock
    API Get 2
    3 minutes
  • lock
    API Post 1
    5 minutes
  • lock
    API Post 2
    12 minutes
  • lock
    API Update
    11 minutes
  • lock
    API Delete
    4 minutes
  • lock
    API Get Detail
    1 minutes

  • lock
    API get customer
    6 minutes
  • lock
    API get wallet transaction
    5 minutes
  • lock
    API get ticket transaction
    7 minutes

  • lock
    API login 1
    10 minutes
  • lock
    API login 2
    4 minutes
  • lock
    Middleware verify token
    6 minutes

  • lock
    API Register
    9 minutes

  • lock
    API for discover page
    11 minutes
  • lock
    API for detail page 1
    7 minutes
  • lock
    API for detail page 2
    5 minutes
  • lock
    API for filter movie 1
    11 minutes
  • lock
    API for filter movie 2
    2 minutes
  • lock
    API for get balance
    5 minutes
  • lock
    API for get topup history
    3 minutes
  • lock
    API for topup balance 1
    6 minutes
  • lock
    API for topup balance 2
    10 minutes
  • lock
    API for transaction ticket 1
    10 minutes
  • lock
    API for transaction ticket 2
    4 minutes
  • lock
    API for get order & order detail
    6 minutes

  • lock
    Init frontend 1
    4 minutes
  • lock
    Install library & setup router
    7 minutes

  • lock
    Slicing UI
    6 minutes
  • lock
    Integrate 1
    5 minutes
  • lock
    Integrate 2
    3 minutes
  • lock
    Integrate 3
    9 minutes
  • lock
    Integrate 4
    8 minutes

  • lock
    Setup layout dashboard 1
    9 minutes
  • lock
    Private Route
    7 minutes
  • lock
    Create UI list genre
    10 minutes
  • lock
    Integrate API get genre
    7 minutes
  • lock
    Create UI form genre
    5 minutes
  • lock
    Integrate API create genre
    4 minutes
  • lock
    Integrate API update genre
    9 minutes
  • lock
    Integrate delete data genre
    3 minutes

  • lock
    Create UI list theater
    5 minutes
  • lock
    Integrate get data theaters
    3 minutes
  • lock
    Integrate create data theater
    8 minutes
  • lock
    Integrate update & delete data theater
    2 minutes

  • lock
    Create UI list data movie 1
    7 minutes
  • lock
    Create UI list data movie 2
    8 minutes
  • lock
    Integrate list data movie
    2 minutes
  • lock
    Create UI form data movie 1
    9 minutes
  • lock
    Create UI form data movie 2
    8 minutes
  • lock
    Integrate create data movie
    7 minutes
  • lock
    Integrate update & delete data movie
    7 minutes

  • lock
    Create UI & Integrate data customers
    8 minutes
  • lock
    Create UI & Integrate data transactions
    11 minutes
  • lock
    Create UI & Integrate data wallet transactions
    7 minutes

  • lock
    Slicing UI sign up
    7 minutes
  • lock
    Integrate sign up 1
    9 minutes
  • lock
    Integrate sign up 2
    6 minutes

  • lock
    Slicing & Integrate
    6 minutes

  • lock
    Slicing halaman discover 1
    10 minutes
  • lock
    Slicing halaman discover 2
    4 minutes
  • lock
    Integrate halaman discover 1
    7 minutes

  • lock
    Setup & install redux
    4 minutes
  • lock
    Slicing UI filter movies
    11 minutes
  • lock
    Integrate halaman filter movies 1
    13 minutes
  • lock
    Integrate halaman filter movies 2
    9 minutes
  • lock
    Integrate halaman filter movies 3
    8 minutes
  • lock
    Integrate halaman filter movies 4
    12 minutes
  • lock
    Integrate halaman filter movies 5
    3 minutes

  • lock
    Slicing UI detail movie
    8 minutes
  • lock
    Integrate data detail movie 1
    5 minutes
  • lock
    Integrate data detail movie 2
    4 minutes
  • lock
    Integrate data detail movie 3
    9 minutes
  • lock
    Integrate data detail movie 4
    7 minutes
  • lock
    Integrate data detail movie 5
    8 minutes
  • lock
    Integrate data detail movie 6
    1 minutes
  • lock
    Integrate data detail movie 7
    3 minutes
  • lock
    Integrate data detail movie 8
    6 minutes
  • lock
    Integrate data detail movie 9
    8 minutes
  • lock
    Integrate data detail movie 10
    1 minutes

  • lock
    Slicing UI checkout
    2 minutes
  • lock
    Integrate halaman checkout 1
    3 minutes
  • lock
    Integrate halaman checkout 2
    5 minutes
  • lock
    Integrate halaman checkout 3
    12 minutes
  • lock
    Integrate halaman checkout 4
    2 minutes

  • lock
    Slicing UI halaman wallet
    3 minutes
  • lock
    Integrate UI halaman wallet
    8 minutes
  • lock
    Slicing UI halaman wallet topup
    6 minutes
  • lock
    Integrate topup wallet
    6 minutes
  • lock
    Slicing UI success topup
    2 minutes

  • lock
    Slicing UI halaman list order
    3 minutes
  • lock
    Intergate halaman list order
    8 minutes
  • lock
    Integrate UI halaman detail order
    3 minutes
  • lock
    Integrate halaman detail order
    8 minutes
  • lock
    Slicing UI halaman settings
    4 minutes
  • lock
    Perbaikan code
    1 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
  • check
    Belajar membuat sebuah API menggunakan Express JS
  • check
    Belajar membuat authentication menggunakan JWT
  • check
    Belajar integrasi payment gateway menggunakan Midtrans
  • check
    Belajar melakukan integrasi API pada website
  • check
    Belajar membuat form validasi menggunakan react hook form + zod
  • check
    Belajar membuat fitur upload file menggunakan multer
  • check
    Belajar membuat sebuah middleware pada API
  • check
    Belajar state management redux
Created For
  • check
    Anda yang ingin level-up skills
  • check
    Anda yang ingin membangun portofolio yang cakep
  • check
    Anda yang ingin menjadi seorang Full-stack javascript
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
15
Happy Students
Belum ada review

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.

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

arrow_upward