Logo
Logo
LOGIN REGISTER
© 2019 - 2026 SantriKoding.
Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5
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

LIHAT PROFIL SAYA

ULASAN MEMBERS

Apa kata mereka tentang course ini

Andika Ferdiansyah
Andika Ferdiansyah

No bio available

"SANGAT SANGAT BERMANFAAT"

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

Doel NN H
Doel NN H

-

"Buat teman-teman yang masih belum membeli buku segera beli deh.. di jamin gk nyesal semua isinya mantap2"

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

Mohamad Arif Mujaki
Mohamad Arif Mujaki

ASN MoH

"Materi dalam ebook mudah untuk dipahami oleh semua orang. Dan yang paling penting, penulisnya amat sangat responsif dalam membantu di group telegram ebook ini. Rekomen banget buat semua yang ingin memperdalam ilmu tentang Framework Laravel."

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

Maftuh Ichsan
Maftuh Ichsan

Hendaklah engkau semangat melakukan apa yang...

"Penjelasan sudah bagus dan mudah dipahami."

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

Khairul Tamimi
Khairul Tamimi

No bio available

"Mudah dimengerti, dan benar-benar di bimbing sampai bisa, Terimakasih.,"

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

Kodir Zaelani
Kodir Zaelani

Petani

"Buku ini bagus untuk digunakan sebagai referensi belajar laravel dn vuejs. Pada buku ini dipandu dari awal sampai bisa online."

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

Adam Suchi Hafizullah
Adam Suchi Hafizullah

Dreamer of Jannah

"Materinya sangat menarik, sesuai apa yang dibutuhkan untuk keperluan pemrograman di real life"

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

Holilurrahman
Holilurrahman

ll

"Mantep banget terkait Materinya sangat Mudah Dipahami. dan yang paling seneng ngikutin santrikoding yaitu Mas Fika nya baik banget mau bantu memecahkan masalah baik itu terkait ebook maupun diluar ebook. Mantepp bangett pokoknya, Maju Terus Santrikoding"

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

Fildza Nazhifa
Fildza Nazhifa

No bio available

"Buat yg mau belajar laravel & vue...Insya Allah buku ini rekomen BGT, dibantu juga sama kak fika... klo lagi kebigungan hehehe... tks kak... sudah mau direpotin."

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

Bambang Sutejo
Bambang Sutejo

Kang Ngopi (Tukang Ngoding Pinggiran)

"Secara Keseluruhan mudah dipelajari dan dipahami. Jika bisa mohon untuk diUpdate Lagi sesuai dengan Perkembangan Laravel"

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

ahmad fauzi
ahmad fauzi

1

"mantap lah pokonya, dan sangat membantu sekali dalam proses blajar"

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

Rachel Gultom
Rachel Gultom

I'm a Software Engineer.

"Gak nyesal belajar dan beli ebook di santri koding ini,saya diajarin dari awal hingga mahir dalam menguasai laravel dan vue js,serta di bantu dengan mentornya yang selalu siap membantu kapan pun jika ada waktu.Semula saya hanya tau konsep laravel,tapi disini kita belajar lebih dalam lagi tentang implementasi laravel dan juga vue js(masih pertama sekali).Untung ada ebook ini,jadi saya bisa mengembangkan skill saya lagi untuk menjadi seorang frontend developer yang handal.Yuk,cobain langsung belajar disini untuk mendapatkan pengalaman yang luar biasa hehe..."

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

edi sidik sunaryo
edi sidik sunaryo

No bio available

"bukunya bagus, mengajarkan step by step, gampang di mengerti,. Yang paling saya suka konsultasi dan diskusi dengan mentornya sangat baik."

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

Ramlan
Ramlan

No bio available

"Materinya uptodate, Mentornya fast response bangat dan pertanyaan diluar materi pun direspon dengan baik."

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

Dani Ramdani
Dani Ramdani

Saya Merupakan Web Developer, saya sangat ant...

"Sangat Bagus Sekali Materi nya mudah d pahami dan pelajari. Terimakasih Santrikoding Is The Best"

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

Syahrizal AS
Syahrizal AS

Back End Developer

"recomended buat pemula yang mau belajar laravel + Vue Js , Materi mudah di pahami, Respon mentor ontime yang utama, klo ada kesulitan siap membantu,"

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

Iskandar Zulkarnain
Iskandar Zulkarnain

my name is iskandar

"Materi yang di sampaikan dalam buku mudah dimengerti dan untuk pendampingan materi sangat tanggap dan kesimpulan saya ini e-book membantu sekali dan service nya terbaik dari yang pernah saya dapatkan."

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

Butuh Bantuan?