flash sale
hamburger-menu

Kelas Online
Laravel 11, Filament, React, TypeScript: Web Food Recipes

Build a modern website from scratch

icon global
Release date July 2024
icon convert
Last updated July 2024
Member

18 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Membuat akun super admin dan CMS menggunakan filament sehingga lebih cepat

icon_check

Membuat API resource agar dapat digunakan oleh project frontend dengan react

icon_check

Melakukan quality assurance pada fitur CMS dan endpoint API dengan postman

icon_check

Menggunakan typescript pada projek react agar lebih rapih dari segi kodingan

icon_check

Menerapkan reusable component, props, usestate, useffect, dan hooks lainnya

icon_check

Menggunakan axios untuk fetching endpoint api dan mapping data tersebut

Designed For

icon_check

Anda yang sedang belajar website development dan ingin membangun real project

icon_check

Anda yang sedang memperdalam karir backend developer dengan laravel

icon_check

Anda yang sedang memulai karir frontend menggunakan react dan typescript

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(402.5K)

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

icon_check

Selamanya

Rp 189,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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

  • lock
    Demo projek kelas
    10 minutes
  • lock
    Install Tools
    3 minutes
  • lock
    Bikin projek laravel 11 dan konek db
    6 minutes
  • lock
    Bikin model, migration, fillable
    8 minutes
  • lock
    Model fillable dan relationship
    10 minutes

  • lock
    Bikin API Resource category
    13 minutes
  • lock
    Uji coba api category postman
    12 minutes
  • lock
    Bikin API details recipe
    18 minutes
  • lock
    Bikin API search recipe
    4 minutes

  • lock
    Bikin projek react dengan vite
    7 minutes
  • lock
    HTML to React home page
    7 minutes
  • lock
    Install react router dom
    5 minutes
  • play
  • lock
    Bikin component category dan recipe
    8 minutes

  • lock
    Install axios dan test fetching
    7 minutes
  • lock
    Axios fetching api dan props
    12 minutes
  • lock
    Tampilkan data recipe di home
    8 minutes
  • lock
    Coding fitur pencarian recipe
    19 minutes
  • lock
    Coding halaman details category
    14 minutes
  • lock
    Coding latest dan link navigation
    13 minutes
  • lock
    Coding recipe details page
    14 minutes
  • play
  • lock
    Finalizing recipe details
    9 minutes

  • lock
    Belajar menerapkan CORS api
    5 minutes
  • lock
    Custom middleware api key
    8 minutes
  • lock
    Menerapkan header api pada react
    7 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
  • check
    Membuat akun super admin dan CMS menggunakan filament sehingga lebih cepat
  • check
    Membuat API resource agar dapat digunakan oleh project frontend dengan react
  • check
    Melakukan quality assurance pada fitur CMS dan endpoint API dengan postman
  • check
    Menggunakan typescript pada projek react agar lebih rapih dari segi kodingan
  • check
    Menerapkan reusable component, props, usestate, useffect, dan hooks lainnya
  • check
    Menggunakan axios untuk fetching endpoint api dan mapping data tersebut
Created For
  • check
    Anda yang sedang belajar website development dan ingin membangun real project
  • check
    Anda yang sedang memperdalam karir backend developer dengan laravel
  • check
    Anda yang sedang memulai karir frontend menggunakan react dan typescript
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
18
Happy Students
Belum ada review

Rp 189,000

Rp 550,000

arrow_upward