Masuk /
Daftar
Kelas Online
Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React
Website Perpustakaan Modern
Release date October 2024
Last updated November 2024
Member
78 enrolled
Tingkatan
Sertifikat
Konsultasi
238 lessons (24.4 hours)
Develop Your Skills
Kelas online Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy hadir sebagai solusi bagi Anda yang ingin menguasai pengembangan website perpustakaan yang modern. Dalam kelas ini, Anda tidak hanya akan belajar memanfaatkan framework Laravel dan React, tetapi juga akan diajarkan bagaimana cara menyajikan konten secara dinamis melalui Inertia.js, serta menerapkan desain responsif yang menarik dengan Tailwind CSS.
Kelas ini dirancang untuk memberikan pemahaman mendalam mengenai konsep-konsep dasar pengembangan web hingga implementasi fitur-fitur canggih seperti autentikasi berbasis peran menggunakan Laravel Spatie Role and Permission. Anda akan mendapatkan pengalaman dalam mengatur middleware rute secara dinamis melalui CMS yang Anda bangun sendiri. Dengan demikian, Anda akan mampu menciptakan struktur website yang kuat dan aman.
Selama mengikuti kelas ini, Anda juga akan mempelajari integrasi pembayaran denda menggunakan Midtrans, yang akan mempermudah proses transaksi bagi pengunjung perpustakaan. Tak hanya itu, pembelajaran tentang cara menampilkan data secara visual menggunakan Recharts dan penerapan mode gelap (dark mode) akan menambah daya tarik website Anda.
Kelas ini terbuka untuk semua kalangan, baik pemula yang baru mengenal dunia pengembangan website maupun programmer berpengalaman yang ingin memperdalam keterampilannya. Dengan modul pembelajaran yang terstruktur dengan baik. Anda akan memperoleh pembelajaran yang menyeluruh dan aplikatif. Segera bergabung dan wujudkan impian Anda untuk menciptakan website perpustakaan yang tidak hanya menarik, tetapi juga fungsional.
Mari kita optimalkan potensi teknologi bersama dan kembangkan keterampilan Anda dalam membangun website perpustakaan yang menarik perhatian dengan kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy. Anda sudah siap untuk memulai perjalanan ini? Bergabunglah sekarang dan bawa ide Anda menjadi kenyataan!
Sneak Peek
Key Points
Mendalami Laravel dan React: Pelajari bagaimana menggabungkan Laravel sebagai backend dan React untuk front-end yang interaktif.
InertiaJS: Pahami cara menggunakan InertiaJS untuk mentransformasikan aplikasi dari pendekatan halaman penuh menjadi aplikasi satu halaman yang lebih responsif.
Desain Responsif dengan TailwindCSS: Ciptakan tampilan yang menarik dan responsif untuk pengguna desktop dan mobile dengan TailwindCSS.
Implementasi Role dan Permission: Kuasai cara menggunakan Laravel Spatie untuk mengatur hak akses pengguna secara dinamis melalui CMS.
Pembayaran Denda dengan Midtrans: Integrasikan sistem pembayaran yang aman untuk transaksi denda dengan menggunakan Midtrans.
Penggunaan ShadcnUI dan DataTable: Manfaatkan komponen UI yang modern dan tabel data yang dinamis untuk meningkatkan keterlibatan pengguna.
Menjaga Kode Bersih dengan Prettier: Pelajari cara merapikan kode Anda menggunakan Prettier untuk memudahkan pengembangan dan kolaborasi.
SSR dan Mode Gelap: Implementasikan Server-Side Rendering dan pilihan mode gelap untuk meningkatkan pengalaman pengguna.
Membuat Visualisasi Data: Gunakan Recharts untuk mengembangkan chart yang informatif dan interaktif.
Designed For
Peserta yang Semangat Belajar: Kelas ini ditujukan untuk individu yang ingin mengembangkan keterampilan programming, baik pemula maupun yang sudah berpengalaman.
Cocok bagi para developer yang ingin memperdalam keterampilan dalam framework Laravel dan React serta implementasi praktik terbaik.
Ideal untuk siapa saja yang memiliki minat dalam teknologi terkini dan ingin menerapkannya dalam proyek nyata, terutama di bidang pengembangan aplikasi web.
Kelas ini juga relevan untuk para mahasiswa yang ingin menguasai tools modern untuk aplikasi web
Course Lessons
Learn With Expert
Budi Setiawan
Full-Stack Developer
(252)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software Gratis
Laravel
Software Gratis
React JS
Software Gratis
Node JS
Software Gratis
GitHub
Software Gratis
Tailwind CSS
Software Gratis
JavaScript
Software Gratis
Mysql
Software Gratis
Git
Software Gratis
NPM
Software Gratis
Table Plus
Software Gratis
Ngrok
Software Gratis
PHP V 8
Software Gratis
.png){kind=spacer}
Midtrans
Software Berbayar
InertiaJS
Software Gratis
Shadcn/ui
Software Gratis
Prettier
Software Gratis
Vite
Software Gratis
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 890,000
Rp 269,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
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.
Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React
Website Perpustakaan Modern
-
Introduction20 minutes -
Kenapa Laravel3 minutes
-
Kenapa ReactJS4 minutes
-
Kenapa InertiaJS4 minutes
-
Instalasi Laravel6 minutes
-
Instalasi Breeze4 minutes
-
Sekarang Kita Coba5 minutes
-
Enum Book Language5 minutes
-
Enum Book Status3 minutes
-
Enum Fine Payment Status3 minutes
-
Enum Return Book Condition2 minutes
-
Enum Return Book Status2 minutes
-
Enum User Gender2 minutes
-
Enum Message Type5 minutes
-
Model dan Migration User15 minutes
-
Model dan Migration Kategori3 minutes
-
Model dan Migration Penerbit2 minutes
-
Model dan Migration Buku11 minutes
-
Model dan Migration Stok Buku4 minutes
-
Model dan Migration Peminjaman4 minutes
-
Model dan Migration Pengembalian4 minutes
-
Model dan Migration Pengembalian Cek3 minutes
-
Model dan Migration Denda5 minutes
-
Model dan Migration Pengaturan Denda3 minutes
-
Model dan Migration Pengumuman2 minutes
-
Relasikan Modelnya10 minutes
-
Modifikasi User Factory3 minutes
-
Buat Category Factory4 minutes
-
Buat Publisher Factory3 minutes
-
Buat Category Seeder2 minutes
-
Buat Publisher Seeder1 minutes
-
Call All Seeder7 minutes
-
Buat Flash Message4 minutes
-
Buat Username Generator5 minutes
-
Buat Signature Payment3 minutes
-
Composer Dump Autoload2 minutes
-
Upload File10 minutes
-
Kenalan Dengan Shadcn UI3 minutes
-
Installasi Shadcn UI4 minutes
-
Pilih Komponen Yang Kita Butuhkan3 minutes
-
Modifikasi Komponen Shadcn UI7 minutes
-
Modifikasi Application Logo6 minutes
-
Modifikasi Nav Link4 minutes
-
Modifikasi Input Error1 minutes
-
Buat Nav Link Responsive3 minutes
-
Buat Header Title2 minutes
-
Buat Badge Status4 minutes
-
Multi Select dan Combo Box1 minutes
-
Object Fine Payment Status1 minutes
-
Flash Message3 minutes
-
Konversi Mata Uang Rupiah3 minutes
-
Message Error4 minutes
-
Font Custom dan Storage2 minutes
-
Perlu Kita Rapihkan Kodenya7 minutes
-
Kita Buat Layout Utamanya16 minutes
-
Buat Sidebar8 minutes
-
Buat Sidebar Responsive6 minutes
-
Pisahkan Sidebar Ke Dalam Component3 minutes
-
Active Menu5 minutes
-
Shared Data Auth10 minutes
-
Persistent Layout3 minutes
-
Logout3 minutes
-
Refactoring Page Login20 minutes
-
Refactoring Page Register13 minutes
-
Refactoring Page Forgot Password7 minutes
-
Refactoring Page Confirm Password6 minutes
-
Refactoring Page Reset Password7 minutes
-
Refactoring Page Verify Email5 minutes
-
Testing Lupa Password dan Verify Email6 minutes
-
Siapkan Route dan Controller4 minutes
-
Tampilkan Data Kategori18 minutes
-
Buat Resourcenya3 minutes
-
Request Validation2 minutes
-
Tambah Data Kategori27 minutes
-
Edit Data Kategori9 minutes
-
Hapus Data Kategori4 minutes
-
Use Filter6 minutes
-
Pagination8 minutes
-
Searching6 minutes
-
Load4 minutes
-
Sorting5 minutes
-
Clear All2 minutes
-
Scope5 minutes
-
Siapkan Route dan Controller2 minutes
-
Buat Resourcenya2 minutes
-
Scope Filter dan Sorting4 minutes
-
Request Validation3 minutes
-
Tampilkan Data Penerbit10 minutes
-
Tambahkan Data Penerbit10 minutes
-
Edit Data Penerbit5 minutes
-
Hapus Data Penerbit3 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya5 minutes
-
Scope Filter dan Sorting3 minutes
-
Request Validation6 minutes
-
Tampilkan Data Bukunya13 minutes
-
Tambah Data Buku27 minutes
-
Tambahkan Stoknya Juga6 minutes
-
Buat Kode Buku Berdasarkan Kategori5 minutes
-
Edit Data Buku6 minutes
-
Hapus Data Buku5 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya3 minutes
-
Scope Filter dan Sorting3 minutes
-
Request Validation5 minutes
-
Tampilkan Data Pengguna9 minutes
-
Tambahkan Data Pengguna13 minutes
-
Edit Data Pengguna5 minutes
-
Hapus Data Pengguna4 minutes
-
Siapkan Route dan Controller2 minutes
-
Request Validation2 minutes
-
Atur Pengaturan Denda8 minutes
-
Siapkan Route dan Controller1 minutes
-
Buatkan Resourcenya4 minutes
-
Scope Filter dan Sorting3 minutes
-
Request Validation2 minutes
-
Tampilkan Data Peminjaman9 minutes
-
Tambah Data Peminjaman17 minutes
-
Edit Data Peminjaman5 minutes
-
Hapus Data Peminjaman4 minutes
-
Cek Peminjaman Buku4 minutes
-
Kondisi Stok Buku Ketika Pinjam9 minutes
-
Siapkan Route dan Controller3 minutes
-
Buat Resourcenya6 minutes
-
Scope Filter dan Sorting7 minutes
-
Request Validation2 minutes
-
Tampilkan Data Pengembalian12 minutes
-
Kembalikan Buku Yang Dipinjam26 minutes
-
Logika Stok Buku4 minutes
-
Kasih Denda15 minutes
-
DB Transaction2 minutes
-
Buat Resourcenya10 minutes
-
Lihat Detail Denda19 minutes
-
Siapkan Route dan Controller2 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya2 minutes
-
Request Validation2 minutes
-
Tampilkan Data Pengumuman7 minutes
-
Tambah Data Pengumuman10 minutes
-
Edit Data Pengumuman4 minutes
-
Hapus Data Pengumuman3 minutes
-
Buat Banner Pengumuman6 minutes
-
Tampilkan Pengumuman Aktif3 minutes
-
Refactoring Page Update Profile6 minutes
-
Refactoring Page Update Password4 minutes
-
Refactoring Delete User4 minutes
-
Refactoring Edit6 minutes
-
Pengenalan Spatie Role Permission1 minutes
-
Cara Installasi3 minutes
-
Buat Role4 minutes
-
Buat Permission3 minutes
-
Role Seeder4 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya1 minutes
-
Request Validation2 minutes
-
Tampilkan Data Role Nya7 minutes
-
Tambah Data Role8 minutes
-
Edit Data Role2 minutes
-
Hapus Data Role2 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya1 minutes
-
Request Validation2 minutes
-
Tampilkan Data Permission7 minutes
-
Tambahkan Data Permission4 minutes
-
Edit Data Permission3 minutes
-
Hapus Data Permission2 minutes
-
Siapkan Route dan Controller2 minutes
-
Buat Resourcenya1 minutes
-
Request Validation2 minutes
-
Tampilkan Assign Permissions6 minutes
-
Synchronize Assign Permission15 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya1 minutes
-
Request Validation1 minutes
-
Tampilkan Data Assign User6 minutes
-
Synchronize Assign User7 minutes
-
Buat Model dan Migration3 minutes
-
Siapkan Route dan Controller2 minutes
-
Buat Resourcenya2 minutes
-
Scope Filter dan Sorting5 minutes
-
Request Validation2 minutes
-
Tampilkan Data Route Access8 minutes
-
Tambah Data Route Access18 minutes
-
Edit Data Route Access5 minutes
-
Hapus Data Route Access3 minutes
-
Siapkan Route dan Controller Nya2 minutes
-
Slicing Peminjaman13 minutes
-
Buat Resourcenya5 minutes
-
Tampilkan Datanya18 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resourcenya2 minutes
-
Tampilkan Datanya25 minutes
-
Siapkan Route dan Controller Nya3 minutes
-
Buat Resourcenya2 minutes
-
Scope Filter dan Sorting4 minutes
-
Request Validation2 minutes
-
Tampilkan Data Stok Buku8 minutes
-
Edit Data Stok Buku16 minutes
-
Definisikan Role Pada Auth3 minutes
-
Kondisi Pada Sidebar13 minutes
-
Slicing Dashboard17 minutes
-
Tampilkan Datanya17 minutes
-
Siapkan Route dan Controller3 minutes
-
Buat Resource7 minutes
-
Tampilkan Bukunya23 minutes
-
Detail Buku7 minutes
-
Siapkan Route dan Controller1 minutes
-
Tampilkan Data Kategori15 minutes
-
Detail Kategori6 minutes
-
Siapkan Route dan Controller2 minutes
-
Buat Resourcenya5 minutes
-
Tampilkan Data Peminjaman8 minutes
-
Pinjam Buku7 minutes
-
Detail Peminjaman15 minutes
-
Siapkan Route dan Controller1 minutes
-
Buat Resource7 minutes
-
Tampilkan Data Pengembalian11 minutes
-
Kembalikan Buku6 minutes
-
Detail Pengembalian21 minutes
-
Setujui Pengembalian Buku20 minutes
-
Siapkan Route dan Controller2 minutes
-
Buat Resourcenya5 minutes
-
Tampilkan Dendanya15 minutes
-
Apa Itu Midtrans2 minutes
-
Konfigurasi Midtrans4 minutes
-
Midtrans Create Transaction7 minutes
-
Midtrans Callback9 minutes
-
Integrasi Pembayaran Denda8 minutes
-
Payment Success5 minutes
-
Testing Ngrok14 minutes
-
Buat Komponen Chart17 minutes
-
Tampilkan Chartnya11 minutes
-
Error Handling11 minutes
-
Buat Route Dynamic Middleware11 minutes
-
Gunakan Middleware dan Seeder Route13 minutes
-
Kunci Halaman Dengan Konfirmasi Password4 minutes
-
Dark Mode8 minutes
-
Duster dan Build2 minutes
Develop Your Skills
Kelas online Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy hadir sebagai solusi bagi Anda yang ingin menguasai pengembangan website perpustakaan yang modern. Dalam kelas ini, Anda tidak hanya akan belajar memanfaatkan framework Laravel dan React, tetapi juga akan diajarkan bagaimana cara menyajikan konten secara dinamis melalui Inertia.js, serta menerapkan desain responsif yang menarik dengan Tailwind CSS.
Kelas ini dirancang untuk memberikan pemahaman mendalam mengenai konsep-konsep dasar pengembangan web hingga implementasi fitur-fitur canggih seperti autentikasi berbasis peran menggunakan Laravel Spatie Role and Permission. Anda akan mendapatkan pengalaman dalam mengatur middleware rute secara dinamis melalui CMS yang Anda bangun sendiri. Dengan demikian, Anda akan mampu menciptakan struktur website yang kuat dan aman.
Selama mengikuti kelas ini, Anda juga akan mempelajari integrasi pembayaran denda menggunakan Midtrans, yang akan mempermudah proses transaksi bagi pengunjung perpustakaan. Tak hanya itu, pembelajaran tentang cara menampilkan data secara visual menggunakan Recharts dan penerapan mode gelap (dark mode) akan menambah daya tarik website Anda.
Kelas ini terbuka untuk semua kalangan, baik pemula yang baru mengenal dunia pengembangan website maupun programmer berpengalaman yang ingin memperdalam keterampilannya. Dengan modul pembelajaran yang terstruktur dengan baik. Anda akan memperoleh pembelajaran yang menyeluruh dan aplikatif. Segera bergabung dan wujudkan impian Anda untuk menciptakan website perpustakaan yang tidak hanya menarik, tetapi juga fungsional.
Mari kita optimalkan potensi teknologi bersama dan kembangkan keterampilan Anda dalam membangun website perpustakaan yang menarik perhatian dengan kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Made Easy. Anda sudah siap untuk memulai perjalanan ini? Bergabunglah sekarang dan bawa ide Anda menjadi kenyataan!
read more
Learn With Expert
Key Points
-
Mendalami Laravel dan React: Pelajari bagaimana menggabungkan Laravel sebagai backend dan React untuk front-end yang interaktif.
-
InertiaJS: Pahami cara menggunakan InertiaJS untuk mentransformasikan aplikasi dari pendekatan halaman penuh menjadi aplikasi satu halaman yang lebih responsif.
-
Desain Responsif dengan TailwindCSS: Ciptakan tampilan yang menarik dan responsif untuk pengguna desktop dan mobile dengan TailwindCSS.
-
Implementasi Role dan Permission: Kuasai cara menggunakan Laravel Spatie untuk mengatur hak akses pengguna secara dinamis melalui CMS.
-
Pembayaran Denda dengan Midtrans: Integrasikan sistem pembayaran yang aman untuk transaksi denda dengan menggunakan Midtrans.
-
Penggunaan ShadcnUI dan DataTable: Manfaatkan komponen UI yang modern dan tabel data yang dinamis untuk meningkatkan keterlibatan pengguna.
-
Menjaga Kode Bersih dengan Prettier: Pelajari cara merapikan kode Anda menggunakan Prettier untuk memudahkan pengembangan dan kolaborasi.
-
SSR dan Mode Gelap: Implementasikan Server-Side Rendering dan pilihan mode gelap untuk meningkatkan pengalaman pengguna.
-
Membuat Visualisasi Data: Gunakan Recharts untuk mengembangkan chart yang informatif dan interaktif.
Created For
-
Peserta yang Semangat Belajar: Kelas ini ditujukan untuk individu yang ingin mengembangkan keterampilan programming, baik pemula maupun yang sudah berpengalaman.
-
Cocok bagi para developer yang ingin memperdalam keterampilan dalam framework Laravel dan React serta implementasi praktik terbaik.
-
Ideal untuk siapa saja yang memiliki minat dalam teknologi terkini dan ingin menerapkannya dalam proyek nyata, terutama di bidang pengembangan aplikasi web.
-
Kelas ini juga relevan untuk para mahasiswa yang ingin menguasai tools modern untuk aplikasi web
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
78
Happy Students
Happy Students
Belum ada review
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.
Rp 269,000
Rp 890,000
