Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

5.0 (48 ulasan) 326 members

DISKON 7%

Rp. 325.500

Rp. 350.000


TENTANG

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

DEMO PROJECT :

DAFTAR ISI

    Pendahuluan
  • Cover
  • Kata Pengantar
  • License
  • Tentang Buku
    Membuat Template Dengan Bootstrap 5
  • Tentang Framework Bootstrap
  • Membuat Halaman Homepage
  • Membuat Halaman Index Berita
  • Membuat Halaman Detail Berita
  • Membuat Halaman Index Agenda
  • Membuat Halaman Detail Agenda
  • Membuat Halaman Galeri Foto
  • Membuat Halaman Galeri Video
  • Membuat Halaman Kontak
    Installasi & Persiapan Project
  • Persyaratan Membuat Project Laravel
  • Membuat Project Laravel Baru
  • Upgrade Versi Laravel
  • Konfigurasi Database
  • Membuat Helpers Tambahan
    Roles & Permissions
  • Tentang Laravel Spatie
  • Cara Install Laravel Spatie
  • Membuat Data Seeder untuk Roles & Permissions
    Database & Relationship
  • Structure Database
  • Membuat Model & Migration
  • Eloquent Relationship
  • Membuat Data Seeder untuk Users
    Halaman Admin Dengan Laravel
  • Membuat Authentication
  • Membuat Layout untuk Halaman Admin
  • Halaman Dashboard
  • Menampilkan Data Permissions
  • Membuat CRUD Data Roles
  • Membuat CRUD Data Users
  • Membuat CRUD Data Tags
  • Membuat CRUD Data Category
  • Membuat CRUD Data Posts / Berita
  • Membuat CRUD Data Events / Agenda
  • Membuat CRUD Data Galeri Foto
  • Membuat CRUD Data Galeri Video
  • Membuat CRUD Data Sliders
    Membuat Rest API
  • Membuat Rest API Data Posts / Berita
  • Membuat Rest API Data Events / Agenda
  • Membuat Rest API Data Sliders
  • Membuat Rest API Data Tags
  • Membuat Rest API Data Category
  • Membuat Rest API Data Galeri Foto
  • Membuat Rest API Data Galeri Video
    Halaman Front-End Dengan Vue Js
  • Tentang Vue Js
  • Persyaratan & Persiapan
  • Memahami Lifecyle Hooks di Vue Js
  • Membuat Project Vue Js
  • Installasi Vue Router, Axios, Vue Content Loader
  • Templating Dengan Bootstrap v5
  • Membuat Component Header, Slider, Footer
  • Membuat Component untuk Halaman
  • Membuat & Konfigurasi Vue Router
  • Integrasi Rest API di Component Homepage
  • Integrasi Rest API di Component Index Post / Berita
  • Integrasi Rest API di Component Detail Post / Berita
  • Integrasi Rest API di Component Index Event / Agenda
  • Integrasi Rest API di Component Detail Event / Agenda
  • Integrasi Rest API di Component Tag
  • Integrasi Rest API di Component Category
  • Integrasi Rest API di Component Photo
  • Integrasi Rest API di Component Video
  • Component Contact
    Deployment
  • Deployment Project Laravel di Shared Hosting
  • Deployment Project Vue Js di Netlify
    Source Code & Kesimpulan
  • Source Code
  • Kesimpulan

TOOLS

Laravel

The PHP Framework for Web Artisans

Bootstrap

Popular CSS framework

Vue.js

JavaScript Framework

SCREENSHOTS


Dashboard

Homepage

Berita List

BENEFITS


Ebook

Souce Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Fika Ridaul Maulayya

Full-Stack Developer, Content Creator and CO-Founder SantriKoding.com

ULASAN MEMBERS

Muhammad Hasan at SantriKoding

Belajar coding karena desakan ekonomi


Sangat menginspirasi sebagai bekal awal menjadi seorang fullstack laravel vue

wikan wiratmoko at SantriKoding

Tukang kabel dan tukang database


Tutorialnya super keren dan mudah dimengerti


Materi yang sangat runut dan rinci, sehingga dapat di ikuti dengan sangat baik. Course yang sangat recomended bagi yang inign mempelajari Laravel Vue

Rnoiwnef at SantriKoding

Aiwenfowienfoiwenfoiwef


Bagus banget buat pemula yang lagi belajar konsep service oriented, composition api di vue, component di vue dan juga SPA,


Ebooknya keren, penjelasannya mudah dipahami dan stepnya mudah diikuti

Muhammad Ikhsan Hilmi at SantriKoding

Nama saya Muhammad Ikhsan Hilmi saya adalah seorang mah...


mantap

Sugiono at SantriKoding

Tetap semangat dan senyum hati


Alhamdulillah setelah belajar mengerti banyak tentang vue, laravel, dan Rest Api. Semoga dapat mengimplentasikan ilmu yang di dapat.


Alhamduliiah sangat mudah di pahami

Asep Cahya Nugraha at SantriKoding

Seorang yang menganggap semuanya adalah petualangan


respon bantuannya serta kodingnya sangat membantu

Hafidh at SantriKoding

ex EdgeProp SIngapore ex Krigav (London Company)


Ebook Ini Sangat Powerfull, dengan ebook ini saya telah berhasil menyelesaikan project part time saya dengan cepat serta dengan adanya pembahasan package Spatie Laravel dalam ebook ini memudahkan saya dan tim dalam memanajemen akses di tiap usernya . Laravel pemula maupun advance wajib beli ebook ini. Terimakasih kak Fika Atas ilmunya semoga bermanfaat :)

Wilman Eline at SantriKoding

Mencintai pemrograman


Pembelajaran yang sangat lengkap. Terbaik yang pernah saya temukan. Biaya member tidak sebanding dengan kualitas karena TERLALU MURAH. Metode pembelajaran terurut dengan baik sehingga tidak membosankan. Jadi betah menulis kode ketimbang copas. Salut!!!