Akses kelas 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
Build a modern website from scratch
Release date July 2024
Last updated August 2024
Member
206 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
(411.1K)
Royan Husen Fatih
Mobile App Developer
Materi yang disajikan sangat relevan dengan tren terbaru di industri. read more
Ferry Sumartanto
Full-Stack Developer
sangat mudah dipahami dan bisa dengan mudah di ikuti, tambahan sangat membantu jika ada proses login user nya. terima kasih read more
Khadafi Ichsan
Full-Stack Developer
materi yang diberikan sudah cukup baik dalam hal menyampaian dan detail dari setiap materi. read more
Raditya Adi Santoso
Lifetime Learner
Overall oke materinya, jadi tertantang buat solve challege yang diberikan. Semoga bisa bikin project sendiri dari materi yang didapat dari kelas ini 💪🔥 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
.jpg)
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
206
Happy Students
Happy Students
husen007
Mobile App Developer
Materi yang disajikan sangat relevan dengan tren terbaru di industri.
feicha0909
Full-Stack Developer
sangat mudah dipahami dan bisa dengan mudah di ikuti, tambahan sangat membantu jika ada proses login user nya. terima kasih
khadafiichsan99
Full-Stack Developer
materi yang diberikan sudah cukup baik dalam hal menyampaian dan detail dari setiap materi.
danixsofyan
Full-Stack Developer
nice
radityaadi25141
Lifetime Learner
Overall oke materinya, jadi tertantang buat solve challege yang diberikan. Semoga bisa bikin project sendiri dari materi yang didapat dari kelas ini 💪🔥
anonymoush018
Mobile App Developer
Kelasnya sangat menarik dan mudah dipahami
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.
