Membangun Website Sekolah Dengan Laravel, Vue Js dan Bootstrap 5

5.0 (41 ulasan) 306 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 :

DISUSUN OLEH

Fika Ridaul Maulayya

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

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

Dapatkan ebook sekarang untuk dapat mengikuti pembelajaran

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

ULASAN MEMBERS

syahrule eka ramdhani at SantriKoding
syahrule eka ramdhani

....


Banyak ilmu yang didapat

Mohamad Arif Mujaki at SantriKoding
Mohamad Arif Mujaki

....


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.

Adam Suchi Hafizullah at SantriKoding
Adam Suchi Hafizullah

Dreamer of Jannah


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

Khairul Tamimi at SantriKoding
Khairul Tamimi

....


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

Hafidh at SantriKoding
Hafidh

deskripsi tentang


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 :)

Holilurrahman at SantriKoding
Holilurrahman

....


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

Kodir Zaelani at SantriKoding
Kodir Zaelani

....


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

Wahyudi at SantriKoding
Wahyudi

....


Ebooknya keren, penjelasannya mudah dipahami dan stepnya mudah diikuti

Andika  Ferdiansyah at SantriKoding
Andika Ferdiansyah

....


SANGAT SANGAT BERMANFAAT

ERMAN ARIF at SantriKoding
ERMAN ARIF

....


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.

Syahrizal AS at SantriKoding
Syahrizal AS

Full-Stack Web Developer


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

Maftuh Ichsan at SantriKoding
Maftuh Ichsan

Hendaklah engkau semangat melakukan apa yang bermanfaat untu...


Penjelasan sudah bagus dan mudah dipahami.

edi sidik sunaryo at SantriKoding
edi sidik sunaryo

....


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

Fildza Nazhifa at SantriKoding
Fildza Nazhifa

....


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.

Doel NN H at SantriKoding
Doel NN H

-


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

Dani Ramdani at SantriKoding
Dani Ramdani

Saya Merupakan Web Developer, saya sangat antusias dan seman...


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

ahmad fauzi at SantriKoding
ahmad fauzi

....


mantap lah pokonya, dan sangat membantu sekali dalam proses blajar

aris dwi k at SantriKoding
aris dwi k

....


mantap, materinya terstruktur dan detail.

Muhammad Zainal Abidin at SantriKoding
Muhammad Zainal Abidin

....


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

Agus Cahyadi at SantriKoding
Agus Cahyadi

....


Bagus banget materinya, membantu untuk belajar sebagai pemula. thanks

iskandar at SantriKoding
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.

Rachel Gultom at SantriKoding
Rachel Gultom

....


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...

Ramlan at SantriKoding
Ramlan

....


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

Bambang Sutejo at SantriKoding
Bambang Sutejo

Kang Ngopi (Tukang Ngoding Pinggiran)


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

sofyansyah at SantriKoding
sofyansyah

....


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

Sugiono at SantriKoding
Sugiono

....


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

Bagus Wicaksono at SantriKoding
Bagus Wicaksono

Hanya manusia biasa yang ingin selalu belajar dan 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

Agung Widyatmoko at SantriKoding
Agung Widyatmoko

....


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

Haris Nurdiansyah at SantriKoding
Haris Nurdiansyah

Mahasiswa yang sedang menimba ilmu


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

Finalcode21@gmail.com at SantriKoding
Finalcode21@gmail.com

....


Super !!!!

Ahmad Aqbar at SantriKoding
Ahmad Aqbar

....


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

Mohammad Nuridin at SantriKoding
Mohammad Nuridin

....


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

Rnoiwnef at SantriKoding
Rnoiwnef

....


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

Muhammad Ikhsan Hilmi at SantriKoding
Muhammad Ikhsan Hilmi

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


mantap

Asep Cahya Nugraha at SantriKoding
Asep Cahya Nugraha

....


respon bantuannya serta kodingnya sangat membantu

Wilman Eline at SantriKoding
Wilman Eline

....


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

M.Hidayatullah at SantriKoding
M.Hidayatullah

Mahasiswa


Alhamduliiah sangat mudah di pahami

Achmad Izzuddin at SantriKoding
Achmad Izzuddin

....


Bagus sekali materinya