Intermediate · Level 6: TypeScriptIntermediate65 menitBahasa Indonesia

Uji Kompetensi Local Tooling and npm Basics

Checkpoint kesiapan local tooling sebelum masuk TypeScript project dan React workflow.

StatusMemuat progres

ReadinessMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Yang dicek

Mengecek pemahaman Node.js dan npm
Membaca package.json sederhana
Mengonfirmasi kesiapan terminal lokal untuk TypeScript project

Node.jsnpmpackage.jsonAssessment

Isi lesson

6 blok

1.
Checkpoint: siap masuk TypeScript project?Belum selesaiWajib
2.
QuizBelum selesaiWajib
3.
Package.json reading taskBelum selesaiWajib
4.
Writing practiceBelum selesaiWajib
5.
Docs bridge untuk tooling lokalBelum selesaiWajib
6.
RingkasanBelum selesaiWajib

Checkpoint: siap masuk TypeScript project?

Wajib

Uji Kompetensi ini mengecek kesiapan tooling, bukan kemampuan menghafal semua command npm. Kamu perlu tahu kenapa Node.js dan npm dipakai, cara mengecek versi, cara membaca package.json, cara menjalankan script, dan cara membedakan dependency dari devDependency.

FluentStack tidak bisa melihat terminal perangkat kamu. Jadi bagian local self-review harus dijawab jujur berdasarkan apa yang benar-benar sudah kamu jalankan.

Bagian ini memengaruhi progres lesson.

Quiz

Wajib

Uji Kompetensi Local Tooling and npm Basics

Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.

Target lulus

70/100

Skor terbaik

0/100

Status

Belum dikerjakan

Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.

Pertanyaan 1 dari 5

Target lulus: 70

Dalam modern frontend workflow, Node.js paling sering dibutuhkan untuk apa?

Package.json reading task

Wajib

json

{
  "name": "typescript-prep",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "vite",
    "typecheck": "tsc --noEmit",
    "build": "tsc && vite build"
  },
  "dependencies": {
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
  "devDependencies": {
    "typescript": "^5.9.0",
    "vite": "^7.0.0"
  }
}

Baca package.json ini sebelum mengisi writing practice. Identifikasi nama project, script yang tersedia, package runtime, dan tool development.

Bagian ini memengaruhi progres lesson.

Writing practice

Wajib

Latihan menulis

Tulis catatan readiness singkat berdasarkan package.json di atas dan terminal lokal kamu. Gunakan format: - Node.js version: - npm version: - Script yang tersedia: - Command yang akan kamu jalankan untuk type check: - dependencies: - devDependencies: - Masalah setup yang perlu dibereskan:

Tulis draft dulu sebelum menandai writing practice selesai.

Draft kosong

0/180 karakter

Checklist panduan

Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.

Mencatat output node -v dan npm -v dari terminal sendiri.
Menyebut minimal dua script dari package.json.
Menentukan command untuk menjalankan typecheck.
Membedakan dependencies dan devDependencies.
Jujur menyebut masalah setup jika masih ada.

Blok ini wajib untuk menyelesaikan lesson.

Documentation Bridge

Wajib

Docs bridge untuk tooling lokal

Gunakan dokumentasi resmi sebagai rujukan saat command atau package.json terasa membingungkan. Fokus hanya pada bagian yang dipakai di module ini.

Node.js

Introduction to Node.js

Fokus baca

Node.js sebagai runtime JavaScript di luar browser
kenapa Node.js relevan untuk tooling
menjalankan file JavaScript dari terminal

Abaikan dulu

membuat HTTP server
asynchronous I/O detail
production server setup

Buka dokumentasi

Node.js

An introduction to the npm package manager

Fokus baca

fungsi npm
npm install
npm run
perbedaan dependencies dan devDependencies

Abaikan dulu

publishing package
package manager alternatives
advanced versioning

Buka dokumentasi

npm Docs

package.json

Fokus baca

scripts
dependencies
devDependencies
metadata project dasar

Abaikan dulu

publishing fields
workspaces
advanced npm config

Buka dokumentasi

npm Docs

npm install

Fokus baca

menginstall dependency project
membaca package.json
perbedaan install semua dependency dan satu package

Abaikan dulu

global install
workspaces
audit detail

Buka dokumentasi

npm Docs

npm run

Fokus baca

menjalankan script dari package.json
format npm run <script>
apa yang terjadi jika script tidak ada

Abaikan dulu

workspaces
script-shell config
lifecycle scripts

Buka dokumentasi

Aksi setelah membaca

Buka package.json project lokal kamu, lalu tulis command yang akan dipakai untuk development, build, dan typecheck jika tersedia.

Bagian ini memengaruhi progres lesson.

Ringkasan

Wajib

Node.js dan npm adalah fondasi tooling untuk banyak project frontend modern.
Version check memastikan terminal mengenali node dan npm.
package.json menjelaskan script dan package project.
`npm install` menyiapkan dependency, sedangkan `npm run` menjalankan script.
Setelah tooling lokal siap, kamu bisa lanjut ke TypeScript Core Types dengan lebih tenang.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian wajib checkpoint ini

Lanjutkan blok wajib berikutnya: Checkpoint: siap masuk TypeScript project?.

Memuat progres Review module