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
How to become full stack web developer
Release date July 2024
Last updated April 2025
Member
702 enrolled
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.
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
Learn With Expert
Angga Risky S
Full-Stack Developer
(431.1K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Laravel
Software Gratis
React JS
Software Gratis
Figma
Software Gratis
Type Script
Software Gratis
Mysql
Software Gratis
VSCode
Software Gratis
PHP V 8
Software Gratis
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
(176)
Source Code Laravel 12 React Web Gudang Toko Management
Rp
260,000
Rp
88,000
(50)
Envato Mastery: Build a Passive Income from Selling Template
Rp
2,650,000
Rp
100,000
(1,329)
Bikin Web Like Discord: Full Stack JavaScript 2025
Rp
690,000
Rp
289,000
(21)
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
How to become full stack web developer
-
Demo projek kelas11 minutes -
Persiapan tools development5 minutes
-
Bikin projek backend laravel 1111 minutes
-
Skema database dengan migration10 minutes
-
Mass assignment, ORM relationship12 minutes
-
Install package filamentphp5 minutes
-
Coding CRUD data city10 minutes
-
Coding CRUD data office14 minutes
-
CRUD data booking dan api key7 minutes
-
Membuat API JSON Resource10 minutes
-
Membuat routing endpoint API6 minutes
-
Membuat controller setiap endpoint10 minutes
-
Uji coba api dengan postman5 minutes
-
Custom middleware api key5 minutes
-
Bikin projek react dengan vite9 minutes
-
Belajar react router dom12 minutes
-
Belajar bikin swiper slide carousel11 minutes
-
Belajar bikin component dan wrapper8 minutes
-
Belajar axios, endpoint api, props17 minutes
-
Axios api data office7 minutes
-
Belajar useParams city details11 minutes
-
Menampilkan details data office20 minutes
-
Zod, axios post, form validation30 minutes
-
Membuat fitur laravel simpan booking15 minutes
-
Coding fitur check booking transaction26 minutes
-
Coding kirim sms booking transaction14 minutes
-
Approve transaksi dan kirim sms8 minutes
-
Integrasi dengan whatsapp notification9 minutes
-
Refactoring coding apiClient12 minutes
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
702
Happy Students
Happy Students
Muhammad Fikri Rouzan Ash Shidik
Lifetime Learner
ada sedikit kendala tapi bisa diatasi
Aditiya Firmansyah
Full-Stack JavaScript Develope...
keren kelasnya good
Dwinando Sitompul
Front-End Developer
Good Class
izza wildan ridhoni
Full-Stack Developer
Materinya Keren
Helmi agustiawan
Full-Stack Developer
Singkat, padat, dan daging untuk materinya
Mulyana
Full-Stack Developer
materi yang lengkap
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.
