Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack Laravel 11, React, TypeScript: Website Rent Office
Kelas Online
Full-Stack Laravel 11, React, TypeScript: Website Rent Office
Released date July 2024
Last updated March 2026
Member
842 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
29 lessons (5.5 hours)
Develop Your Skills
Kelas Full-Stack Laravel React JS 2024 ini mengajarkan cara membangun website modern untuk mencari dan booking kantor menggunakan teknologi terbaru seperti Laravel 11, React JS 18, FilamentPHP, dan TypeScript.
Peserta akan mempelajari bagaimana membuat fitur pencarian kantor, booking kantor, pembayaran manual, serta notifikasi melalui SMS dan WhatsApp.
Selain itu, kelas ini juga akan membimbing Anda untuk membuat dashboard Content Management System (CMS) yang mengelola data transaksi, kantor, kota, dan lainnya dengan database MySQL.
Dalam waktu singkat, peserta akan diajarkan cara membuat dashboard CMS super admin hanya dalam 10 menit menggunakan FilamentPHP.
Alur pengembangan proyek dimulai dari backend, pembuatan API, perlindungan endpoint dengan CORS dan custom API key, hingga penggunaan API pada proyek React JS serta integrasi dengan Twilio untuk fitur SMS dan WhatsApp.
Proyek ini akan berjalan di server lokal komputer peserta, tidak di-upload ke server production.
Kelas ini juga menekankan pentingnya desain UI/UX terbaik untuk meningkatkan pengalaman pengguna. Menggunakan tools gratis seperti VSCode, Composer, XAMPP/MAMP, terminal/command prompt, dan npm, peserta akan mendapatkan pengalaman nyata dalam pengembangan web.
Sebelum bergabung, disarankan memiliki pengetahuan dasar PHP dan JavaScript. Kelas ini menyediakan resource assets seperti template HTML, dan hasil proyek dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi agar tidak plagiat.
Silahkan bergabung dan sampai jumpa di kelas!!!
additional tags: php 8, composer, laravel 11, react js 18, typescript, axios, filament php, zod validation, SOLID principle, middleware api, postman, reusable react component, react router, react swiper, twilio, vite.
Sneak Peek
Key Points
Belajar bikin dashboard admin dan akun super admin dengan laravel filament php
Belajar design database projek sesuai kebutuhan projek dan ERD
Menerapkan konsep pemrograman SOLID agar projek mudah dimaintenance
Membuat seluruh fitur CRUD untuk mengelola data website dengan aman
Membuat fitur notification kirim sms dan pesan whatsapp
Membuat projek frontend dengan react dan typescript dan consume endpoint api
Designed For
Anda yang sedang memperdalam framework laravel dan react
Anda yang ingin menerapkan typescript pada projek frontend
Anda yang sedang belajar menjadi full-stack web developer
Anda yang membutuhkan portfolio website modern
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.3K)
Dimas pradipto
Full-Stack Developer
penejelasan mentor sangat jelas dan bisa dimengerti. materi yang diberikan sangat menarik. read more
12 Mar 2026
Mega Yulianti
Full-Stack Developer
materi nya cukupo jelas danb mentor nya mengjarkan step by step dengan mudah di mengerti read more
14 Feb 2026
Joyo nurdiansyah
Front-End Developer
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. read more
23 Jan 2026
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Laravel
Software
React JS
Software
Figma
Software
Type Script
Software
Mysql
Software
VSCode
Software
PHP V 8
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,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
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 Laravel 11, React, TypeScript: Website Rent Office
Videos language: Bahasa Indonesia (Auto-translation available)
-
Demo projek kelasVideo 11 minutes -
Persiapan tools developmentVideo 5 minutes
-
Bikin projek backend laravel 11Video 11 minutes
-
Skema database dengan migrationVideo 10 minutes
-
Mass assignment, ORM relationshipVideo 12 minutes
-
Install package filamentphpVideo 5 minutes
-
Coding CRUD data cityVideo 10 minutes
-
Coding CRUD data officeVideo 14 minutes
-
CRUD data booking dan api keyVideo 7 minutes
-
Membuat API JSON ResourceVideo 10 minutes
-
Membuat routing endpoint APIVideo 6 minutes
-
Membuat controller setiap endpointVideo 10 minutes
-
Uji coba api dengan postmanVideo 5 minutes
-
Custom middleware api keyVideo 5 minutes
-
Bikin projek react dengan viteVideo 9 minutes
-
Belajar react router domVideo 12 minutes
-
Belajar bikin swiper slide carouselVideo 11 minutes
-
Belajar bikin component dan wrapperVideo 8 minutes
-
Belajar axios, endpoint api, propsVideo 17 minutes
-
Axios api data officeVideo 7 minutes
-
Belajar useParams city detailsVideo 11 minutes
-
Menampilkan details data officeVideo 20 minutes
-
Zod, axios post, form validationVideo 30 minutes
-
Membuat fitur laravel simpan bookingVideo 15 minutes
-
Coding fitur check booking transactionVideo 26 minutes
-
Coding kirim sms booking transactionVideo 14 minutes
-
Approve transaksi dan kirim smsVideo 8 minutes
-
Integrasi dengan whatsapp notificationVideo 9 minutes
-
Refactoring coding apiClientVideo 12 minutes
Member
842
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Kelas Full-Stack Laravel React JS 2024 ini mengajarkan cara membangun website modern untuk mencari dan booking kantor menggunakan teknologi terbaru seperti Laravel 11, React JS 18, FilamentPHP, dan TypeScript.
Peserta akan mempelajari bagaimana membuat fitur pencarian kantor, booking kantor, pembayaran manual, serta notifikasi melalui SMS dan WhatsApp.
Selain itu, kelas ini juga akan membimbing Anda untuk membuat dashboard Content Management System (CMS) yang mengelola data transaksi, kantor, kota, dan lainnya dengan database MySQL.
Dalam waktu singkat, peserta akan diajarkan cara membuat dashboard CMS super admin hanya dalam 10 menit menggunakan FilamentPHP.
Alur pengembangan proyek dimulai dari backend, pembuatan API, perlindungan endpoint dengan CORS dan custom API key, hingga penggunaan API pada proyek React JS serta integrasi dengan Twilio untuk fitur SMS dan WhatsApp.
Proyek ini akan berjalan di server lokal komputer peserta, tidak di-upload ke server production.
Kelas ini juga menekankan pentingnya desain UI/UX terbaik untuk meningkatkan pengalaman pengguna. Menggunakan tools gratis seperti VSCode, Composer, XAMPP/MAMP, terminal/command prompt, dan npm, peserta akan mendapatkan pengalaman nyata dalam pengembangan web.
Sebelum bergabung, disarankan memiliki pengetahuan dasar PHP dan JavaScript. Kelas ini menyediakan resource assets seperti template HTML, dan hasil proyek dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi agar tidak plagiat.
Silahkan bergabung dan sampai jumpa di kelas!!!
additional tags: php 8, composer, laravel 11, react js 18, typescript, axios, filament php, zod validation, SOLID principle, middleware api, postman, reusable react component, react router, react swiper, twilio, vite.
read more
Learn With Expert
Key Points
-
Belajar bikin dashboard admin dan akun super admin dengan laravel filament php
-
Belajar design database projek sesuai kebutuhan projek dan ERD
-
Menerapkan konsep pemrograman SOLID agar projek mudah dimaintenance
-
Membuat seluruh fitur CRUD untuk mengelola data website dengan aman
-
Membuat fitur notification kirim sms dan pesan whatsapp
-
Membuat projek frontend dengan react dan typescript dan consume endpoint api
Created For
-
Anda yang sedang memperdalam framework laravel dan react
-
Anda yang ingin menerapkan typescript pada projek frontend
-
Anda yang sedang belajar menjadi full-stack web developer
-
Anda yang membutuhkan portfolio website modern
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
842
Happy Students
Happy Students
dimas pradipto
Full-Stack Developer
penejelasan mentor sangat jelas dan bisa dimengerti. materi yang diberikan sangat menarik.
12 Mar 2026
Rayhan Rambe
Lifetime Learner
bagus kaliiii ahhhh
04 Mar 2026
Muhammad Novrizal
Lifetime Learner
oke, lumayan bagus untuk dasar
14 Feb 2026
Mega Yulianti
Full-Stack Developer
materi nya cukupo jelas danb mentor nya mengjarkan step by step dengan mudah di mengerti
14 Feb 2026
joyo nurdiansyah
Front-End Developer
is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
23 Jan 2026
Zeyn
Lifetime Learner
Cukup bagus
08 Jan 2026
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.
