flash sale
hamburger-menu

Kelas Online
Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS

The Modern Monolith Kanban Board

icon global
Release date September 2024
icon convert
Last updated November 2024
Member

146 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Siap untuk memasuki era web modern? Bergabunglah dengan kelas online ini yang akan membimbing Anda dalam membangun website modern menggunakan teknologi terkini seperti Laravel 11, ReactJs, dan InertiaJS.

Apa yang akan Anda dapatkan dari kelas ini? Anda akan dipandu melalui pembuatan sebuah website kanban board sebagai studi kasus. Dengan InertiaJS, Anda akan menguasai cara menciptakan Single Page Application (SPA) tanpa perlu memisahkan proyek Anda menjadi dua bagian, yaitu front-end dan back-end. Ini berarti Anda dapat mengembangkan website secara monolit dengan mudah.

Dari langkah awal menyiapkan Laravel Breeze dan InertiaJS hingga menguasai ReactJS dan teknik-teknik layout yang diperlukan, serta menerapkan fitur-fitur utama seperti drag & drop dengan library DnD kit, kelas ini akan memberikan Anda keterampilan untuk menciptakan website modern dan ramah pengguna. Anda akan memahami konsep-konsep penting dalam Laravel, ReactJS, InertiaJS, TailwindCSS, dan DnD kit.

Tidak hanya itu, dalam kelas ini, Anda juga akan dibimbing dalam membuat datatable sendiri, mulai dari pagination, searching, sorting, hingga teknik-teknik lanjutan lainnya. Menarik, bukan?

Kelas ini sangat ideal bagi siapa saja yang bercita-cita menjadi seorang full stack developer. Bergabunglah sekarang dan ikuti perjalanan belajar dari awal hingga akhir. Dengan kami, Anda juga akan memiliki kesempatan untuk membangun portofolio yang keren dan berpartisipasi dalam forum belajar serta grup privat untuk berkonsultasi bersama mentor kelas.

Jangan lewatkan kesempatan ini untuk menjadi full stack developer! Segera bergabung dan mari kita mulai perjalanan menuju kesuksesan bersama-sama. Sampai jumpa di kelas!

Sneak Peek

Key Points

icon_check

Mempelajari Framework PHP Laravel 11

icon_check

Mempelajari ReactJS untuk pengembangan antarmuka pengguna yang dinamis

icon_check

Menguasai TailwindCSS untuk desain web yang responsif dan menarik

icon_check

Penerapan InertiaJS untuk integrasi antara ReactJS dan Laravel secara monolith

icon_check

Memahami teknik Drag & Drop menggunakan DnD Kit untuk meningkatkan interaktivitas

icon_check

Belajar menggunakan Shadcn/UI untuk menghasilkan antarmuka pengguna yang kreatif dan modern

Designed For

icon_check

Kamu yang bersemangat untuk mempelajari framework PHP Laravel 11

icon_check

Kamu yang tertarik mempelajari ReactJS untuk mengembangkan interface pengguna yang dinamis.

icon_check

Kamu yang ingin membangun website monolith modern dengan menggunakan InertiaJS

icon_check

Kamu yang ingin menguasai teknik membuat kanban board dan menerapkan fungsi drag & drop menggunakan DnD Kit

icon_check

Kamu yang meningkatkan kemampuan dalam styling dengan menggunakan TailwindCSS

icon_check

Kamu yang ingin mempelajari pembuatan datatable secara mandiri untuk mengelola dan menampilkan data

icon_check

Kamu yang ingin belajar cara menerapkan dark mode dengan ReactJS

Course Lessons

Learn With Expert

Mentor Budi Setiawan

Budi Setiawan

Full-Stack Developer

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

(201)

Our Happy Students

Review setelah bergabung di kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS

All Rating
Doflamingo at BuildWithAngga
Doflamingo

Full-Stack Developer

Keren banget kelasnya, materinya sangat lengkap dan penjelasanya mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak! Senang sekali mendengar bahwa kamu menikmati kelasnya dan merasa materi yang diberikan lengkap serta mudah dipahami. Semoga ilmu yang dipelajari bisa bermanfaat dan mendukung perjalanan coding kamu. Tetap semangat belajar! read more

Akhmad Efendy at BuildWithAngga
Akhmad Efendy

Lifetime Learner

Materi yang diberikan sangat lengkap dan mudah dipahami. Coding yang diberikan juga sistematis & terstruktur rapih. read more

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas review positifnya! Senang sekali mendengar bahwa materi dan coding yang saya berikan mudah dipahami dan bermanfaat. Semoga ilmu yang didapatkan bisa membantu dalam pengembangan skill coding kamu. Semangat terus belajar! read more

Dany Ardiansyah at BuildWithAngga
Dany Ardiansyah

Lifetime Learner

Materi bagus, penjalasan juga bagus, kalau kurang paham bisa tanya langsung ke mentor. Terimakasih atas ilmu yang sudah mau dibagikan read more

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasannya dan apresiasi yang diberikan 😊 Senang mendengar bahwa materi dan penjelasan dapat membantu kamu. Semoga ilmu yang didapatkan bermanfaat dan sukses selalu dalam belajar read more

Amzar_12 at BuildWithAngga
Amzar_12

Lifetime Learner

Kelas yang sangat bermanfaat! Materi yang disampaikan lengkap dan sistematis, cocok untuk pemula maupun yang sudah berpengalaman. Penjelasan dari mentor mudah dipahami, dan yang terbaik adalah bisa langsung bertanya jika ada yang kurang jelas. Sangat membantu! Terima kasih atas ilmu yang dibagikan. read more

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasan positifnya, Senang sekali mendengar bahwa materi dan penjelasan yang disampaikan bisa bermanfaat. Jangan ragu untuk bertanya jika ada yang belum dipahami. Semoga sukses dalam perjalanan belajarnya dan terus semangat read more

Syarif Hidayatulloh at BuildWithAngga
Syarif Hidayatulloh

Lifetime Learner

Materi sangat bagus dan terstruktur, penyampaian oleh mentor juga jelas. Terimakasih untuk ilmu yang diberikan read more

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasan positifnya, senang mendengar bahwa materi dan penyampaiannya dapat membantu Anda. Semoga ilmu yang didapat bermanfaat dan sukses selalu untuk perjalanan belajarnya. read more

Belum ada review
loader

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 99,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.
Foto kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS Foto kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS Foto kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS Foto kelas Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS

Bangun Aplikasi Laravel Modern Menggunakan React InertiaJS

The Modern Monolith Kanban Board

  • lock
    Introduction
    8 minutes

  • lock
    Instalasi Laravel
    12 minutes
  • lock
    Hubungkan Dengan Github
    8 minutes
  • lock
    Breeze and Inertia ReactJS
    6 minutes
  • lock
    Rapihkan Dengan Prettier
    9 minutes
  • lock
    Installation ShadcnUI
    7 minutes
  • lock
    Konfigurasi Yang Harus Anda Samakan
    7 minutes
  • lock
    Component Based 1
    5 minutes
  • lock
    Component Based 2
    7 minutes
  • lock
    Component Based 3
    8 minutes
  • lock
    Component Based 4
    5 minutes
  • lock
    Flash Message Helper
    8 minutes

  • lock
    Analisis Terlebih Dahulu
    7 minutes
  • lock
    Model and Migration User
    4 minutes
  • lock
    Model and Migration Workspace
    9 minutes
  • lock
    Model and Migration Card
    6 minutes
  • lock
    Model and Migration Attachment
    2 minutes
  • lock
    Model and Migration Task
    3 minutes
  • lock
    Model and Migration Member
    3 minutes
  • lock
    Relasikan Semuanya
    10 minutes

  • lock
    Kita Buat Layout Utamanya
    7 minutes
  • lock
    Membuat Sidebar
    10 minutes
  • lock
    Buat Sidebar Responsive
    8 minutes
  • lock
    Pisahkan Sidebar dan Sidebar Responsiv
    4 minutes
  • lock
    Refactoring Page Login
    10 minutes
  • lock
    Refactoring page Register
    5 minutes
  • lock
    Refactoring Page Forgot password
    3 minutes
  • lock
    Refactoring Page Confirm Password
    3 minutes
  • lock
    Refactoring Page Reset Password
    3 minutes
  • lock
    Refactoring Page Verify Email
    3 minutes
  • lock
    Shared Data
    10 minutes
  • lock
    Persistent Layout
    5 minutes
  • lock
    Active Menu 1
    9 minutes
  • lock
    Active Menu 2
    3 minutes
  • lock
    Logout
    3 minutes

  • lock
    Tambah Data Workspace 1
    14 minutes
  • lock
    Tambah Data Workspace 2
    15 minutes
  • lock
    Tambah Data Workspace 3
    13 minutes
  • lock
    Tampilkan Workspace
    7 minutes
  • lock
    Show Workspace
    13 minutes
  • lock
    Setting Workspace
    10 minutes
  • lock
    Invite Member Ke Dalam Workspace
    14 minutes
  • lock
    Tampilkan Membernya
    9 minutes
  • lock
    Tampilkan Workspace Untuk Member
    9 minutes
  • lock
    Delete Member Workspace
    6 minutes
  • lock
    Delete Workspace
    6 minutes

  • lock
    Tambah Card 1
    15 minutes
  • lock
    Tambah Card 2
    14 minutes
  • lock
    Tampilkan Card Berdasarkan Status
    15 minutes
  • lock
    Liat Detail Card
    10 minutes
  • lock
    Edit Card
    15 minutes
  • lock
    Delete Card
    6 minutes

  • lock
    Invite Member Ke Dalam Card
    11 minutes
  • lock
    Tampilkan Member
    6 minutes
  • lock
    Hapus Member
    5 minutes
  • lock
    Tambahkan Attachment Ke Dalam Card
    11 minutes
  • lock
    Tampilkan Attachment
    4 minutes
  • lock
    Hapus Attachment
    4 minutes
  • lock
    Tambahkan Task Ke Dalam Card
    5 minutes
  • lock
    Tampilkan Task
    5 minutes
  • lock
    Hapus Task
    3 minutes
  • lock
    Tambahkan Item Ke Dalam Task
    23 minutes
  • lock
    Hapus Item Task
    3 minutes
  • lock
    Marked As Completed Task
    7 minutes
  • lock
    Buatkan Progress Dengan Percentage
    13 minutes

  • lock
    Percantik Card Dengan Drag and Drop 1
    16 minutes
  • lock
    Percantik Card Dengan Drag and Drop 2
    15 minutes
  • lock
    Percantik Card Dengan Drag and Drop 3
    20 minutes

  • lock
    Tampilkan Semua Task Yang Di Assign
    18 minutes

  • lock
    Pagination
    10 minutes
  • lock
    Searching
    11 minutes
  • lock
    Load
    3 minutes
  • lock
    Sorting
    4 minutes

  • lock
    Refactoring Profile Bawaan
    10 minutes

  • lock
    Tampilkan Statistik
    10 minutes
  • lock
    Buat Productivity Chart
    13 minutes
  • lock
    Tampilkan To Do List Pengguna
    9 minutes

  • lock
    Tampilkan Data Pengguna
    15 minutes
  • lock
    Tambah People
    12 minutes
  • lock
    Edit People
    7 minutes
  • lock
    Hapus People
    3 minutes

  • lock
    Kita Butuh Roles
    8 minutes
  • lock
    Berikan Policy Untuk Workspace
    6 minutes
  • lock
    Berikan Policy Untuk Card
    5 minutes

  • lock
    Kita Butuh Observer Untuk Workspace
    4 minutes
  • lock
    Kita Butuh Observer Untuk Card
    2 minutes

  • lock
    Landing Page
    2 minutes
  • lock
    Dark Mode
    12 minutes
  • lock
    Error Handling Inertia
    13 minutes
  • lock
    Server Side Rendering (SSR)
    11 minutes
Develop Your Skills

Siap untuk memasuki era web modern? Bergabunglah dengan kelas online ini yang akan membimbing Anda dalam membangun website modern menggunakan teknologi terkini seperti Laravel 11, ReactJs, dan InertiaJS.

Apa yang akan Anda dapatkan dari kelas ini? Anda akan dipandu melalui pembuatan sebuah website kanban board sebagai studi kasus. Dengan InertiaJS, Anda akan menguasai cara menciptakan Single Page Application (SPA) tanpa perlu memisahkan proyek Anda menjadi dua bagian, yaitu front-end dan back-end. Ini berarti Anda dapat mengembangkan website secara monolit dengan mudah.

Dari langkah awal menyiapkan Laravel Breeze dan InertiaJS hingga menguasai ReactJS dan teknik-teknik layout yang diperlukan, serta menerapkan fitur-fitur utama seperti drag & drop dengan library DnD kit, kelas ini akan memberikan Anda keterampilan untuk menciptakan website modern dan ramah pengguna. Anda akan memahami konsep-konsep penting dalam Laravel, ReactJS, InertiaJS, TailwindCSS, dan DnD kit.

Tidak hanya itu, dalam kelas ini, Anda juga akan dibimbing dalam membuat datatable sendiri, mulai dari pagination, searching, sorting, hingga teknik-teknik lanjutan lainnya. Menarik, bukan?

Kelas ini sangat ideal bagi siapa saja yang bercita-cita menjadi seorang full stack developer. Bergabunglah sekarang dan ikuti perjalanan belajar dari awal hingga akhir. Dengan kami, Anda juga akan memiliki kesempatan untuk membangun portofolio yang keren dan berpartisipasi dalam forum belajar serta grup privat untuk berkonsultasi bersama mentor kelas.

Jangan lewatkan kesempatan ini untuk menjadi full stack developer! Segera bergabung dan mari kita mulai perjalanan menuju kesuksesan bersama-sama. Sampai jumpa di kelas!

read more
Key Points
  • check
    Mempelajari Framework PHP Laravel 11
  • check
    Mempelajari ReactJS untuk pengembangan antarmuka pengguna yang dinamis
  • check
    Menguasai TailwindCSS untuk desain web yang responsif dan menarik
  • check
    Penerapan InertiaJS untuk integrasi antara ReactJS dan Laravel secara monolith
  • check
    Memahami teknik Drag & Drop menggunakan DnD Kit untuk meningkatkan interaktivitas
  • check
    Belajar menggunakan Shadcn/UI untuk menghasilkan antarmuka pengguna yang kreatif dan modern
Created For
  • check
    Kamu yang bersemangat untuk mempelajari framework PHP Laravel 11
  • check
    Kamu yang tertarik mempelajari ReactJS untuk mengembangkan interface pengguna yang dinamis.
  • check
    Kamu yang ingin membangun website monolith modern dengan menggunakan InertiaJS
  • check
    Kamu yang ingin menguasai teknik membuat kanban board dan menerapkan fungsi drag & drop menggunakan DnD Kit
  • check
    Kamu yang meningkatkan kemampuan dalam styling dengan menggunakan TailwindCSS
  • check
    Kamu yang ingin mempelajari pembuatan datatable secara mandiri untuk mengelola dan menampilkan data
  • check
    Kamu yang ingin belajar cara menerapkan dark mode dengan ReactJS
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
146
Happy Students
Doflamingo at BuildWithAngga
Doflamingo

Full-Stack Developer

Keren banget kelasnya, materinya sangat lengkap dan penjelasanya mudah dipahami

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak! Senang sekali mendengar bahwa kamu menikmati kelasnya dan merasa materi yang diberikan lengkap serta mudah dipahami. Semoga ilmu yang dipelajari bisa bermanfaat dan mendukung perjalanan coding kamu. Tetap semangat belajar!

Akhmad Efendy at BuildWithAngga
Akhmad Efendy

Lifetime Learner

Materi yang diberikan sangat lengkap dan mudah dipahami. Coding yang diberikan juga sistematis & terstruktur rapih.

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas review positifnya! Senang sekali mendengar bahwa materi dan coding yang saya berikan mudah dipahami dan bermanfaat. Semoga ilmu yang didapatkan bisa membantu dalam pengembangan skill coding kamu. Semangat terus belajar!

Dany Ardiansyah at BuildWithAngga
Dany Ardiansyah

Lifetime Learner

Materi bagus, penjalasan juga bagus, kalau kurang paham bisa tanya langsung ke mentor. Terimakasih atas ilmu yang sudah mau dibagikan

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasannya dan apresiasi yang diberikan 😊 Senang mendengar bahwa materi dan penjelasan dapat membantu kamu. Semoga ilmu yang didapatkan bermanfaat dan sukses selalu dalam belajar

Amzar_12 at BuildWithAngga
Amzar_12

Lifetime Learner

Kelas yang sangat bermanfaat! Materi yang disampaikan lengkap dan sistematis, cocok untuk pemula maupun yang sudah berpengalaman. Penjelasan dari mentor mudah dipahami, dan yang terbaik adalah bisa langsung bertanya jika ada yang kurang jelas. Sangat membantu! Terima kasih atas ilmu yang dibagikan.

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasan positifnya, Senang sekali mendengar bahwa materi dan penjelasan yang disampaikan bisa bermanfaat. Jangan ragu untuk bertanya jika ada yang belum dipahami. Semoga sukses dalam perjalanan belajarnya dan terus semangat

Syarif Hidayatulloh at BuildWithAngga
Syarif Hidayatulloh

Lifetime Learner

Materi sangat bagus dan terstruktur, penyampaian oleh mentor juga jelas. Terimakasih untuk ilmu yang diberikan

ic-star ic-star ic-star ic-star ic-star
Budi Setiawan

Mentor

Terima kasih banyak atas ulasan positifnya, senang mendengar bahwa materi dan penyampaiannya dapat membantu Anda. Semoga ilmu yang didapat bermanfaat dan sukses selalu untuk perjalanan belajarnya.

loader

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.

Rp 99,000

Rp 260,000

arrow_upward