Lewati ke konten
TypeScript Guidebook

Ringkasan BAB 11

Tujuan Pembelajaran

Section titled “Tujuan Pembelajaran”

Setelah halaman ini, kamu diharapkan dapat:

  • Merangkum seluruh arsitektur dan folder project SIAKAD.
  • Menyelesaikan seluruh checklist kelayakan portofolio.
  • Mengunggah project pertamamu ke GitHub secara mandiri.

Pendahuluan

Section titled “Pendahuluan”

Kamu telah menyelesaikan seluruh proses penulisan kode, penataan folder, hingga pengujian mandiri. Halaman ini adalah rangkuman akhir perjalanan belajarmu di dalam buku TypeScript Guidebook ini.

Penjelasan: Rekapitulasi Arsitektur Project

Section titled “Penjelasan: Rekapitulasi Arsitektur Project”

Aplikasi yang berhasil kamu bangun memiliki susunan berlapis (Layered Architecture) yang modular:

  1. Presentation Layer (main.ts): Menyuguhkan menu angka 0-5 interaktif dengan modul readline.
  2. Service Layer (siswa-service.ts): Memproses logika bisnis kelulusan, mem-fetch data tugas online secara async.
  3. Repository Layer (academic-repository.ts): Menyimpan data secara Generic (T extends { id }) di memori RAM.

Analogi Kehidupan Sehari-hari: Lembar Checklist Wisuda Kelulusan

Section titled “Analogi Kehidupan Sehari-hari: Lembar Checklist Wisuda Kelulusan”

Menyelesaikan buku ini seperti mengisi lembar checklist administrasi wisuda kelulusan sekolah:

🖥️ Output
Checklist Wisuda:
- Lulus seluruh ujian semester (BAB 1-10 Teori)  ──► Sudah ✓
- Menyelesaikan tugas akhir karya (Final Project) ──► Sudah ✓
- Mengumpulkan berkas ke perpustakaan (Upload GitHub) ──► Proses

Begitu semua kotak dicentang, kamu dinyatakan lulus secara resmi dan siap menerima ijazah (portofolio) untuk melangkah ke dunia kerja.

Visual Illustration: Siklus Kerja Developer Profesional

Section titled “Visual Illustration: Siklus Kerja Developer Profesional”
🖥️ Output
Tulis Kode Lokal ──► Uji Coba (Testing) ──► Simpan Git Commit ──► Upload ke GitHub (Portofolio)

Live Coding: Panduan Mengunggah ke GitHub

Section titled “Live Coding: Panduan Mengunggah ke GitHub”

Jalankan perintah Git berikut di terminal untuk menginisialisasi dan mengunggah projectmu:

💻 Terminal
# 1. Inisialisasi Git local
git init


# 2. Buat file .gitignore berisi: node_modules/ dan dist/
echo "node_modules/" > .gitignore
echo "dist/" >> .gitignore


# 3. Commit berkas
git add .
git commit -m "feat: final project siakad console typescript"


# 4. Hubungkan ke repository GitHub milikmu (sesuaikan url)
git branch -M main
git remote add origin https://github.com/username-kamu/siakad-typescript-konsol.git
git push -u origin main

Output

Section titled “Output”

Hasil yang diharapkan di terminal setelah push sukses:

🖥️ Output
Branch 'main' set up to track remote branch 'main' from 'origin'.
Everything up-to-date

Penjelasan Baris per Baris

Section titled “Penjelasan Baris per Baris”
  • git init: Membuat database pelacak versi Git di folder project (BAB 0).
  • node_modules/ di .gitignore: Melarang Git mengunggah folder library luar yang sangat besar agar proses upload ke GitHub berjalan sangat cepat.
  • git push -u origin main: Mengunggah seluruh kode lokal ke server GitHub agar bisa dilihat publik.

Common Mistakes

Section titled “Common Mistakes”
  • Mengupload folder node_modules: Lupa membuat file .gitignore sehingga jutaan file library ikut terunggah ke GitHub. Ini membuat proses upload macet dan merusak kerapian repositori.

Tips

Section titled “Tips”

Ringkasan

Section titled “Ringkasan”
  • Aplikasi SIAKAD-Konsol berhasil dideploy secara lokal.
  • package.json dan tsconfig.json terkonfigurasi benar.
  • Project siap di-upload ke GitHub sebagai portofolio coding pertamamu.

Latihan

Section titled “Latihan”
  1. Selesaikan checklist portofolio dan checklist GitHub di atas.
  2. Buat repositori GitHub baru, upload project SIAKAD kamu, lalu bagikan tautan repositori tersebut kepada gurumu.