VS Code dari Nol Besar
Berhenti memakai VS Code seperti Notepad. Kuasai shortcut, multi-cursor, dan debugger, lalu susun pengaturanmu sendiri.
Gratis
Sekilas kelas
- Tingkat
- Pemula
- Modul
- 7 modul
- Pelajaran
- 30 pelajaran
- Durasi
- ~3 jam 56 menit (direncanakan)
In Progress
Yang akan kamu bangun
Kelas VS Code berbahasa Indonesia untuk pemula, gratis. Kamu akan memasang VS Code, menguasai Command Palette dan navigasi, multi-cursor, Emmet, search dan replace, extension, snippet, integrated terminal, Source Control, task, dan debugger, lalu menyusun settings.json dan keybindings.json baris demi baris. Di akhir kelas, VS Code sudah menjadi alat kerja harian yang kamu atur sendiri, termasuk untuk menyunting kode di server lewat Remote-SSH.
File settings.json dan keybindings.json yang kamu susun sendiri baris demi baris, ditambah snippet, tasks.json, dan launch.json untuk satu proyek JavaScript.
Prasyarat
- Laptop atau komputer dengan Windows atau macOS
- Sudah pernah menulis sedikit HTML atau JavaScript akan membantu, tetapi tidak wajib
- Baru memakai VS Code untuk mengetik dan menyimpan? Cocok, kita mulai dari nol
Kurikulum
4 pelajaran bisa dicoba gratis; 26 pelajaran lainnya terbuka setelah kamu beli kelas.
Perkenalan & Instalasi 4 pelajaran · 25 menit
- Memasang VS Code di Windows · 1 menit Gratis
- Membuka proyek latihan: Open Folder dan Workspace Trust · 6 menit In Progress Gratis
- Mengenal tampilan: Activity Bar, Side Bar, Editor, Panel, dan Status Bar · 8 menit In Progress Gratis
- settings.json pertama: Settings editor, User, dan Workspace · 10 menit In Progress Gratis
Command Palette & Navigasi 5 pelajaran · 38 menit
- Command Palette: satu pintu untuk semua perintah · 8 menit In Progress
- Quick Open: membuka file tanpa menyentuh Explorer · 8 menit In Progress
- Berpindah di dalam kode: Go to Symbol, Go to Definition, dan Go Back · 8 menit In Progress
- Tab, split editor, dan Zen Mode · 6 menit In Progress
- keybindings.json pertama: shortcut buatan sendiri dan klausa when · 8 menit In Progress
Multi-cursor, Emmet & Search 5 pelajaran · 42 menit
- Mengolah baris: memindahkan, menyalin, menghapus, dan memberi komentar · 6 menit In Progress
- Multi-cursor dan column selection · 10 menit In Progress
- Emmet: menulis HTML dari singkatan, termasuk Wrap with Abbreviation · 8 menit In Progress
- IntelliSense, Rename Symbol, dan memindahkan fungsi ke file baru · 8 menit In Progress
- Search dan Replace di seluruh proyek, termasuk regex · 10 menit In Progress
Extension & Snippet 4 pelajaran · 32 menit
- Extension pertama: Marketplace, Live Preview, dan cara menilai extension · 8 menit In Progress
- Prettier: Format on Save dan pengaturan per bahasa · 8 menit In Progress
- ESLint dan panel Problems · 8 menit In Progress
- Snippet: memakai snippet bawaan dan menulis snippet sendiri · 8 menit In Progress
Terminal & Source Control 3 pelajaran · 26 menit
- Integrated terminal: membagi terminal dan memilih shell default · 8 menit In Progress
- Source Control: stage, commit, dan membaca diff · 10 menit In Progress
- Branch, Timeline, dan membatalkan perubahan · 8 menit In Progress
Task & Debugger 5 pelajaran · 40 menit
- Task pertama: menjalankan npm script dan menulis tasks.json · 8 menit In Progress
- Merangkai task: dependsOn, task default, dan shortcut untuk task · 6 menit In Progress
- Debugger pertama: menjalankan script Node.js dengan breakpoint · 8 menit In Progress
- Step over, step into, panel Variables, dan Watch · 10 menit In Progress
- Conditional breakpoint, logpoint, dan launch.json untuk browser · 8 menit In Progress
Workflow Harian 4 pelajaran · 33 menit
- Profiles dan Settings Sync: membawa pengaturanmu ke mana saja · 10 menit In Progress
- Remote-SSH: membuka folder di server dari VS Code · 10 menit In Progress
- Bekerja di server: extension, terminal, dan port forwarding · 8 menit In Progress
- Penutup: meninjau settings.json dan keybindings.json, lalu langkah selanjutnya · 5 menit In Progress