Membangun Aplikasi Ujian Online (CBT) Dengan Laravel, Inertia.js & Vue.js
Disini kita akan belajar bagaimana cara membangun aplikasi secara monolith modern menggunakan Inertia.js dan Vue.js di dalam Laravel. Dengan menggunakan Inertia.js, kita sudah tidak perlu repot-repot membuat sebuah Rest API, sehingga proses development akan lebih cepat dan mudah.
Tentang Kelas
Pada pembahasan buku ini, kita semua akan belajar bersama-sama bagaimana cara menjadi seorang Full Stack Web Developer dengan cara membangun sebuah aplikasi Ujian Online menggunakan Laravel, Inertia.js dan Vue.js 3.
Karena akan menggunakan Inertia.js, maka akan sangat menghemat waktu kita dalam pembuatan sebuah aplikasi yang bersifat modern dan SPA atau Single Page Application. Dengan menggunakan Inertia.js, maka kita tidak perlu susah payah dan repot-repot membuat REST API untuk menghubungkan antara Backend dan Frontend. Karena peran Inertia.js akan menggantikan REST API untuk menghubungkan Laravel (Backend) dan Vue.js (Frontend) dengan lebih mudah dan maintainable.
Kita juga akan belajar membuat sistem autentikasi dengan 2 jenis role / peran, yaitu admin sebagai seseorang yang melakukan input data master, seperti data siswa, kelas, ujian, report dan lain-lain. Sedangkan role / peran yang satunya adalah siswa, yaitu yang melakukan proses ujian di dalam aplikasi.
Karena akan membuat aplikasi Ujian Online, maka kita juga akan belajar tentang melakukan import dan export data, seperti siswa, soal ujian dan bahkan report hasil ujian dari para siswa.
Setelah proses pembuatan aplikasi sudah selesai, maka kita juga akan belajar bagaimana cara melakukan deployment atau meng-online kan aplikasi tersebut agar bisa diakses oleh banyak orang. Dan disini kita akan belajar melakukan Deploy menggunakan VPS.
Karena akan melakukan Deployment menggunakan VPS, maka kita juga akan belajar tentang LEMP stack atau kepanjangan dari Linux, Engine X, MySQL dan PHP. Maka secara tidak langsung, kita juga akan belajar tentang basic Devops.
Daftar Materi
| Cover | 00.00 | |
| Kata Pengantar | 00.00 | |
| License Buku | 00.00 | |
| Tentang Buku | 00.00 |
| Diagram Aplikasi | 00.00 | |
| Struktur dan Relasi Database | 00.00 |
| JavaScript ES6 | 00.00 | |
| Variable | 00.00 | |
| Default Parameter | 00.00 | |
| Template String atau Literal | 00.00 | |
| Arrow Function | 00.00 | |
| Rest Parameter | 00.00 | |
| Destructuring & Restructuring | 00.00 | |
| Spread Operator | 00.00 | |
| Array Map | 00.00 | |
| Promise | 00.00 | |
| Async Await | 00.00 |
| Persiapan dan Tools Pendukung | 00.00 | |
| Membuat Project Laravel dengan Composer | 00.00 | |
| Konfigurasi Time Zone | 00.00 |
| Konfigurasi Koneksi Database | 00.00 | |
| Membuat Model dan Migration | 00.00 | |
| Relasi Table Dengan Eloquent | 00.00 | |
| Membuat User Seeder | 00.00 |
| Apa itu Inertia.js ? | 00.00 | |
| Installasi & Konfigurasi Inertia.js "server-side" | 00.00 | |
| Installasi & Konfigurasi Inertia.js "client-side" | 00.00 | |
| Share Data di Inertia.js | 00.00 | |
| Menambahkan Progressbar di Inertia.js | 00.00 | |
| Membuat Helpers Dengan Mixins | 00.00 |
| Apa itu Laravel Excel ? | 00.00 | |
| Installasi & Konfigurasi Laravel Excel | 00.00 |
| Apa itu Laravel Fortify ? | 00.00 | |
| Installasi dan Konfigurasi Laravel Fortify | 00.00 | |
| Membuat Proses Login | 00.00 | |
| Membuat Proses Logout | 00.00 |
| Membuat Controller Dashboard | 00.00 | |
| Membuat Layout Admin | 00.00 | |
| Menampilkan Halaman Dashboard | 00.00 |
| Membuat Controller Lesson | 00.00 | |
| Menampilkan Data Lesson | 00.00 | |
| Membuat Proses Insert Data Lesson | 00.00 | |
| Membuat Proses Edit dan Update Data Lesson | 00.00 | |
| Membuat Proses Delete Data Lesson | 00.00 |
| Membuat Controller Classroom | 00.00 | |
| Menampilkan Data Classroom | 00.00 | |
| Membuat Proses Insert Data Classroom | 00.00 | |
| Membuat Proses Edit dan Update Data Classroom | 00.00 | |
| Membuat Proses Delete Data Classroom | 00.00 |
| Membuat Controller Student | 00.00 | |
| Menampilkan Data Student | 00.00 | |
| Membuat Proses Insert Data Student | 00.00 | |
| Membuat Proses Edit dan Update Data Student | 00.00 | |
| Membuat Proses Delete Data Student | 00.00 | |
| Membuat Proses Import Data Student | 00.00 |
| Membuat Controller Exam | 00.00 | |
| Menampilkan Data Exam | 00.00 | |
| Membuat Proses Insert Data Exam | 00.00 | |
| Menampilkan Detail Data Exam | 00.00 | |
| Membuat Proses Edit dan Update Data Exam | 00.00 | |
| Membuat Proses Delete Data Exam | 00.00 |
| Menampilkan Data Questions | 00.00 | |
| Membuat Proses Insert Data Question | 00.00 | |
| Membuat Proses Edit dan Update Data Question | 00.00 | |
| Membuat Proses Delete Data Question | 00.00 | |
| Membuat Proses Import Data Question | 00.00 |
| Membuat Controller Exam Session | 00.00 | |
| Menampilkan Data Exam Sessions | 00.00 | |
| Membuat Proses Insert Data Exam Session | 00.00 | |
| Menampilkan Detail Data Exam Session | 00.00 | |
| Membuat Proses Edit dan Update Data Exam Session | 00.00 | |
| Membuat Proses Delete Data Exam Session | 00.00 |
| Menampilkan Data Siswa Enrolled | 00.00 | |
| Membuat Proses Enrolle Data Siswa (Bulk Insert) | 00.00 | |
| Membuat Proses Delete Data Siswa Enrolled | 00.00 |
| Membuat Controller Report | 00.00 | |
| Menampilkan Nilai Ujian | 00.00 | |
| Membuat Proses Export Nilai Ujian | 00.00 |
| Konfigurasi Authentication Student | 00.00 | |
| Membuat Middleware Authentication Student | 00.00 | |
| Membuat Controller Login Student | 00.00 | |
| Membuat Halaman dan Proses Login Student | 00.00 |
| Membuat Controller Dashboard Student | 00.00 | |
| Menampilkan Halaman Dashboard Student | 00.00 |
| Menampilkan Konfirmasi Ujian | 00.00 | |
| Memulai dan Menampilkan Ujian | 00.00 | |
| Menampilkan dan Update Durasi Ujian | 00.00 | |
| Membuat Navigasi Soal Ujian | 00.00 | |
| Proses Menjawab Soal Ujian | 00.00 | |
| Proses Mengakhiri Ujian | 00.00 | |
| Menampilkan Hasil Ujian | 00.00 |
| Membeli VPS (Virtual Private Server) | 00.00 | |
| Konfirugasi LEMP Stack di Server | 00.00 | |
| Proses Deployment Project ke Server via GitHub | 00.00 | |
| Menghubungkan Domain ke Server | 00.00 | |
| Memasang SSL di Server | 00.00 |
| Source Code | 00.00 | |
| Penutup | 00.00 |
Penyusun Materi
Fika Ridaul Maulayya
Full-Stack Developer, Content Creator and CO-Founder SantriKoding.com
Testimoni Oleh Siswa
(0 reviews)
