Ebook Laravel Vue Js

Buku dengan 450+ Halaman yang akan menuntunmu menjadi seorang Full-Stack Developer dengan studi kasus membangun website sekolah dari 0 sampai online menggunakan Bootstrap, Laravel dan Vue Js.

DEMO STUDI KASUS EBOOK

Demo Back-End : https://sekolah.appdev.my.id/
Demo Front-End : https://sekolah-vue.netlify.app/

Belajar Membangun Website Sekolah Dari Nol Dengan Laravel & Vue Js !!!

Full-Stack Developer merupakan salah satu profesi yang sangat menjanjikan, dengan menjadi seorang Full-Stack tentu saja banyak sekali tawaran kerja dengan gaji yang sangat tinggi. Salah satu skill yang harus dikuasai untuk bisa menjadi seorang Full-Stack adalah Back-End dan Front-End.

Pada buku ini kita akan mempelajari kedua hal tersebut agar bisa menjadi seorang Full-Stack Developer.

LIHAT DAFTAR ISI MATERI

Menjadi Full-Stack Developer?

Kenapa Tidak!!!

Laravel adalah jawaban untuk bisa menjadi seorang Back-End Developer karena banyak sekali Industri ataupun StartUp menggunakan Laravel di dalam product mereka. Salah satunya karena dukungan komunitas yang besar dan sumber pengembangan yang sangat aktif.

Vue Js merupakan salah satu pilihan para Front-End Developer dalam mengembangkan website dengan moderen dan reactive secara lebih mudah. Karena banyak sekali Industri dan juga StartUp menggunakan Vue Js untuk membangun beberapa productnya.

Dengan buku ini kita dituntun menjadi seorang Full-Stack Developer menggunakan Bootstrap, Laravel dan Vue Js dengan studi kasus langsung membangun sebuah website sekolah mulai dari 0 sampai proses deployment ke online.

Benefit Yang di Dapatkan

Ebook Laravel & Vue Js
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Update Materi
Kupon Diskon Hosting
Sertifikat
Akses Selamanya
Real Studi Kasus

Materi Yang di Pelajari

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 Single Page Application (SPA) di Vue Js.

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

Berikut ini 5 materi utama yang akan di pelajari :


1. Bootstrap

  • Membuat Template Homepage
  • Membuat Template Post
  • Membuat Template Event
  • Membuat Template Galeri Foto
  • Membuat Template Galeri Video
  • Membuat Template Kontak

2. Laravel

  • Authentication User
  • Layouting Dengan Template Stisla
  • Impelemtasi RBAC (Role-based access control)
  • 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

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

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

5. Deployment

  • Deployment Laravel Project di Shared Hosting
  • Deployment Vue Js Project di Netlify

PENULIS

Fika Ridaul Maulayya

Halo teman-teman semuanya, perkenalkan saya Fika Ridaul Maulayya. Saya adalah seorang Web Developer | Content Creator | Founder SantriKoding.com
Saya juga aktif menulis artikel-artikel tentang pemrogramman dan membuat kelas online GRATIS di SantriKoding.com

PELAJAR

Rp. 250.000 Kartu Pelajar

  • Ebook Laravel & Vue Js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting HelloWorldHost
  • T-Shirt Laravel Premium
Beli Sekarang

UMUM

Rp. 300.000

  • Ebook Laravel & Vue Js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting HelloWorldHost
  • T-Shirt Laravel Premium
Beli Sekarang

PRO

Rp. 375.000

  • Ebook Laravel & Vue Js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting HelloWorldHost
  • T-Shirt Laravel Premium* (Info T-Shirt)
Beli Sekarang

SUPPORTED BY