| MATA KULIAH (MK) | KODE | Rumpun MK | BOBOT (sks) | SMT | Tgl Penyusunan |
| WORKSHOP WEB | SIF25703K | Pemrograman & Teknologi Digital | 1 sks | 7 | 14 April 2026 |
| PENGESAHAN | Dosen Pengembang RPS | Koordinator MK | Kaprodi | ||
| Badiyanto. S.Kom, M.Kom | ........................................... | ........................................... | |||
Capaian Pembelajaran
| CPL-PRODI yang dibebankan pada MK | |
| - | |
| Capaian Pembelajaran Mata Kuliah (CPMK) | |
|
CPMK1 WORKSHOP WEB |
Menguasai konsep dasar arsitektur komponen dan reactivity pada ekosistem Vue.js. |
|
CPMK2 WORKSHOP WEB |
Mengimplementasikan framework Nuxt.js untuk membangun aplikasi web yang optimal secara SEO dan performa (Universal Rendering). |
|
CPMK3 WORKSHOP WEB |
Mengintegrasikan aplikasi frontend dengan layanan Backend (API) secara aman dan efisien. |
|
CPMK4 WORKSHOP WEB |
Membangun dan menyajikan aplikasi web full-stack fungsional sebagai solusi atas permasalahan nyata melalui kerja tim atau mandiri |
| Kemampuan akhir tiap tahapan belajar (Sub-CPMK) | |
| - | |
Korelasi CPL terhadap CPMK
| CPL\CPMK |
CPMK1 WORKSHOP WEB |
CPMK2 WORKSHOP WEB |
CPMK3 WORKSHOP WEB |
CPMK4 WORKSHOP WEB |
|---|---|---|---|---|
| Belum ada data CPL. | ||||
| Deskripsi Singkat MK |
Pengembangan Web Modern (Vue & Nuxt) Mata kuliah ini dirancang untuk membekali mahasiswa dengan keahlian komprehensif dalam membangun aplikasi web modern yang responsif, berperforma tinggi, dan siap industri. Fokus utama pembelajaran dimulai dari penguasaan arsitektur komponen dan sistem reaktivitas pada ekosistem Vue.js. Selanjutnya, mahasiswa akan mengeksplorasi Nuxt.js untuk mengimplementasikan Universal Rendering, memastikan aplikasi yang dibangun memiliki optimasi SEO dan kecepatan akses yang maksimal. Tak hanya dari sisi tampilan, mata kuliah ini juga menekankan pada keamanan dan efisiensi dalam integrasi API serta layanan backend. |
||
| Bahan Kajian: Materi Pembelajaran |
1. Pengenalan Vue & Nuxt 2. Dasar Vue: Template & Data 3. Event Handling & Reactivity 4. Components & Props 5. Routing & Pages di Nuxt 6. Layout & Styling 7. Form Handling & Validation 8. Fetch Data & API (useFetch & useAsyncData) 9. State Management (Pinia) 10. Authentication Dasar 11. Search Engine Optimization (SEO) & Meta di Nuxt 3 12. Deployment & Production Best Practice (Nuxt 3) |
||
| Pustaka |
Utama: - Pendukung: - |
||
| Pengampu |
Badiyanto,
S.Kom, M.Kom |
||
| Penilaian | Komponen CPMK | Bentuk Penilaian | Persentase Bobot |
| - | |||
| Total | 0% | ||
| Matakuliah Syarat | FRAMEWORK WEB | ||
Rencana Pembelajaran Semester
| Mg Ke- |
Sub-CPMK (sbg kemampuan akhir diharapkan) |
Penilaian | Bentuk Pembelajaran; Metode Pembelajaran; Penugasan Mahasiswa; | Materi Pembelajaran |
Bobot Penilaian |
||
|---|---|---|---|---|---|---|---|
| Indikator | Kriteria & Bentuk | Luring | Daring | ||||
| (1) | (2) | (3) | (4) | (5) | (6) | (7) | (8) |
| Belum ada data RPS Mingguan. | |||||||
Catatan:
RUBRIK PENILAIAN (MARKING SCORE)