Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Rp300.000

  • Source Code
  • Private Group
  • Konsultasi Belajar
  • Update Materi
  • Sertifikat
  • Kupon Diskon Hosting

Deskripsi

Dalam buku ini kita akan belajar dari 0 bagaimana membangun website sekolah dengan Bootstrap 5, Laravel dan Vue Js sampai online, dimana untuk proses deployment kita akan menggunakan Shared Hosting dan Netlify.

Dalam buku ini juga akan membahas konsep implementasi RBAC (Role-based access control) atau Roles & Permissions di dalam Laravel dan implementasi SPA (Single Page Application) di Vue Js.

Sebelum itu, kita juga akan belajar membagun template sendiri untuk website sekolah menggunakan Bootstrap v5. Dan untuk integrasi antara Laravel dan Vue Js kita menggunakan Rest API. Dan berikut ini 5 materi utama yang akan kita pelajari :

Bootstrap 5

  • Membuat Template Halaman Homepage
  • Membuat Template Halaman Post / Berita
  • Membuat Template Halaman Event / Agenda
  • Membuat Template Halaman Galeri Foto
  • Membuat Template Halaman Galeri Video
  • Membuat Template Halaman Kontak

Laravel

  • Authentication User
  • Layouting Dengan Template Stisla
  • Role & Permissions (RBAC) – Laravel Spatie
  • Eloquent Relathionship
  • Manajemen Post / Berita
  • Manajemen Tag
  • Manajemen Category
  • Manajemen Event / Agenda
  • Manajemen Galeri Foto
  • Manajemen Galeri Video
  • Manajemen Slider
  • Manajemen Roles
  • Manajemen Permissions
  • Manajemen User

Rest API

  • Membuat Rest API Post
  • Membuat Rest API Post by Tag
  • Membuat Rest API Post by Category
  • Membuat Rest API Event
  • Membuat Rest API Galeri Foto
  • Membuat Rest API Galeri Video
  • Membuat Rest API Slider

Vue Js

  • Memahami Lifecycle Hooks
  • Membuat Route dengan Vue Router
  • Single Page Application (SPA)
  • Layouting/Templating
  • Penerapan Vue Content Loader (Loading Block)
  • Integrasi Rest API di Component Homepage
  • Integrasi Rest API di Component Post
  • Integrasi Rest API di Component Post by Tag
  • Integrasi Rest API di Component Post by Category
  • Integrasi Rest API di Component Photo
  • Integrasi Rest API di Component Video
  • Integrasi Rest API di Component Contact

Deployment

  • Deployment Laravel Project di Shared Hosting
  • Deployment Vue Js Project di Netlify

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *