Apa Itu Node.js dan npm?
Memahami kenapa modern frontend project memakai Node.js dan npm sebelum masuk TypeScript dan React.
Tujuan belajar
- Menjelaskan peran Node.js dalam tooling frontend lokal
- Menjelaskan peran npm sebagai package manager
- Membedakan JavaScript di browser dari JavaScript yang dijalankan lewat Node.js
Isi lesson
5 blok- 1.Kamu mulai masuk tooling modernBelum selesaiWajib
- 2.Bayangkan sebagai workshop lokalBelum selesaiWajib
- 3.Tooling bukan tujuan akhirBelum selesaiWajib
- 4.Cek pemahamanBelum selesaiWajib
- 5.RingkasanBelum selesaiWajib
Kamu mulai masuk tooling modern
WajibSampai Level 5, kamu sudah cukup jauh dengan HTML, CSS, Vanilla JavaScript, async flow, Browser API, dan debugging. Sebelum masuk TypeScript dan React, ada satu lapisan kerja lokal yang perlu dibuat jelas: Node.js dan npm.
Node.js membuat JavaScript bisa berjalan di luar browser. Untuk frontend modern, Node.js sering dipakai oleh tool development: menjalankan dev server, menjalankan build, menjalankan test, atau menjalankan compiler seperti TypeScript.
npm adalah package manager. Ia membantu project mengunduh dependency, membaca daftar package dari package.json, dan menjalankan script project seperti `npm run dev` atau `npm run build`.
Bagian ini memengaruhi progres lesson.
Bayangkan sebagai workshop lokal
WajibBrowser adalah tempat user melihat aplikasi. Node.js adalah workshop lokal tempat tool developer bekerja. npm adalah pengelola alat di workshop itu.
Saat kamu memakai React, TypeScript, Vite, Next.js, Vitest, atau tool frontend modern lain, biasanya kamu tidak menjalankan semuanya langsung di browser. Kamu menjalankan command di terminal, lalu tool tersebut membantu menyiapkan kode agar bisa dipakai browser.
Bagian ini memengaruhi progres lesson.
Catatan penting
WajibTooling bukan tujuan akhir
Tujuan module ini bukan membuat kamu hafal semua command npm. Tujuannya adalah membuat kamu cukup nyaman membaca package.json, menjalankan script, dan tahu langkah awal saat terminal memberi error.
Bagian ini memengaruhi progres lesson.
Cek pemahaman
WajibJawab duluCek pemahaman singkat
Dalam workflow frontend modern, npm paling sering dipakai untuk apa?
Progres lesson naik setelah jawaban benar.
Ringkasan
Wajib- Node.js menjalankan JavaScript di luar browser.
- Frontend tooling modern sering berjalan lewat Node.js.
- npm mengelola package dan script project.
- package.json menjadi pusat informasi dasar project npm.
- Berikutnya, kamu akan mengecek apakah Node.js dan npm sudah tersedia di terminal lokal.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian penting lesson ini
Lanjutkan blok wajib berikutnya: Kamu mulai masuk tooling modern.