Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

Website Perpustakaan Modern

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

68 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Mendalami Laravel dan React: Pelajari bagaimana menggabungkan Laravel sebagai backend dan React untuk front-end yang interaktif.

icon_check

InertiaJS: Pahami cara menggunakan InertiaJS untuk mentransformasikan aplikasi dari pendekatan halaman penuh menjadi aplikasi satu halaman yang lebih responsif.

icon_check

Desain Responsif dengan TailwindCSS: Ciptakan tampilan yang menarik dan responsif untuk pengguna desktop dan mobile dengan TailwindCSS.

icon_check

Implementasi Role dan Permission: Kuasai cara menggunakan Laravel Spatie untuk mengatur hak akses pengguna secara dinamis melalui CMS.

icon_check

Pembayaran Denda dengan Midtrans: Integrasikan sistem pembayaran yang aman untuk transaksi denda dengan menggunakan Midtrans.

icon_check

Penggunaan ShadcnUI dan DataTable: Manfaatkan komponen UI yang modern dan tabel data yang dinamis untuk meningkatkan keterlibatan pengguna.

icon_check

Menjaga Kode Bersih dengan Prettier: Pelajari cara merapikan kode Anda menggunakan Prettier untuk memudahkan pengembangan dan kolaborasi.

icon_check

SSR dan Mode Gelap: Implementasikan Server-Side Rendering dan pilihan mode gelap untuk meningkatkan pengalaman pengguna.

icon_check

Membuat Visualisasi Data: Gunakan Recharts untuk mengembangkan chart yang informatif dan interaktif.

Designed For

icon_check

Peserta yang Semangat Belajar: Kelas ini ditujukan untuk individu yang ingin mengembangkan keterampilan programming, baik pemula maupun yang sudah berpengalaman.

icon_check

Cocok bagi para developer yang ingin memperdalam keterampilan dalam framework Laravel dan React serta implementasi praktik terbaik.

icon_check

Ideal untuk siapa saja yang memiliki minat dalam teknologi terkini dan ingin menerapkannya dalam proyek nyata, terutama di bidang pengembangan aplikasi web.

icon_check

Kelas ini juga relevan untuk para mahasiswa yang ingin menguasai tools modern untuk aplikasi web

Course Lessons

Learn With Expert

Mentor Budi Setiawan

Budi Setiawan

Full-Stack Developer

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

(234)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Visual Studio Code

Software Gratis

logo

Laravel

Software Gratis

logo

React JS

Software Gratis

logo

Node JS

Software Gratis

logo

GitHub

Software Gratis

logo

Tailwind CSS

Software Gratis

logo

JavaScript

Software Gratis

logo

Mysql

Software Gratis

logo

Git

Software Gratis

logo

NPM

Software Gratis

logo

Table Plus

Software Gratis

logo

Ngrok

Software Gratis

logo

PHP V 8

Software Gratis

logo

Midtrans

Software Berbayar

logo

InertiaJS

Software Gratis

logo

Shadcn/ui

Software Gratis

logo

Prettier

Software Gratis

logo

Vite

Software Gratis

Low Risk, High Return

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

icon_check

Selamanya

Rp 269,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 Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React Foto kelas Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

Full Stack Developer: Membangun Website Perpustakaan dengan Laravel 11, Inertia, dan React

Website Perpustakaan Modern

  • lock
    Introduction
    20 minutes
  • lock
    Kenapa Laravel
    3 minutes
  • lock
    Kenapa ReactJS
    4 minutes
  • lock
    Kenapa InertiaJS
    4 minutes

  • lock
    Instalasi Laravel
    6 minutes
  • lock
    Instalasi Breeze
    4 minutes
  • lock
    Sekarang Kita Coba
    5 minutes

  • lock
    Enum Book Language
    5 minutes
  • lock
    Enum Book Status
    3 minutes
  • lock
    Enum Fine Payment Status
    3 minutes
  • lock
    Enum Return Book Condition
    2 minutes
  • lock
    Enum Return Book Status
    2 minutes
  • lock
    Enum User Gender
    2 minutes
  • lock
    Enum Message Type
    5 minutes

  • lock
    Model dan Migration User
    15 minutes
  • lock
    Model dan Migration Kategori
    3 minutes
  • lock
    Model dan Migration Penerbit
    2 minutes
  • lock
    Model dan Migration Buku
    11 minutes
  • lock
    Model dan Migration Stok Buku
    4 minutes
  • lock
    Model dan Migration Peminjaman
    4 minutes
  • lock
    Model dan Migration Pengembalian
    4 minutes
  • lock
    Model dan Migration Pengembalian Cek
    3 minutes
  • lock
    Model dan Migration Denda
    5 minutes
  • lock
    Model dan Migration Pengaturan Denda
    3 minutes
  • lock
    Model dan Migration Pengumuman
    2 minutes
  • lock
    Relasikan Modelnya
    10 minutes

  • lock
    Modifikasi User Factory
    3 minutes
  • lock
    Buat Category Factory
    4 minutes
  • lock
    Buat Publisher Factory
    3 minutes

  • lock
    Buat Category Seeder
    2 minutes
  • lock
    Buat Publisher Seeder
    1 minutes
  • lock
    Call All Seeder
    7 minutes

  • lock
    Buat Flash Message
    4 minutes
  • lock
    Buat Username Generator
    5 minutes
  • lock
    Buat Signature Payment
    3 minutes
  • lock
    Composer Dump Autoload
    2 minutes

  • lock
    Upload File
    10 minutes

  • lock
    Kenalan Dengan Shadcn UI
    3 minutes
  • lock
    Installasi Shadcn UI
    4 minutes
  • lock
    Pilih Komponen Yang Kita Butuhkan
    3 minutes
  • lock
    Modifikasi Komponen Shadcn UI
    7 minutes
  • lock
    Modifikasi Application Logo
    6 minutes
  • lock
    Modifikasi Nav Link
    4 minutes
  • lock
    Modifikasi Input Error
    1 minutes
  • lock
    Buat Nav Link Responsive
    3 minutes
  • lock
    Buat Header Title
    2 minutes
  • lock
    Buat Badge Status
    4 minutes
  • lock
    Multi Select dan Combo Box
    1 minutes

  • lock
    Object Fine Payment Status
    1 minutes
  • lock
    Flash Message
    3 minutes
  • lock
    Konversi Mata Uang Rupiah
    3 minutes
  • lock
    Message Error
    4 minutes
  • lock
    Font Custom dan Storage
    2 minutes
  • lock
    Perlu Kita Rapihkan Kodenya
    7 minutes

  • lock
    Kita Buat Layout Utamanya
    16 minutes
  • lock
    Buat Sidebar
    8 minutes
  • lock
    Buat Sidebar Responsive
    6 minutes
  • lock
    Pisahkan Sidebar Ke Dalam Component
    3 minutes
  • lock
    Active Menu
    5 minutes
  • lock
    Shared Data Auth
    10 minutes
  • lock
    Persistent Layout
    3 minutes
  • lock
    Logout
    3 minutes

  • lock
    Refactoring Page Login
    20 minutes
  • lock
    Refactoring Page Register
    13 minutes
  • lock
    Refactoring Page Forgot Password
    7 minutes
  • lock
    Refactoring Page Confirm Password
    6 minutes
  • lock
    Refactoring Page Reset Password
    7 minutes
  • lock
    Refactoring Page Verify Email
    5 minutes
  • lock
    Testing Lupa Password dan Verify Email
    6 minutes

  • lock
    Siapkan Route dan Controller
    4 minutes
  • lock
    Tampilkan Data Kategori
    18 minutes
  • lock
    Buat Resourcenya
    3 minutes
  • lock
    Request Validation
    2 minutes
  • lock
    Tambah Data Kategori
    27 minutes
  • lock
    Edit Data Kategori
    9 minutes
  • lock
    Hapus Data Kategori
    4 minutes

  • lock
    Use Filter
    6 minutes
  • lock
    Pagination
    8 minutes
  • lock
    Searching
    6 minutes
  • lock
    Load
    4 minutes
  • lock
    Sorting
    5 minutes
  • lock
    Clear All
    2 minutes
  • lock
    Scope
    5 minutes

  • lock
    Siapkan Route dan Controller
    2 minutes
  • lock
    Buat Resourcenya
    2 minutes
  • lock
    Scope Filter dan Sorting
    4 minutes
  • lock
    Request Validation
    3 minutes
  • lock
    Tampilkan Data Penerbit
    10 minutes
  • lock
    Tambahkan Data Penerbit
    10 minutes
  • lock
    Edit Data Penerbit
    5 minutes
  • lock
    Hapus Data Penerbit
    3 minutes

  • lock
    Siapkan Route dan Controller
    1 minutes
  • lock
    Buat Resourcenya
    5 minutes
  • lock
    Scope Filter dan Sorting
    3 minutes
  • lock
    Request Validation
    6 minutes
  • lock
    Tampilkan Data Bukunya
    13 minutes
  • lock
    Tambah Data Buku
    27 minutes
  • lock
    Tambahkan Stoknya Juga
    6 minutes
  • lock
    Buat Kode Buku Berdasarkan Kategori
    5 minutes
  • lock
    Edit Data Buku
    6 minutes
  • lock
    Hapus Data Buku
    5 minutes

  • lock
    Siapkan Route dan Controller
    1 minutes
  • lock
    Buat Resourcenya
    3 minutes
  • lock
    Scope Filter dan Sorting
    3 minutes
  • lock
    Request Validation
    5 minutes
  • lock
    Tampilkan Data Pengguna
    9 minutes
  • lock
    Tambahkan Data Pengguna
    13 minutes
  • lock
    Edit Data Pengguna
    5 minutes
  • lock
    Hapus Data Pengguna
    4 minutes

  • lock
    Siapkan Route dan Controller
    2 minutes
  • lock
    Request Validation
    2 minutes
  • lock
    Atur Pengaturan Denda
    8 minutes

  • lock
    Siapkan Route dan Controller
    1 minutes
  • lock
    Buatkan Resourcenya
    4 minutes
  • lock
    Scope Filter dan Sorting
    3 minutes
  • lock