DEMO STUDI KASUS EBOOK

Demo Back-End : https://donasi.appdev.my.id/

Demo Front-End : https://donasi-online.netlify.app/

Belajar Membangun Website Donasi Online Dari Nol Dengan Laravel, Vue Js, Tailwind CSS dan Payment Gateway !!!

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

Tailwind CSS merupakan CSS framework yang bersifat utility-first, yang mana bisa digunakan untuk membangun tampilan antar muka sebuah website menjadi lebih cepat.

Payment Gateway merupakan layanan pembayaran satu pintu dengan banyak pilihan metode pembayaran seperti Gopay, BCA, BNI, BRI dan bisa berjalan secara otomatis untuk proses verifikasi.

Dengan buku ini kita dituntun menjadi seorang FullStack Web Developer menggunakan Laravel, Vue Js, Tailwind CSS dan Payment Gateway dengan studi kasus langsung membangun sebuah website donasi online mulai dari 0 sampai proses deployment ke online.

Benefit Yang di Dapatkan

Ebook (PDF & Web Version)

Source Code Studi Kasus

Private Group Member

Konsultasi Belajar

Update Materi

Kupon Diskon Hosting

Sertifikat

Akses Selamanya

Real Studi Kasus

Materi Yang di Pelajari

Di dalam buku ini kita akan belajar bersama-sama bagaimana cara membuat project Website Donasi Online dari 0 sampai Deployment (online). Dimana materinya akan membahas bagaimana cara membangun halaman admin menggunakan Laravel, membuat RESTful API (Laravel Passport), membangun halaman Frontend menggunakan Vue Js dan Tailwind CSS dan yang terakhir adalah mengimplementasikan Payment Gateway menggunakan Midtrans.

Setelah project website Donasi Online yang kita bangun selesai, kita juga akan belajar bagaimana cara untuk melakukan proses Deployment project tersebut ke Shared Hosting (Laravel) dan juga Netlify (Vue Js).

Daftar Isi

Pendahuluan

Cover
Kata Pengantar
License Buku
Tentang Buku

Perancangan

Perancangan Aplikasi
Struktur Database
Wirefrime UI Desain Website

Installasi & Persiapan - BackEnd

Persiapan dan Persyaratan
Membuat Project Laravel dengan Composer
Upgrade Versi Laravel
Membuat Helpers di Laravel
Installasi dan Konfigurasi Tailwind CSS di Laravel

Database

Koneksi Database
Membuat Model dan Migration
Eloquent Relationships
Eloquent Mutators & Casting
Membuat Data Seeder User

Authentication - Fortify

Apa itu Laravel Fortify ?
Installasi dan Konfigurasi Laravel Fortify
Membuat Proses Login
Membuat Proses Forgot dan Reset Password

Halaman Admin - BackEnd

Membuat Halaman Dashboard
Membuat CRUD Category
Membuat CRUD Campaign
Menampilkan Data Donatur
Menampilkan Data Donasi
Profile User dan Two Factor Authentication
Membuat CRUD Slider

RESTful API

Apa itu API ?
Install dan Konfigurasi Laravel Passport
Membuat Restful API Register
Membuat Restful API Login
Membuat Restful API Category
Membuat Restful API Campaign
Membuat Restful API Slider
Membuat Restful API Profile
Installasi dan Konfigurasi Midtrans
Membuat Restful API Donation

Pengenalan Vue Js & Vuex

Berkenalan Dengan Vue Js
Composition API dan Reactivity API
Lifecycle Hooks
Berkenalan Dengan Vuex
Membuat Aplikasi Pertama Dengan Vuex

Installasi & Persiapan - FrontEnd

Installasi dan Perispan Frontend
Membuat Project Vue Js dengan Vite
Installasi Library Pendukung
Installasi dan Konfigurasi Tailwind CSS di Vue Js
Membuat Helpers Menggunakan Mixins
Konfigurasi Midtrans di Vue Js
Membuat Component Header dan Footer

Halaman Donatur

Konfigurasi Global API Endpoint
Konfigurasi Router untuk Authentication
Konfigurasi Module Auth Vuex
Membuat Proses Register Donatur
Menampilkan Halaman Dashboard Donatur
Membuat Proses Logout Donatur
Membuat Proses Login Donatur
Konfigurasi Router untuk Donation
Konfigurasi Module Donation Vuex
Menampilkan Data Donation dari Donatur
Konfigurasi Router untuk Profile
Konfigurasi Module Profile Vuex
Menampilkan Data Profile
Update Profile Donatur
Konfigurasi Router untuk Update Password
Update Password Donatur

Halaman FrontEnd

Konfigurasi Module Slider Vuex
Membuat Component Slider
Konfigurasi Module Category Vuex
Membuat Component Category Home
Konfigurasi Router untuk Homepage
Menampilkan Component Slider dan Category di Halaman Homepage
Konfigurasi Module Campaign Vuex
Menampilkan Data Campaign di Homepage
Konfigurasi Router untuk Category
Menampilkan Data Category
Menampilkan Detail Category
Konfigurasi Router untuk Campaign
Menampilkan Data Campaign
Menampilkan Detail Campaign
Konfigurasi Router untuk Proses Donasi
Membuat Proses Donasi
Menampilkan Snap Pay Midtrans
Konfigurasi Router untuk Search
Membuat Realtime Search

Deployment

Deploy Project Laravel di Shared Hosting (cPanel)
Deploy Project Vue Js di Netlify
Konfigurasi Notifikasi Handler Midtrans

Penutup

Source Code
Kesimpulan

1. Laravel

Authentication
Laravel Fortify
Two Factor Authentication
Eloquent Relationships
Eloquent Mutators & Casting
CRUD Category
CRUD Campaign
CRUD Slider
Filter Donasi Masuk
Menampilkan Data Donatur

2. RESful API

Membuat RESTful API Authentication (Laravel Passport)
Membuat RESTful API Data Category
Membuat RESTful API Data Campaign
Membuat RESTful API Data Donation
Membuat RESTful API Update Profile
Membuat RESTful API Update Password
Membuat RESTful API Checkout Donasi (Payment Gateway)

3. Tailwind CSS

Installasi dan Konfigurasi
Purge CSS (production)

4. Payment Gateway (Midtrans)

Membuat Snap Token (Checkout)
Menampilkan SNAP PAY
Membuat Notifikasi Hanlder

5. Vue Js

Memahami Lifecycle Hooks
Composition API
Reactivity API
Vuex (State Management)
Module Vuex
Vue Router
Membuat Helper Dengan Mixins
Skeleton Loading
Authentication
Pagination Dengan Loadmore
Menampilkan SNAP PAY (Midtrans)

6. Deployment

Deployment Laravel Project di Shared Hosting
Deployment Vue Js Project di Netlify (CI/CD)

APA KATA MEMBER TENTANG EBOOK DI SANTRI KODING ?

Sangat bagus dan menarik

Yudi Purwanto

Backend Dev

E-book nya mudah dimengerti :)

Zulkifli Jufri

I am a Learner

Kualitas materi is very good & mentor nya siap membantu

Mohammad Ricky Sanjaya

Hi! I'm Sanjaya Back End Developer. You can discuss with me about web technology and more!

Mantaapp, ga akan pernah rugi, kita beli ebook untuk pengembangan diri

Rafael Nuansa Ramadhon

I am currently studying at Santri Koding as a step towards achieving my goal of becoming a good programmer.

Izin Request untuk Multi Role(DASHBOARD) dengan fortify dan penggunaan Socialite(RESTAPI) , :D

Izu Tolandona

Sangat mudah di pahami

Muhammad Zakir Ramadhan

Backend Engineer, Otaku, Modern stack enthusiast

terima kasih sangat senang belajar disini

Zito Studio

MANTAP SANGAT JELAS

Egi Alfarizi

Saya Egi Alfarizi, Panggilan John/Egi. Pendidikan terakhir saya S1-Teknik Infromatika di Universitas Halim Sanusi Bandung. Saya bekerja di Pesantren Baitul Qur'an Subang sebagai staff media. Saya sudah bergelut di Bidang desain sejak tahun 2018. Sejak saat itu pekerjaan saya tidak terlepas dari desain grafis

Love it so much!

candra togi

sangat bermanfaat

Muhammad Fadlun

Alhamdulillah dibimbing step by step, mentornya sabar banget menghadapi peserta newbie kaya saya. Jazakallahu khairan katsira, insyaa Allah ilmunya bermanfaat.

SULTON

Newbie programmer

Sangat bagus!!

Mutiiya Permatasari

semoga bisa menjadikan website ini bisa berguna

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. 300.000 Kartu Pelajar

Ebook Laravel, Vue Js, Tailwind CSS dan Payment Gateway
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Kupon Diskon Hosting Riau Cyber Solution

Beli Sekarang

UMUM

Rp. 350.000

Ebook Laravel, Vue Js, Tailwind CSS dan Payment Gateway
Source Code Studi Kasus
Private Group Member
Konsultasi Belajar
Kupon Diskon Hosting Riau Cyber Solution