Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Laravel 11, Filament, React, TypeScript: Web Food Recipes
Kelas Online
Laravel 11, Filament, React, TypeScript: Web Food Recipes
Released date July 2024
Last updated March 2026
Member
364 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Selamat datang di kelas web development yang dirancang untuk menguasai teknologi web terbaru seperti PHP, JavaScript, Laravel, React JS, dan FilamentPHP. Anda akan belajar menggunakan PHP 8, React JS 18, dan Laravel 11, serta TypeScript untuk kode yang rapi dan mudah dipelihara.
Proyek utama adalah membangun website penyedia buku resep makanan dengan fitur kategori, pencarian, detail resep, dan unduhan PDF. Anda juga akan membuat dashboard CMS untuk super admin dengan FilamentPHP. Proyek ini akan terhubung dengan database MySQL untuk manajemen data yang efisien.
Pengembangan dimulai dari backend dengan membuat API yang dilindungi CORS dan custom API key, kemudian menggunakan API tersebut dalam proyek React JS. Proyek berjalan di server lokal, tanpa perlu deployment ke production.
Desain UI/UX yang menarik dan responsif akan memastikan pengalaman pengguna terbaik, dengan pendekatan mobile-first. Kami akan menggunakan tools gratis seperti Visual Studio Code, Composer, XAMPP/MAMP, serta terminal/command prompt.
Pengetahuan dasar tentang PHP dan JavaScript sangat disarankan sebelum bergabung. Kelas ini menyediakan berbagai resource belajar seperti template HTML untuk mempercepat pengembangan. Proyek akhir dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi.
Dengan pendekatan terstruktur dan komprehensif, kelas ini memberikan pengalaman belajar yang bermanfaat dan relevan dengan kebutuhan industri. Bergabunglah sekarang dan tingkatkan keahlian web development Anda!
Sneak Peek
Key Points
Membuat akun super admin dan CMS menggunakan filament sehingga lebih cepat
Membuat API resource agar dapat digunakan oleh project frontend dengan react
Melakukan quality assurance pada fitur CMS dan endpoint API dengan postman
Menggunakan typescript pada projek react agar lebih rapih dari segi kodingan
Menerapkan reusable component, props, usestate, useffect, dan hooks lainnya
Menggunakan axios untuk fetching endpoint api dan mapping data tersebut
Designed For
Anda yang sedang belajar website development dan ingin membangun real project
Anda yang sedang memperdalam karir backend developer dengan laravel
Anda yang sedang memulai karir frontend menggunakan react dan typescript
Course Lessons
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.4K)
Nadd
Lifetime Learner
👍👍👍dapat dipahami dengan mudah dan mempelajari banyak ilmu baru read more
05 Feb 2026
Muhammad Ilham
Lifetime Learner
cukup untuk menambah pengetehuan laravel dan react js read more
17 Aug 2025
Bagas Riatma P
Lifetime Learner
Kelas mudah dipahami dan forum diskusi yang bisa membantu siswa ketika kesulitan, ini hal yang sangat membantu read more
30 Jul 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Laravel
Software
React JS
Software
Figma
Software
Type Script
Software
VSCode
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
(843)
Android Jetpack Compose: Jello eCommerce
Rp 550,000
(105)
(216)
Source Code Laravel 12 React Web Gudang Toko Management
Rp
1,000,000
Rp
70,000
(158)
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.
Laravel 11, Filament, React, TypeScript: Web Food Recipes
-
Demo projek kelasVideo 10 minutes -
Install ToolsVideo 3 minutes
-
Bikin projek laravel 11 dan konek dbVideo 6 minutes
-
Bikin model, migration, fillableVideo 8 minutes
-
Model fillable dan relationshipVideo 10 minutes
-
Install package filament cms adminVideo 5 minutes
-
Coding fitur CRUD categoryVideo 7 minutes
-
CRUD ingredient dan authorVideo 6 minutes
-
Mastering CRUD, repeater, relationshipVideo 17 minutes
-
Bikin API Resource categoryVideo 13 minutes
-
Uji coba api category postmanVideo 12 minutes
-
Bikin API details recipeVideo 18 minutes
-
Bikin API search recipeVideo 4 minutes
-
Bikin projek react dengan viteVideo 7 minutes
-
HTML to React home pageVideo 7 minutes
-
Install react router domVideo 5 minutes
-
Bikin carousel dengan swiper reactVideo 6 minutes
-
Bikin component category dan recipeVideo 8 minutes
-
Install axios dan test fetchingVideo 7 minutes
-
Axios fetching api dan propsVideo 12 minutes
-
Tampilkan data recipe di homeVideo 8 minutes
-
Coding fitur pencarian recipeVideo 19 minutes
-
Coding halaman details categoryVideo 14 minutes
-
Coding latest dan link navigationVideo 13 minutes
-
Coding recipe details pageVideo 14 minutes
-
React swiper dan link navigationVideo 17 minutes
-
Finalizing recipe detailsVideo 9 minutes
-
Belajar menerapkan CORS apiVideo 5 minutes
-
Custom middleware api keyVideo 8 minutes
-
Menerapkan header api pada reactVideo 7 minutes
Member
364
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Selamat datang di kelas web development yang dirancang untuk menguasai teknologi web terbaru seperti PHP, JavaScript, Laravel, React JS, dan FilamentPHP. Anda akan belajar menggunakan PHP 8, React JS 18, dan Laravel 11, serta TypeScript untuk kode yang rapi dan mudah dipelihara.
Proyek utama adalah membangun website penyedia buku resep makanan dengan fitur kategori, pencarian, detail resep, dan unduhan PDF. Anda juga akan membuat dashboard CMS untuk super admin dengan FilamentPHP. Proyek ini akan terhubung dengan database MySQL untuk manajemen data yang efisien.
Pengembangan dimulai dari backend dengan membuat API yang dilindungi CORS dan custom API key, kemudian menggunakan API tersebut dalam proyek React JS. Proyek berjalan di server lokal, tanpa perlu deployment ke production.
Desain UI/UX yang menarik dan responsif akan memastikan pengalaman pengguna terbaik, dengan pendekatan mobile-first. Kami akan menggunakan tools gratis seperti Visual Studio Code, Composer, XAMPP/MAMP, serta terminal/command prompt.
Pengetahuan dasar tentang PHP dan JavaScript sangat disarankan sebelum bergabung. Kelas ini menyediakan berbagai resource belajar seperti template HTML untuk mempercepat pengembangan. Proyek akhir dapat digunakan sebagai portofolio atau dijual kembali setelah dimodifikasi.
Dengan pendekatan terstruktur dan komprehensif, kelas ini memberikan pengalaman belajar yang bermanfaat dan relevan dengan kebutuhan industri. Bergabunglah sekarang dan tingkatkan keahlian web development Anda!
read more
Learn With Expert
Key Points
-
Membuat akun super admin dan CMS menggunakan filament sehingga lebih cepat
-
Membuat API resource agar dapat digunakan oleh project frontend dengan react
-
Melakukan quality assurance pada fitur CMS dan endpoint API dengan postman
-
Menggunakan typescript pada projek react agar lebih rapih dari segi kodingan
-
Menerapkan reusable component, props, usestate, useffect, dan hooks lainnya
-
Menggunakan axios untuk fetching endpoint api dan mapping data tersebut
Created For
-
Anda yang sedang belajar website development dan ingin membangun real project
-
Anda yang sedang memperdalam karir backend developer dengan laravel
-
Anda yang sedang memulai karir frontend menggunakan react dan typescript
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
364
Happy Students
Happy Students
Nadd
Lifetime Learner
👍👍👍dapat dipahami dengan mudah dan mempelajari banyak ilmu baru
05 Feb 2026
Spirit Learner
Full-Stack Developer
sangat bagus
19 Sep 2025
Muhammad Ilham
Lifetime Learner
cukup untuk menambah pengetehuan laravel dan react js
17 Aug 2025
Bagas Riatma P
Lifetime Learner
Kelas mudah dipahami dan forum diskusi yang bisa membantu siswa ketika kesulitan, ini hal yang sangat membantu
30 Jul 2025
Chris
Full-Stack Developer
Mudah dipahami
23 May 2025
Ardi Hidayat
Mobile App Developer
materi disampaikan dengan jelas
19 May 2025
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.
