Membangun Aplikasi Ujian Online (CBT) Dengan Laravel, Inertia.js dan Vue.js

Buku yang akan menuntunmu menjadi seorang FullStack Web Developer dengan studi kasus membangun aplikasi ujian online (CBT) dari 0 sampai deployment (online) menggunakan Laravel, Inertia.js dan Vue.js.

DEMO STUDI KASUS EBOOK

Demo Aplikasi : https://ujian-online.my.id

Belajar Membangun Aplikasi Ujian Online (CBT) Dari Nol Dengan Laravel, Inertia.js dan Vue.js !!!

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.

Inertia.js merupakan adapter yang berperan menggantikan Rest API dan menghubungkan antara Backend dan Frontend secara mudah dan menghemat waktu development.

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 FullStack Web Developer menggunakan Laravel dan Vue.js dengan studi kasus langsung membangun sebuah aplikasi Ujian Online (CBT) 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 bersama-sama akan belajar menjadi seorang Full-Stack Web Developer dari 0 dengan cara membangun sebuah aplikasi Ujian Online (CBT) menggunakan Laravel, Inertia.js dan Vue.js.

Tidak hanya itu, kita juga akan membahas konsep dan implementasi Multiple Auth (Multiple Guard) di dalam Laravel dan implementasi SPA (Single Page Application) di Inertia.js & Vue Js.

Setelah aplikasi Ujian Online selesai kita buat, langkah selanjutnya adalah melakukan proses deployment atau proses meng-online-kan projectnya di Internet, sehingga kita bisa mengaksesnya secara global.

Daftar Isi

    Pendahuluan
  • Cover
  • Kata Pengantar
  • License Buku
  • Tentang Buku
    Perancangan
  • Diagram Aplikasi
  • Struktur dan Relasi Database
    Fundamental JavaScript ES6
  • JavaScript ES6
  • Variable
  • Default Parameter
  • Template String atau Literal
  • Arrow Function
  • Rest Parameter
  • Destructuring & Restructuring
  • Spread Operator
  • Array Map
  • Promise
  • Async Await
    Installasi & Persiapan
  • Persiapan dan Tools Pendukung
  • Membuat Project Laravel dengan Composer
  • Konfigurasi Time Zone
    Database
  • Konfigurasi Koneksi Database
  • Membuat Model dan Migration
  • Relasi Table Dengan Eloquent
  • Membuat User Seeder
    Konfigurasi Inertia.js
  • Apa itu Inertia.js ?
  • Installasi & Konfigurasi Inertia.js "server-side"
  • Installasi & Konfigurasi Inertia.js "client-side"
  • Share Data di Inertia.js
  • Menambahkan Progressbar di Inertia.js
  • Membuat Helpers Dengan Mixins
    Konfigurasi Laravel Excel
  • Apa itu Laravel Excel ?
  • Installasi & Konfigurasi Laravel Excel
    Authentication Admin
  • Apa itu Laravel Fortify ?
  • Installasi dan Konfigurasi Laravel Fortify
  • Membuat Proses Login
  • Membuat Proses Logout
    Halaman Dashboard Admin
  • Membuat Controller Dashboard
  • Membuat Layout Admin
  • Menampilkan Halaman Dashboard
    CRUD Data Pelajaran
  • Membuat Controller Lesson
  • Menampilkan Data Lesson
  • Membuat Proses Insert Data Lesson
  • Membuat Proses Edit dan Update Data Lesson
  • Membuat Proses Delete Data Lesson
    CRUD Data Kelas
  • Membuat Controller Classroom
  • Menampilkan Data Classroom
  • Membuat Proses Insert Data Classroom
  • Membuat Proses Edit dan Update Data Classroom
  • Membuat Proses Delete Data Classroom
    CRUD Data Siswa
  • Membuat Controller Student
  • Menampilkan Data Student
  • Membuat Proses Insert Data Student
  • Membuat Proses Edit dan Update Data Student
  • Membuat Proses Delete Data Student
  • Membuat Proses Import Data Student
    CRUD Data Ujian
  • Membuat Controller Exam
  • Menampilkan Data Exam
  • Membuat Proses Insert Data Exam
  • Menampilkan Detail Data Exam
  • Membuat Proses Edit dan Update Data Exam
  • Membuat Proses Delete Data Exam
    CRUD Data Soal Ujian
  • Menampilkan Data Questions
  • Membuat Proses Insert Data Question
  • Membuat Proses Edit dan Update Data Question
  • Membuat Proses Delete Data Question
  • Membuat Proses Import Data Question
    CRUD Data Sesi Ujian
  • Membuat Controller Exam Session
  • Menampilkan Data Exam Sessions
  • Membuat Proses Insert Data Exam Session
  • Menampilkan Detail Data Exam Session
  • Membuat Proses Edit dan Update Data Exam Session
  • Membuat Proses Delete Data Exam Session
    Enrolle Siswa Ujian
  • Menampilkan Data Siswa Enrolled
  • Membuat Proses Enrolle Data Siswa (Bulk Insert)
  • Membuat Proses Delete Data Siswa Enrolled
    Laporan Ujian
  • Membuat Controller Report
  • Menampilkan Nilai Ujian
  • Membuat Proses Export Nilai Ujian
    Authentication Siswa
  • Konfigurasi Authentication Student
  • Membuat Middleware Authentication Student
  • Membuat Controller Login Student
  • Membuat Halaman dan Proses Login Student
    Halaman Dashboard Siswa
  • Membuat Controller Dashboard Student
  • Menampilkan Halaman Dashboard Student
    Halaman Ujian Siswa
  • Menampilkan Konfirmasi Ujian
  • Memulai dan Menampilkan Ujian
  • Menampilkan dan Update Durasi Ujian
  • Membuat Navigasi Soal Ujian
  • Proses Menjawab Soal Ujian
  • Proses Mengakhiri Ujian
  • Menampilkan Hasil Ujian
    Deployment
  • Membeli VPS (Virtual Private Server)
  • Konfirugasi LEMP Stack di Server
  • Proses Deployment Project ke Server via GitHub
  • Menghubungkan Domain ke Server
  • Memasang SSL di Server
    Penutup
  • Source Code
  • Penutup

Berikut ini 4 materi utama yang akan di pelajari :

1. Laravel

  • Installation & Configuration
  • Authentication
  • Multiple Authentication
  • Laravel Fortify
  • Laravel Excel (Import & Export)
  • Eloquent Relationships
  • Database Seeder
  • Vite (Hot Reload)

2. Inertia.js

  • Installasi & Konfigurasi Server Side
  • Installasi & Konfigurasi Client Side
  • Custom Shared Data
  • Progressbar
  • Vite (Hot Reload)

3. Vue.js

  • Composition API
  • Reactivity API
  • Membuat Helper Dengan Mixins
  • Authentication
  • Pagination
  • Fiter / Searching
  • Vue Countdown

4. Deployment

  • VPS (Virtual Private Server)
  • Konfigurasi LEMP Stack (Linux, Engine X, MySQL, PHP)
  • Compile Assets for Production (Vite)
  • Deployment Laravel Project di VPS
  • Menghubungkan Domain ke Server
  • Install dan Konfigurasi SSL di VPS

SCREENSHOT

APA KATA ORANG TENTANG BELAJAR DI SANTRI KODING ?

Tutorialnya super keren dan mudah dimengerti
wikan wiratmoko
Tukang kabel dan tukang database
Mantaaaaapp banyak belajar dari sini dan owner disini sangat sabar dalam mengajarinya
Andi Darus
Newbie
Buku ini bisa menjadi rekomendasi kalian yang ingin belajar Coding dengan Studi Kasus menggunakan Laravel, Inertia, dan Laravel., Pembuat Buku ini memberikan pemahaman yang Luar biasa, sehingga kalian bisa paham dengan Project yang kalian buat. Semoga Buku ini bisa menjadi amal Jariah, Terima Kasih
A. IKBAL
Guru & Web Developer
Sangat lengkap untuk di pelajari
Faqih Yugo Susilo
Software Engineer
Materi yang sangat runut dan rinci, sehingga dapat di ikuti dengan sangat baik. Course yang sangat recomended bagi yang inign mempelajari Laravel Vue
Irfan Kurniawan
materinya sangat detail dan mudah dipahami untuk pemula
Muhamad Rian Rafendi
Kursus "Membangun Aplikasi Kasir (Point of Sales) dengan Laravel, Inertia.js, dan Vue.js" adalah panduan komprehensif yang dirancang untuk pengembang web yang ingin membangun aplikasi Point of Sales (POS) yang modern dan fungsional. Kursus ini memadukan kekuatan Laravel sebagai framework backend, Inertia.js untuk memfasilitasi komunikasi antara frontend dan backend tanpa API tradisional, serta Vue.js untuk membangun antarmuka pengguna yang dinamis dan responsif.
Elnandi Nur
I am a passionate developer with experience in various programming languages and technologies. I love solving complex problems and creating innovative solutions. a passionate Full Stack Developer with a strong background in both front-end and back-end development. I enjoy building scalable web applications and continuously learning new technologies to improve my skills.
Mantap
Elvredo Tjan
Nothing
Sangat baik penataan materinya sehingga mudah dimengerti.
Samgar Pebriyanto
mantabb
Muhammad Umar Abdul Aziz
Freelancers
mantabb
Muhammad Umar Abdul Aziz
Freelancers
Best
Dwiky Ramadhan H
Sangat bermanfaat
Mochammad Agus Idris
Belajar lebih baik
Materinya sangat kompleks dan sangat cocok untuk developer pemula yang ingin belajar! Ayo gabunggg berasama kamii!!!
Rizki Januar Irmansyah
Mulai aja dulu!
Alhamdulillaah dengan adanya ebook aplikasi kasir ini menambah ilmu dalam pemrograman laravel dan vue js. Penjelasannya sangat mudah dipahami step by step. Semoga ilmu2 yg disharing mendapatkan pahala dan barokah dari Allah. Aamiin
Destara Cipta P

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

BIAYA INVESTASI

Rp. 400.000

Rp. 350.000

  • Ebook Laravel, Inertia.js dan Vue.js
  • Source Code Studi Kasus
  • Private Group Member
  • Konsultasi Belajar
  • Kupon Diskon Hosting Riau Cyber Solution
Beli Sekarang

SUPPORTED BY