Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Dalam kelas 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. Disclamer : Kelas berupa e-book

BEGINNER0 penilaian17 peserta

Tentang Kelas

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 Relationship
  • 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

Daftar Materi

Cover00.00
Kata Pengantar00.00
License00.00
Tentang Buku00.00

Tentang Framework Bootstrap00.00
Membuat Halaman Homepage00.00
Membuat Halaman Index Berita00.00
Membuat Halaman Detail Berita00.00
Membuat Halaman Index Agenda00.00
Membuat Halaman Detail Agenda00.00
Membuat Halaman galeri Foto00.00
Membuat Halaman Galeri Video00.00
Membuat Halaman Kontak00.00

Persyaratan Membuat Project Laravel00.00
Membuat Project Laravel Baru00.00
Upgrade Versi Laravel00.00
Konfigurasi Database00.00
Membuat Helpers Tambahan00.00

Tentang Laravel Spatie00.00
Cara Install Laravel Spatie00.00
Membuat Data Seeder untuk Roles & Permissions00.00

Structure Database00.00
Membuat Model & Migration00.00
Eloquent Relationship00.00
Membuat Data Seeder untuk Users00.00

Membuat Authentication00.00
Membuat Layout untuk Halaman Admin00.00
Halaman Dashboard00.00
Menampilkan Data Permissions00.00
Membuat CRUD Data Roles00.00
Membuat CRUD Data Users00.00
Membuat CRUD Data Tags00.00
Membuat CRUD Data Category00.00
Membuat CRUD Data Posts Berita00.00
Membuat CRUD Data Events Agenda00.00
Membuat CRUD Data Galeri Foto00.00
Membuat CRUD Data Galeri Video00.00
Membuat CRUD Data Sliders00.00

Membuat Rest API Data Posts Berita00.00
Membuat Rest API Data Events Agenda00.00
Membuat Rest API Data Sliders00.00
Membuat Rest API Data Tags00.00
Membuat Rest API Data Category00.00
Membuat Rest API Data Galeri Foto00.00
Membuat Rest API Data Galeri Video00.00

Tentang Vue Js00.00
Persyaratan & Persiapan00.00
Lifecycle Hooks di Vue Js00.00
Membuat Project Vue Js00.00
Installasi Vue Router, Axios, Vue Content Loader00.00
Templating Dengan Bootstrap v500.00
Membuat Component Header, Slider, Footer00.00
Membuat Component untuk Halaman00.00
Membuat & Konfigurasi Vue Router00.00
Integrasi Rest API di Component Homepage00.00
Integrasi Rest API di Component Index Post Berita00.00
Integrasi Rest API di Component Detail Post Berita00.00
Integrasi Rest API di Component Index Event Agenda00.00
Integrasi Rest API di Component Detail Event Agenda00.00
Integrasi Rest API di Component Tag00.00
Integrasi Rest API di Component Category00.00
Integrasi Rest API di Component Photo00.00
Integrasi Rest API di Component Video00.00
Component Contact00.00

Deployment Project Laravel di Shared Hosting00.00
Deployment Project Vue Js di Netlify00.00

Source Code00.00
Kesimpulan00.00
Penyusun Materi

Prev
Next
Fika Ridaul Maulayya
Fika Ridaul Maulayya

Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Article, Screencasts and E-Books at SantriKoding.com

Testimoni Oleh Siswa

0

(0 reviews)

5 Bintang
0%
4 Bintang
0%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
...
Rp. 300,000
Rp. 270,00010% off
Hemat Rp. 30,000Diskon sampai hari ini
Beli sekali akses selamanya
Beli lewat Roadmap
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
69 Modul
4 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next