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
Build a modern website from scratch
Release date July 2024
Last updated August 2024
Member
188 enrolled
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!
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
.png)
Angga Risky
Full-Stack Developer
(410.2K)
Muh. Zhen
Lifetime Learner
Terima kasih banyak atas ilmu yang diberikan! semoga platform bwa sukses selalu 👍🏻🤩 read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Laravel 11, Filament, React, TypeScript: Web Food Recipes
Belum ada hasil karya
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
Full-Stack JavaScript MERN 2025: Web Course LMS
Rp
690,000
Rp
229,000
(22)
Slicing Figma to FlutterFlow: Aplikasi Booking Luxury Hotel
Rp
550,000
Rp
129,000
(51)
Android Developer : Build Apps with Compose
Rp
150,000
Rp
69,000
(10)
Envato Mastery: Build a Passive Income from Selling Template
Rp
2,650,000
Rp
1,250,000
(452)
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
Build a modern website from scratch
-
Demo projek kelas10 minutes -
Install Tools3 minutes
-
Bikin projek laravel 11 dan konek db6 minutes
-
Bikin model, migration, fillable8 minutes
-
Model fillable dan relationship10 minutes
-
Install package filament cms admin5 minutes
-
Coding fitur CRUD category7 minutes
-
CRUD ingredient dan author6 minutes
-
Mastering CRUD, repeater, relationship17 minutes
-
Bikin API Resource category13 minutes
-
Uji coba api category postman12 minutes
-
Bikin API details recipe18 minutes
-
Bikin API search recipe4 minutes
-
Bikin projek react dengan vite7 minutes
-
HTML to React home page7 minutes
-
Install react router dom5 minutes
-
Bikin carousel dengan swiper react6 minutes
-
Bikin component category dan recipe8 minutes
-
Install axios dan test fetching7 minutes
-
Axios fetching api dan props12 minutes
-
Tampilkan data recipe di home8 minutes
-
Coding fitur pencarian recipe19 minutes
-
Coding halaman details category14 minutes
-
Coding latest dan link navigation13 minutes
-
Coding recipe details page14 minutes
-
React swiper dan link navigation17 minutes
-
Finalizing recipe details9 minutes
-
Belajar menerapkan CORS api5 minutes
-
Custom middleware api key8 minutes
-
Menerapkan header api pada react7 minutes
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
188
Happy Students
Happy Students
ahmadainulyaqin131
Lifetime Learner
.
muhzhen006
Lifetime Learner
Terima kasih banyak atas ilmu yang diberikan! semoga platform bwa sukses selalu 👍🏻🤩
vergatandika852
Full-Stack Developer
course yang lengkap
arisfariz26
Full-Stack Developer
Kelasnya sangat menarik untuk dipelajari
muhamadfajri9090
Lifetime Learner
mantap
aryfadtya122
Lifetime Learner
materinya bagus walaupun sedikit pusing memahaminya
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.
