All Levels

Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Name: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5
Brand: SantriKoding
Rating: 5.0 (53 reviews)

5.0 (53 ulasan)

331 members

DISKON 7%

Rp. 350.000

Rp. 325.500

TENTANG

Bootstrap 5
Laravel
Rest API
Vue Js
Deployment

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 :

BackEnd : http://sekolah.appdev.my.id/
FrontEnd : https://sekolah-vue.netlify.app/

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

The PHP Framework for Web Artisans

Bootstrap

Popular CSS framework

Vue.js

JavaScript Framework

SCREENSHOTS

Screenshot hasil projek dari course ini

Dashboard

Homepage

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

PREMIUM MEMBER

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

LIHAT PROFIL SAYA

ULASAN MEMBERS

Apa kata mereka tentang course ini

Yusuf Arifin

No bio available

"Mengikuti pembelajaran membangun website sekolah menggunakan Laravel, Vue.js, dan Bootstrap memberikan pengalaman yang sangat bermanfaat dan menambah wawasan saya dalam pengembangan web modern. Dalam pembelajaran ini, saya memahami bagaimana membangun sebuah website sekolah yang tidak hanya menarik secara tampilan, tetapi juga memiliki sistem yang terstruktur dan mudah dikelola."

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

gozali

No bio available

"okeeeee"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Suhirman, S.Kom

No bio available

"mantap lah"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Deni Suryadi

Hanya Seorang Fullstack Developer dan Crypto...

"Mantap materinya dibahas bertahap"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Syawaluddin Kadafi Parinduri, M.Kom

alqaf digitial

"terimah kasih dan ssangat mudah dipahami"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Muhammad Hasan

Belajar coding karena desakan ekonomi

"Sangat menginspirasi sebagai bekal awal menjadi seorang fullstack laravel vue"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Ari Setiawan

Saya Suka Belajar

"Sangat bagus"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

w4316941

Tukang kabel dan tukang database

"Tutorialnya super keren dan mudah dimengerti"

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

Irfan Kurniawan

No bio available

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

Ulasan: Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5