Logo
© 2019 - 2026 SantriKoding.
All Levels

Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

5.0 (53 ulasan)
331 members
DISKON 7%
Rp. 350.000
Rp. 325.500

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 dan Perispan Project
Persyaratan Membuat Project Laravel
Membuat Project Laravel Baru
Konfigurasi Database
Membuat Helpers Tambahan
Roles dan Permissions
Tentang Laravel Spatie
Cara Install Laravel Spatie
Membuat Data Seeder untuk Roles & Permissions
Database dan Relationships
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 Frontend Dengan Vue Js
Tentang Vue Js
Persyaratan & Persiapan
Lifecycle 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
Penutup
Source Code
Kesimpulan

TOOLS

Tools yang digunakan dalam course ini

Laravel
Laravel

The PHP Framework for Web Artisans

See More
Bootstrap
Bootstrap

Popular CSS framework

See More
Vue.js
Vue.js

JavaScript Framework

See More

SCREENSHOTS

Screenshot hasil projek dari course ini

Dashboard
Dashboard
Homepage
Homepage
Berita List
Berita List

BENEFITS

Manfaat yang akan Anda dapatkan dari course ini


Ebook

Source Code

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

DISUSUN OLEH

Tim expert yang menyusun course ini

Fika Ridaul Maulayya
Fika Ridaul Maulayya
PREMIUM MEMBER

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


ULASAN MEMBERS

Apa kata mereka tentang course ini

Asep Cahya Nugraha

Seorang yang menganggap semuanya adalah petua...

"respon bantuannya serta kodingnya sangat membantu"

Hafidh

ex EdgeProp SIngapore ex Krigav (London Comp...

"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

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!!!"

Agung Widyatmoko

No bio available

"studi kasus yg sangat cocok untuk seorang programmer pemula, materinya juga mudah dipahami. maju terus untuk santri koding"

Agus Cahyadi

No bio available

"Bagus banget materinya, membantu untuk belajar sebagai pemula. thanks"

ERMAN ARIF

I am practision

"Materi yang diberikan sangat baik, dengan cara penyajian yang jelas dan menarik... Recomended untuk teman-teman yang baru belajar maupun yang udah mahir untuk lebih menambah wawasan untuk menjadi Fullstack Developer."

aris dwi k

No bio available

"mantap, materinya terstruktur dan detail."

Anton

FullStack Developer | FullStack FrontEnd | Fu...

"Super !!!!"

Ahmad Aqbar

No bio available

"E-Book nya lengkap dan mudah dipelajari juga Admin'nya fast respon dalam mengatasi problem"

Mohammad Nuridin

No bio available

"wahhh penejlasan cukup jelas sekali, penulisan rapi dapat dipahami singkat tapi jelas. step by step.."

Haris Nurdiansyah

Mahasiswa yang sedang menimba ilmu

"Overall bagus banget, jadi paham bagaimana cara penggunaan Laravel sebagai Backend dan Vue JS sebagai Frontend. Mantap."

Bagus Wicaksono

Hanya manusia biasa yang ingin selalu belajar...

"Mentornya luar biasa membantu dalam memberi pencerahan saat ada kesulitan atau ketidak mengertian. Meskipun dalam bentuk ebook (bukan video), materi-materinya jelas dan tidak sulit dimengerti. Beruntung saya bisa menjadi bagian dari Santrikoding"

"platform ini sangat membantu saya belajar pemrograman. Walaupun saya tidak ada background IT awalnya, tapi dengan mempelajari ebook ini saya sangat terbantu. Ini cara yang paling efektif yakni learning by project. Dan satu lagi hal yang paling saya sukai, adminnya fast respond....Good Job. Salute. Respect"

sofyansyah

Frelancer dadakan

"Udah lama nyari ebook laravel bahasa indonesia langsung dengan studi kasus. Mudah dipahami dan author fast respon dengan pertanyaan seputar e-book ini. Ga bakal nyesel beli e book ini. Sukses bang"

Butuh Bantuan?