[{"data":1,"prerenderedAt":352},["ShallowReactive",2],{"tag-labels":3,"site-header":4,"article-instalasi-java-dengan-visual-studio-code-id":72},{},{"featuredPost":5,"navigations":29},{"id":6,"title":7,"title_en":8,"slug":9,"excerpt":10,"excerpt_en":11,"has_translation":12,"published_at":13,"reading_time":14,"hidden_from_listing":15,"tags":16,"thumbnail_image":21,"og_image":22,"series":23,"authors":28},110,"Ketika Pilih Framework Cuma Biar Kelihatan Beda","When You Pick a Framework Just to Look Different","ketika-pilih-framework-cuma-biar-kelihatan-beda","Terakhir kali kamu milih framework atau library baru, itu karena masalahmu butuh alat itu, atau karena alatnya kedengaran keren dan belum banyak yang pakai? Pertanyaan ini nggak enak dijawab. Soalnya keputusan teknologi sering diambil dengan alasan yang nggak pernah ditulis di dokumen teknis mana pun.","The last time you chose a new framework or library, was it because your problem needed that tool, or because it sounded cool and few people around you were using it? That question is uncomfortable. Technology decisions are often made for reasons that never appear in any technical document.",true,"2026-10-06T15:25:21.000Z",5,false,[17,18,19,20],"karier","framework","opini","pengalaman",null,"\u002Fog\u002Fketika-pilih-framework-cuma-biar-kelihatan-beda.png",{"id":24,"title":25,"title_en":26,"slug":27},9,"Artikel","Articles","all",[],[30,46,67],{"collection":31,"item":32},"series",{"__typename":31,"title":25,"title_en":26,"slug":27,"children_series":33},[34,38,42],{"title":35,"title_en":36,"slug":37},"Kecerdasan Artifisial","Artificial Intelligence","kecerdasan-artifisial",{"title":39,"title_en":40,"slug":41},"Konsep Dasar Pemrograman","Programming Fundamentals","konsep-dasar-pemrograman",{"title":43,"title_en":44,"slug":45},"Algoritma dan Struktur Data","Algorithms and Data Structures","algoritma-struktur-data",{"collection":31,"item":47},{"__typename":31,"title":48,"title_en":48,"slug":49,"children_series":50},"Tutorial","tutorial",[51,55,59,63],{"title":52,"title_en":53,"slug":54},"Belajar Python","Learning Python","belajar-python",{"title":56,"title_en":57,"slug":58},"Belajar Golang","Learning Go","belajar-golang",{"title":60,"title_en":61,"slug":62},"Belajar Java","Learning Java","belajar-java",{"title":64,"title_en":65,"slug":66},"Belajar Pascal","Learning Pascal","belajar-pascal",{"collection":31,"item":68},{"__typename":31,"title":69,"title_en":69,"slug":70,"children_series":71},"Lab","lab",[],{"article":73,"renderedBody":227,"renderedTakeaway":228,"latestArticles":229,"toc":329},{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":14,"hidden_from_listing":15,"tags":81,"thumbnail_image":21,"og_image":85,"series":86,"authors":221,"body_locale":222,"available_locales":223,"body":225,"takeway":226,"prerequisite":21},14,"Instalasi Java dengan Visual Studio Code","Installing Java with Visual Studio Code","instalasi-java-dengan-visual-studio-code","Mau belajar ngoding Java tapi spek laptop pas-pasan buat buka IDE berat? Yuk, cari tahu cara setup VS Code biar ngoding Java tetap lancar dan enteng!","Want to learn Java but your laptop barely handles a heavy IDE? Here's how to set up VS Code so writing Java stays light and smooth.","2026-06-15T02:37:24.974Z",[82,83,84],"howto","java","editor","\u002Fog\u002Finstalasi-java-dengan-visual-studio-code.png",{"id":87,"title":88,"title_en":89,"slug":90,"description":91,"description_en":92,"articles":93,"children_series":210,"parent_series":211},21,"Berkenalan dengan Java","Getting Started with Java","java-intro","Kenalan sama Java dari nol: bikin program pertama, paham struktur dasarnya, sampai bisa nerima input dan nampilin output.","Meet Java from scratch: your first program, how the pieces fit together, and how to read input and print output.",[94,97,119,132,149,165,180,196],{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":14,"hidden_from_listing":15,"tags":81,"thumbnail_image":21,"og_image":85,"series":95,"authors":96},{"id":87,"title":88,"title_en":89,"slug":90},[],{"id":98,"title":99,"title_en":100,"slug":101,"excerpt":102,"excerpt_en":103,"has_translation":12,"published_at":104,"reading_time":105,"hidden_from_listing":15,"tags":106,"thumbnail_image":21,"og_image":110,"series":111,"authors":112},49,"Berkenalan dengan Bahasa Java","Getting to Know the Java Language","berkenalan-dengan-bahasa-java","Java merupakan bahasa pemrograman tingkat tinggi dengan paradigma OOP. Bahasa ini punya slogan “write once, run anywhere”","Java is a high-level programming language built on the OOP paradigm, and it carries the slogan “write once, run anywhere”.","2022-08-11T00:00:00.000Z",3,[83,107,108,109],"intro","pemrograman","dasar","\u002Fog\u002Fberkenalan-dengan-bahasa-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[113],{"authors_id":114},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},1,"Daffa Izzuddin","izzudd","Writer",{"id":120,"title":121,"title_en":122,"slug":123,"excerpt":124,"excerpt_en":125,"has_translation":12,"published_at":104,"reading_time":115,"hidden_from_listing":15,"tags":126,"thumbnail_image":21,"og_image":127,"series":128,"authors":129},50,"Membuat Program \"Hello World\" pada Java","Building a \"Hello World\" Program in Java","membuat-program-hello-world-pada-java","Pada kesempatan kali ini kita akan membuat kode pertama kita, yaitu Hello World pada bahasa Java.","This time we build our first program, Hello World, in the Java language.",[83,49,109],"\u002Fog\u002Fmembuat-program-hello-world-pada-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[130],{"authors_id":131},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":133,"title":134,"title_en":135,"slug":136,"excerpt":137,"excerpt_en":138,"has_translation":12,"published_at":139,"reading_time":140,"hidden_from_listing":15,"tags":141,"thumbnail_image":21,"og_image":144,"series":145,"authors":146},51,"Mengenal Struktur Dasar Program Java","Understanding the Basic Structure of a Java Program","mengenal-struktur-dasar-program-java","Ibarat menulis skripsi, membuat program ternyata juga ada strukturnya. Dan struktur ini harus sesuai supaya tidak ditolak oleh sang komputer.","Writing a program has a structure, the way writing a thesis does. And that structure has to be right so the computer doesn't reject it.","2022-08-12T09:43:57.000Z",4,[83,142,109,143],"syntax","konsep","\u002Fog\u002Fmengenal-struktur-dasar-program-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[147],{"authors_id":148},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":150,"title":151,"title_en":152,"slug":153,"excerpt":154,"excerpt_en":155,"has_translation":12,"published_at":156,"reading_time":105,"hidden_from_listing":15,"tags":157,"thumbnail_image":21,"og_image":160,"series":161,"authors":162},52,"Penulisan Komentar pada Bahasa Java","Writing Comments in the Java Language","penulisan-komentar-pada-bahasa-java","Java memiliki beberapa jenis komentar yaitu komentar satu baris, banyak baris, dan komentar dokumentasi.","Java has several kinds of comments: single line comments, multiline comments, and doc comments.","2022-08-21T03:23:11.000Z",[83,158,142,159],"komentar","best-practice","\u002Fog\u002Fpenulisan-komentar-pada-bahasa-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[163],{"authors_id":164},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":166,"title":167,"title_en":168,"slug":169,"excerpt":170,"excerpt_en":171,"has_translation":12,"published_at":172,"reading_time":14,"hidden_from_listing":15,"tags":173,"thumbnail_image":21,"og_image":175,"series":176,"authors":177},53,"Sistem Output pada Bahasa Java","The Output System in the Java Language","sistem-output-pada-bahasa-java","Ketika membuat program \"Hello World\" kita sudah melihat method `System.out.println`. Selain method tersebut masih ada method lainnya, mari kita bahas.","When we built the \"Hello World\" program we already met the `System.out.println` method. Java has other output methods too, and this piece goes through them.","2022-08-23T00:00:00.000Z",[83,174,109],"input-output","\u002Fog\u002Fsistem-output-pada-bahasa-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[178],{"authors_id":179},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":181,"title":182,"title_en":183,"slug":184,"excerpt":185,"excerpt_en":186,"has_translation":12,"published_at":187,"reading_time":188,"hidden_from_listing":15,"tags":189,"thumbnail_image":21,"og_image":191,"series":192,"authors":193},54,"Variabel dan Literal pada Bahasa Java","Variables and Literals in the Java Language","variabel-dan-literal-pada-bahasa-java","Literal dan variabel merupakan komponen yang penting, karena 2 hal ini berhubungan langsung dengan data dan manipulasinya.","Literals and variables are important components, because these 2 things connect directly to data and how you manipulate it.","2022-09-07T07:33:30.000Z",7,[83,190,143,109],"variabel","\u002Fog\u002Fvariabel-dan-literal-pada-bahasa-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[194],{"authors_id":195},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":197,"title":198,"title_en":199,"slug":200,"excerpt":201,"excerpt_en":202,"has_translation":12,"published_at":203,"reading_time":188,"hidden_from_listing":15,"tags":204,"thumbnail_image":21,"og_image":205,"series":206,"authors":207},55,"Sistem Input pada Bahasa Java","The Input System in the Java Language","sistem-input-pada-bahasa-java","Pada bahasa Java, sistem input dilayani oleh objek yang bernama Scanner. Objek ini memiliki banyak method yang dapat digunakan untuk sistem input.","In Java, the input system is handled by an object named Scanner, and that object has plenty of methods you can use for input.","2022-09-27T14:15:59.000Z",[83,174,109],"\u002Fog\u002Fsistem-input-pada-bahasa-java.png",{"id":87,"title":88,"title_en":89,"slug":90},[208],{"authors_id":209},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},[],{"id":212,"title":60,"title_en":61,"slug":62,"parent_series":213,"children_series":214},13,{"id":115,"title":48,"title_en":48,"slug":49},[215,216],{"id":87,"title":88,"title_en":89,"slug":90,"cover_image":21},{"id":217,"title":218,"title_en":219,"slug":220,"cover_image":21},22,"Variabel, Tipe Data, dan Operasi","Variables, Types, and Operations","java-variabel-tipe-data",[],"id",[224,222],"en","Salah satu hambatan paling umum pas kita baru mulai belajar bahasa pemrograman baru adalah memilih *IDE* atau *code editor* yang tepat.\n\nTerlebih lagi pas kita berurusan dengan [bahasa Java](https:\u002F\u002Fwww.invasikode.com\u002Fartikel\u002Fseri\u002Fbelajar-java). Kita biasanya dihadapkan sama banyak banget pilihan *IDE* (*Integrated Development Environment*) legendaris kayak NetBeans, IntelliJ IDEA, Eclipse, dan kawan-kawannya.\n\nTapi masalahnya, dalam banyak kasus, penggunaan *IDE* raksasa ini sering kali bikin laptop kita ngos-ngosan—ehem, apalagi kalau spesifikasinya pas-pasan alias spek kentang. 😂 Hal ini disebabkan karena banyaknya proses berat yang berjalan di latar belakang, padahal proses itu belum tentu kita butuhin pas nulis kode sederhana.\n\nAlternatif yang bisa kalian ambil adalah beralih menggunakan *code editor*. Jika dibandingkan dengan *IDE*, *code editor* itu cenderung jauh lebih ramah terhadap kapasitas RAM dan CPU laptop kalian. Soalnya, tugas utamanya emang difokuskan buat mengedit kode saja tanpa bawaan fitur bawaan yang berlebihan.\n\nDari sekian banyak pilihan di luar sana, salah satu yang paling populer dan dicintai adalah VS Code. Nggak cuma buat Java aja, *editor* serbaguna ini bisa dipakai buat bahasa pemrograman apa pun, asalkan kalian tahu cara mengonfigurasinya dengan benar.\n\nNah, pada kesempatan kali ini, kita bakal membahas gimana cara melakukan instalasi dan konfigurasi VS Code biar bisa kita pakai buat ngoding Java dengan lancar dan ceria.\n\n## Sekilas Pandang\n\nSebelum mulai masuk ke tahap instalasi, pastikan laptop atau PC kalian udah terhubung ke internet ya. Soalnya, kita bakal mengunduh beberapa *software* penting di bawah ini:\n\n* **Java Development Kit (JDK)** — Mesin utama buat menjalankan Java.\n* **Visual Studio Code** — Editor kode andalan kita.\n* **Ekstensi Java untuk VS Code** — Paket pendukung biar VS Code makin pintar membaca kode Java.\n\nKalau semuanya udah berhasil terpasang dengan benar, lingkungan kerja kalian bakal lengkap dengan panel penjelajah berkas, editor kode, dan konsol eksekusi yang rapi.\n\n> 📷 *Ilustrasi: tampilan antarmuka VS Code yang membuka proyek Java lengkap dengan kode sumber dan terminal hasil eksekusi program.*\n\nYuk, kita mulai langkah pertamanya dengan memasang JDK terlebih dahulu!\n\n## 1. Instalasi Java Development Kit (JDK)\n\n*JDK* adalah *software* utama yang wajib ada buat membuat dan menjalankan aplikasi Java. Di dalam paket *JDK* ini udah mencakup *API*, *loader*, *compiler*, *runtime environment* (JRE), dan banyak komponen penting lainnya.\n\nBuat proses instalasi *JDK* ini, silakan kalian sesuaikan langkahnya dengan sistem operasi yang sedang digunakan saat ini.\n\n### Instalasi JDK di Windows\n\nUntuk pengguna Windows, kita bisa memakai distribusi *JDK* resmi yang disediakan langsung oleh Microsoft.\n\nProses instalasinya gampang banget kok. Cukup unduh berkas pemasang (*installer*) lalu pasang sesuai petunjuk seperti aplikasi Windows pada umumnya.\n\nKalian bisa mengakses halaman unduhannya di situs resmi [Microsoft OpenJDK](https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fjava\u002Fopenjdk\u002Fdownload). Pastikan buat mengunduh versi terbaru dengan format installer `.msi`. Jangan lupa sesuaikan juga dengan arsitektur sistem komputer kalian (biasanya tipe 64-bit).\n\n> **Catatan:** Pas artikel ini ditulis, versi stabil yang direkomendasikan adalah versi `17.0.4.1` (*LTS*).\n\nKalau berkasnya udah selesai diunduh, langsung buka aja file `.msi` tersebut dan ikuti langkah instalasinya. Di sini kita pakai konfigurasi standar (*default*) aja, jadi tinggal klik tombol **Next**, **Next**, sampai **Finish**.\n\nSetelah proses pemasangan selesai, mari kita pastikan kalau *JDK* udah terdaftar dengan benar di sistem. Buka aplikasi terminal kalian (boleh pakai CMD atau PowerShell), lalu ketikkan perintah di bawah ini dan tekan enter:\n\n```shell\njava --version\n```\n\nKalau perintah tersebut menampilkan *output* keterangan versi OpenJDK seperti di bawah ini, artinya *setup JDK* kalian udah sukses terinstal:\n\n```\nopenjdk 17.0.4.1 2022-08-12 LTS\nOpenJDK Runtime Environment Microsoft-40354 (build 17.0.4.1+1-LTS)\nOpenJDK 64-Bit Server VM Microsoft-40354 (build 17.0.4.1+1-LTS, mixed mode, sharing)\n```\n\nTapi kalau perintahnya nggak dikenal, coba matikan dan nyalakan ulang (*restart*) komputer kalian dulu, lalu jalankan kembali perintah pengecekan tadi.\n\nJika aman, yuk kita beranjak ke langkah berikutnya yaitu [Instalasi VS Code](#2-instalasi-visual-studio-code).\n\n### Instalasi JDK di Linux\n\nBagi pengguna Linux, beberapa distribusi (*distro*) biasanya sudah menyertakan *JDK* secara bawaan. Kalian bisa memastikannya dengan mengetikkan perintah ini di terminal:\n\n```shell\njava --version\n```\n\nKalau informasinya muncul, berarti kalian tinggal melompat langsung ke langkah [pemasangan VS Code](#2-instalasi-visual-studio-code).\n\nNamun kalau hasilnya menunjukkan perintah nggak ditemukan, berarti kita kudu memasangnya secara manual terlebih dulu.\n\nUntungnya, hampir seluruh *distro* Linux populer udah menyediakan paket OpenJDK di dalam repositori resmi mereka. Jadi, kalian tinggal menjalankan perintah instalasi di terminal sesuai dengan keluarga *distro* yang dipakai.\n\nBuat keluarga Debian, Ubuntu, Mint, dan turunannya:\n\n```shell\nsudo apt update\nsudo apt install default-jdk\n```\n\nBuat pengguna Fedora:\n\n```shell\nsudo dnf install java-11-openjdk\n```\n\nBuat pengguna Arch Linux dan turunannya (`pacman`):\n\n```shell\nsudo pacman -S jdk-openjdk\n```\n\nSedangkan buat *distro* Linux lainnya, tinggal sesuaikan saja perintahnya dengan pengelola paket (*package manager*) masing-masing ya.\n\n## 2. Instalasi Visual Studio Code\n\nUntuk memasang VS Code, silakan unduh berkas pemasangnya lewat situs resmi [unduhan VS Code](https:\u002F\u002Fcode.visualstudio.com\u002Fdownload). Langkah instalasinya baik di Windows maupun Linux tergolong mirip dan sangat mudah diikuti. Cukup pastikan saja format berkas yang kalian unduh sesuai dengan sistem operasi kalian (misalnya `.exe` buat Windows atau `.deb`\u002F`.rpm` buat Linux).\n\nSetelah instalasi beres, jalankan aplikasinya hingga memunculkan tab selamat datang (*Welcome page*). Layar awal ini menyediakan pintasan cepat buat membuka folder kerja, berkas terbaru, dan menu konfigurasi dasar.\n\n> 📷 *Ilustrasi: jendela awal Visual Studio Code yang menampilkan tab selamat datang dan bilah aktivitas di sisi samping.*\n\nSip, tersisa satu langkah krusial lagi nih! 👏\n\n## 3. Pasang Ekstensi Pendukung Java\n\nSebenarnya sampai tahap ini kita udah bisa menulis dan mengompilasi kode Java lewat terminal. Tapi jujur aja, cara manual begitu pasti kerasa merepotkan karena kita harus bolak-balik mengetik perintah kompilasi.\n\nUntungnya, VS Code punya ekosistem ekstensi (*extension*) yang sangat kaya buat mempermudah hidup kita. Kita tinggal pasang paket kumpulan ekstensi bernama `Extension Pack for Java` yang berisi sekumpulan perkakas bantu buat mempermudah penulisan, pengujian, dan *debugging* program Java.\n\nCara pasangnya gampang banget: silakan klik ikon **Extensions** yang ada di bagian menu navigasi samping (*sidebar*) sebelah kiri.\n\nSetelah itu, ketik kata kunci \"Java\" di dalam kotak pencarian. Di daftar hasil pencarian teratas, kalian bakal melihat paket `Extension Pack for Java` buatan Microsoft. Klik tombol **Install** dan tunggu beberapa saat sampai proses pemasangannya selesai.\n\n> 📷 *Ilustrasi: panel ekstensi VS Code yang menampilkan paket Extension Pack for Java beserta tombol instalasi.*\n\nSetelah ekstensinya siap, sekarang mari kita coba membuat proyek Java pertama kita menggunakan VS Code.\n\n## 4. Membuat Proyek Java Pertama\n\nLangkah awal untuk memulai proyek baru adalah dengan memanggil fitur *command palette*. Caranya, tekan kombinasi tombol shortcut `Ctrl + Shift + P` di keyboard, maka kotak input perintah bakal muncul di bagian atas layar.\n\nKetikkan kata kunci `Java: Create Java Project` di kotak tersebut, lalu tekan enter atau klik langsung opsi yang muncul di layar.\n\n> 📷 *Ilustrasi: bilah Command Palette di bagian atas VS Code yang menyaring perintah pembuatan proyek Java.*\n\nSelanjutnya, kalian bakal diminta memilih jenis proyek yang mau dibuat. Karena kita baru tahap belajar dasar, pilih opsi **No build tools** buat membuat struktur proyek seminimal mungkin tanpa bantuan pengelola dependensi eksternal. Menu ini juga menyediakan pilihan perkakas lain seperti Maven atau Gradle untuk kebutuhan proyek yang lebih rumit.\n\n> 📷 *Ilustrasi: daftar pilihan tipe perkakas bangun proyek Java pada menu dropdown VS Code.*\n\nSetelah itu, jendela dialog penyimpanan (*pop-up*) bakal muncul meminta kalian memilih lokasi folder proyek. Silakan pilih folder di komputer kalian sesuai kebutuhan.\n\nSetelah lokasinya ditentukan, bakal muncul kolom input (*text field*) kecil buat mengetikkan nama proyek kalian. Ketik nama proyek bebas sesuka hati (misalnya kita beri nama `demo`), lalu tekan enter.\n\nVS Code bakal otomatis memproses struktur direktori proyek kalian dan langsung membukanya di workspace baru. Di panel samping, susunan berkas proyek akan tertata rapi dari folder utama hingga subfolder kode sumber.\n\n> 📷 *Ilustrasi: panel file explorer VS Code yang menampilkan struktur direktori proyek Java beserta folder src dan lib.*\n\nSebagai aturan dasarnya, semua berkas kode Java yang kalian tulis nantinya harus diletakkan di dalam folder `src`. Di sana, kalian juga bisa melihat berkas bawaan bernama `App.java` yang berisi kode program penampil teks sederhana.\n\nUntuk menjalankan kodenya, kalian cukup mengklik tombol ikon segitiga (**Run**) di pojok kanan atas editor. Atau alternatif menariknya, kalian bisa klik teks tombol melayang **Run** yang terletak manis tepat di atas deklarasi fungsi `main`.\n\nKetika kodenya dieksekusi, panel terminal di bagian bawah layar bakal otomatis terbuka dan menampilkan hasil *output* program kalian.\n\nHore! 🥳 Sampai tahap ini, seluruh rangkaian konfigurasi Java menggunakan VS Code telah berhasil diselesaikan dengan baik. Sekarang, kalian sudah siap buat mulai petualangan menulis baris kode Java dengan nyaman.\n\nSelamat bersenang-senang dan *happy coding*! 👋\n","- Visual Studio Code (VS Code) adalah alternatif editor kode yang jauh lebih ringan dibandingkan IDE Java tradisional seperti NetBeans atau Eclipse.\n- JDK (Java Development Kit) merupakan komponen wajib untuk mengompilasi dan menjalankan program Java di komputer kita.\n- Microsoft menyediakan distribusi OpenJDK versi installer (.msi) yang sangat praktis dipasang di sistem Windows.\n- Dengan memasang 'Extension Pack for Java' di VS Code, kita bisa mendapatkan fitur pelengkapan otomatis dan eksekusi kode satu-klik.","\u003Cp>Salah satu hambatan paling umum pas kita baru mulai belajar bahasa pemrograman baru adalah memilih \u003Cem>IDE\u003C\u002Fem> atau \u003Cem>code editor\u003C\u002Fem> yang tepat.\u003C\u002Fp>\n\u003Cp>Terlebih lagi pas kita berurusan dengan \u003Ca href=\"https:\u002F\u002Fwww.invasikode.com\u002Fartikel\u002Fseri\u002Fbelajar-java\">bahasa Java\u003C\u002Fa>. Kita biasanya dihadapkan sama banyak banget pilihan \u003Cem>IDE\u003C\u002Fem> (\u003Cem>Integrated Development Environment\u003C\u002Fem>) legendaris kayak NetBeans, IntelliJ IDEA, Eclipse, dan kawan-kawannya.\u003C\u002Fp>\n\u003Cp>Tapi masalahnya, dalam banyak kasus, penggunaan \u003Cem>IDE\u003C\u002Fem> raksasa ini sering kali bikin laptop kita ngos-ngosan—ehem, apalagi kalau spesifikasinya pas-pasan alias spek kentang. 😂 Hal ini disebabkan karena banyaknya proses berat yang berjalan di latar belakang, padahal proses itu belum tentu kita butuhin pas nulis kode sederhana.\u003C\u002Fp>\n\u003Cp>Alternatif yang bisa kalian ambil adalah beralih menggunakan \u003Cem>code editor\u003C\u002Fem>. Jika dibandingkan dengan \u003Cem>IDE\u003C\u002Fem>, \u003Cem>code editor\u003C\u002Fem> itu cenderung jauh lebih ramah terhadap kapasitas RAM dan CPU laptop kalian. Soalnya, tugas utamanya emang difokuskan buat mengedit kode saja tanpa bawaan fitur bawaan yang berlebihan.\u003C\u002Fp>\n\u003Cp>Dari sekian banyak pilihan di luar sana, salah satu yang paling populer dan dicintai adalah VS Code. Nggak cuma buat Java aja, \u003Cem>editor\u003C\u002Fem> serbaguna ini bisa dipakai buat bahasa pemrograman apa pun, asalkan kalian tahu cara mengonfigurasinya dengan benar.\u003C\u002Fp>\n\u003Cp>Nah, pada kesempatan kali ini, kita bakal membahas gimana cara melakukan instalasi dan konfigurasi VS Code biar bisa kita pakai buat ngoding Java dengan lancar dan ceria.\u003C\u002Fp>\n\u003Ch2 id=\"sekilas-pandang\">Sekilas Pandang\u003C\u002Fh2>\n\u003Cp>Sebelum mulai masuk ke tahap instalasi, pastikan laptop atau PC kalian udah terhubung ke internet ya. Soalnya, kita bakal mengunduh beberapa \u003Cem>software\u003C\u002Fem> penting di bawah ini:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Java Development Kit (JDK)\u003C\u002Fstrong> — Mesin utama buat menjalankan Java.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Visual Studio Code\u003C\u002Fstrong> — Editor kode andalan kita.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Ekstensi Java untuk VS Code\u003C\u002Fstrong> — Paket pendukung biar VS Code makin pintar membaca kode Java.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Kalau semuanya udah berhasil terpasang dengan benar, lingkungan kerja kalian bakal lengkap dengan panel penjelajah berkas, editor kode, dan konsol eksekusi yang rapi.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: tampilan antarmuka VS Code yang membuka proyek Java lengkap dengan kode sumber dan terminal hasil eksekusi program.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Yuk, kita mulai langkah pertamanya dengan memasang JDK terlebih dahulu!\u003C\u002Fp>\n\u003Ch2 id=\"1-instalasi-java-development-kit-jdk\">1. Instalasi Java Development Kit (JDK)\u003C\u002Fh2>\n\u003Cp>\u003Cem>JDK\u003C\u002Fem> adalah \u003Cem>software\u003C\u002Fem> utama yang wajib ada buat membuat dan menjalankan aplikasi Java. Di dalam paket \u003Cem>JDK\u003C\u002Fem> ini udah mencakup \u003Cem>API\u003C\u002Fem>, \u003Cem>loader\u003C\u002Fem>, \u003Cem>compiler\u003C\u002Fem>, \u003Cem>runtime environment\u003C\u002Fem> (JRE), dan banyak komponen penting lainnya.\u003C\u002Fp>\n\u003Cp>Buat proses instalasi \u003Cem>JDK\u003C\u002Fem> ini, silakan kalian sesuaikan langkahnya dengan sistem operasi yang sedang digunakan saat ini.\u003C\u002Fp>\n\u003Ch3 id=\"instalasi-jdk-di-windows\">Instalasi JDK di Windows\u003C\u002Fh3>\n\u003Cp>Untuk pengguna Windows, kita bisa memakai distribusi \u003Cem>JDK\u003C\u002Fem> resmi yang disediakan langsung oleh Microsoft.\u003C\u002Fp>\n\u003Cp>Proses instalasinya gampang banget kok. Cukup unduh berkas pemasang (\u003Cem>installer\u003C\u002Fem>) lalu pasang sesuai petunjuk seperti aplikasi Windows pada umumnya.\u003C\u002Fp>\n\u003Cp>Kalian bisa mengakses halaman unduhannya di situs resmi \u003Ca href=\"https:\u002F\u002Fdocs.microsoft.com\u002Fen-us\u002Fjava\u002Fopenjdk\u002Fdownload\">Microsoft OpenJDK\u003C\u002Fa>. Pastikan buat mengunduh versi terbaru dengan format installer \u003Ccode>.msi\u003C\u002Fcode>. Jangan lupa sesuaikan juga dengan arsitektur sistem komputer kalian (biasanya tipe 64-bit).\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Catatan:\u003C\u002Fstrong> Pas artikel ini ditulis, versi stabil yang direkomendasikan adalah versi \u003Ccode>17.0.4.1\u003C\u002Fcode> (\u003Cem>LTS\u003C\u002Fem>).\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Kalau berkasnya udah selesai diunduh, langsung buka aja file \u003Ccode>.msi\u003C\u002Fcode> tersebut dan ikuti langkah instalasinya. Di sini kita pakai konfigurasi standar (\u003Cem>default\u003C\u002Fem>) aja, jadi tinggal klik tombol \u003Cstrong>Next\u003C\u002Fstrong>, \u003Cstrong>Next\u003C\u002Fstrong>, sampai \u003Cstrong>Finish\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>Setelah proses pemasangan selesai, mari kita pastikan kalau \u003Cem>JDK\u003C\u002Fem> udah terdaftar dengan benar di sistem. Buka aplikasi terminal kalian (boleh pakai CMD atau PowerShell), lalu ketikkan perintah di bawah ini dan tekan enter:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">SHELL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"java%20--version\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">java\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> --version\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Kalau perintah tersebut menampilkan \u003Cem>output\u003C\u002Fem> keterangan versi OpenJDK seperti di bawah ini, artinya \u003Cem>setup JDK\u003C\u002Fem> kalian udah sukses terinstal:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"openjdk%2017.0.4.1%202022-08-12%20LTS%0AOpenJDK%20Runtime%20Environment%20Microsoft-40354%20(build%2017.0.4.1%2B1-LTS)%0AOpenJDK%2064-Bit%20Server%20VM%20Microsoft-40354%20(build%2017.0.4.1%2B1-LTS%2C%20mixed%20mode%2C%20sharing)\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\">\u003Ccode>openjdk 17.0.4.1 2022-08-12 LTS\nOpenJDK Runtime Environment Microsoft-40354 (build 17.0.4.1+1-LTS)\nOpenJDK 64-Bit Server VM Microsoft-40354 (build 17.0.4.1+1-LTS, mixed mode, sharing)\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Tapi kalau perintahnya nggak dikenal, coba matikan dan nyalakan ulang (\u003Cem>restart\u003C\u002Fem>) komputer kalian dulu, lalu jalankan kembali perintah pengecekan tadi.\u003C\u002Fp>\n\u003Cp>Jika aman, yuk kita beranjak ke langkah berikutnya yaitu \u003Ca href=\"#2-instalasi-visual-studio-code\">Instalasi VS Code\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3 id=\"instalasi-jdk-di-linux\">Instalasi JDK di Linux\u003C\u002Fh3>\n\u003Cp>Bagi pengguna Linux, beberapa distribusi (\u003Cem>distro\u003C\u002Fem>) biasanya sudah menyertakan \u003Cem>JDK\u003C\u002Fem> secara bawaan. Kalian bisa memastikannya dengan mengetikkan perintah ini di terminal:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">SHELL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"java%20--version\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">java\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> --version\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Kalau informasinya muncul, berarti kalian tinggal melompat langsung ke langkah \u003Ca href=\"#2-instalasi-visual-studio-code\">pemasangan VS Code\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Namun kalau hasilnya menunjukkan perintah nggak ditemukan, berarti kita kudu memasangnya secara manual terlebih dulu.\u003C\u002Fp>\n\u003Cp>Untungnya, hampir seluruh \u003Cem>distro\u003C\u002Fem> Linux populer udah menyediakan paket OpenJDK di dalam repositori resmi mereka. Jadi, kalian tinggal menjalankan perintah instalasi di terminal sesuai dengan keluarga \u003Cem>distro\u003C\u002Fem> yang dipakai.\u003C\u002Fp>\n\u003Cp>Buat keluarga Debian, Ubuntu, Mint, dan turunannya:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">SHELL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"sudo%20apt%20update%0Asudo%20apt%20install%20default-jdk\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">sudo\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> apt\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> update\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">sudo\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> apt\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> install\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> default-jdk\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Buat pengguna Fedora:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">SHELL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"sudo%20dnf%20install%20java-11-openjdk\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">sudo\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> dnf\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> install\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> java-11-openjdk\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Buat pengguna Arch Linux dan turunannya (\u003Ccode>pacman\u003C\u002Fcode>):\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">SHELL\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"sudo%20pacman%20-S%20jdk-openjdk\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#B392F0\">sudo\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> pacman\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> -S\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\"> jdk-openjdk\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cp>Sedangkan buat \u003Cem>distro\u003C\u002Fem> Linux lainnya, tinggal sesuaikan saja perintahnya dengan pengelola paket (\u003Cem>package manager\u003C\u002Fem>) masing-masing ya.\u003C\u002Fp>\n\u003Ch2 id=\"2-instalasi-visual-studio-code\">2. Instalasi Visual Studio Code\u003C\u002Fh2>\n\u003Cp>Untuk memasang VS Code, silakan unduh berkas pemasangnya lewat situs resmi \u003Ca href=\"https:\u002F\u002Fcode.visualstudio.com\u002Fdownload\">unduhan VS Code\u003C\u002Fa>. Langkah instalasinya baik di Windows maupun Linux tergolong mirip dan sangat mudah diikuti. Cukup pastikan saja format berkas yang kalian unduh sesuai dengan sistem operasi kalian (misalnya \u003Ccode>.exe\u003C\u002Fcode> buat Windows atau \u003Ccode>.deb\u003C\u002Fcode>\u002F\u003Ccode>.rpm\u003C\u002Fcode> buat Linux).\u003C\u002Fp>\n\u003Cp>Setelah instalasi beres, jalankan aplikasinya hingga memunculkan tab selamat datang (\u003Cem>Welcome page\u003C\u002Fem>). Layar awal ini menyediakan pintasan cepat buat membuka folder kerja, berkas terbaru, dan menu konfigurasi dasar.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: jendela awal Visual Studio Code yang menampilkan tab selamat datang dan bilah aktivitas di sisi samping.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Sip, tersisa satu langkah krusial lagi nih! 👏\u003C\u002Fp>\n\u003Ch2 id=\"3-pasang-ekstensi-pendukung-java\">3. Pasang Ekstensi Pendukung Java\u003C\u002Fh2>\n\u003Cp>Sebenarnya sampai tahap ini kita udah bisa menulis dan mengompilasi kode Java lewat terminal. Tapi jujur aja, cara manual begitu pasti kerasa merepotkan karena kita harus bolak-balik mengetik perintah kompilasi.\u003C\u002Fp>\n\u003Cp>Untungnya, VS Code punya ekosistem ekstensi (\u003Cem>extension\u003C\u002Fem>) yang sangat kaya buat mempermudah hidup kita. Kita tinggal pasang paket kumpulan ekstensi bernama \u003Ccode>Extension Pack for Java\u003C\u002Fcode> yang berisi sekumpulan perkakas bantu buat mempermudah penulisan, pengujian, dan \u003Cem>debugging\u003C\u002Fem> program Java.\u003C\u002Fp>\n\u003Cp>Cara pasangnya gampang banget: silakan klik ikon \u003Cstrong>Extensions\u003C\u002Fstrong> yang ada di bagian menu navigasi samping (\u003Cem>sidebar\u003C\u002Fem>) sebelah kiri.\u003C\u002Fp>\n\u003Cp>Setelah itu, ketik kata kunci "Java" di dalam kotak pencarian. Di daftar hasil pencarian teratas, kalian bakal melihat paket \u003Ccode>Extension Pack for Java\u003C\u002Fcode> buatan Microsoft. Klik tombol \u003Cstrong>Install\u003C\u002Fstrong> dan tunggu beberapa saat sampai proses pemasangannya selesai.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: panel ekstensi VS Code yang menampilkan paket Extension Pack for Java beserta tombol instalasi.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Setelah ekstensinya siap, sekarang mari kita coba membuat proyek Java pertama kita menggunakan VS Code.\u003C\u002Fp>\n\u003Ch2 id=\"4-membuat-proyek-java-pertama\">4. Membuat Proyek Java Pertama\u003C\u002Fh2>\n\u003Cp>Langkah awal untuk memulai proyek baru adalah dengan memanggil fitur \u003Cem>command palette\u003C\u002Fem>. Caranya, tekan kombinasi tombol shortcut \u003Ccode>Ctrl + Shift + P\u003C\u002Fcode> di keyboard, maka kotak input perintah bakal muncul di bagian atas layar.\u003C\u002Fp>\n\u003Cp>Ketikkan kata kunci \u003Ccode>Java: Create Java Project\u003C\u002Fcode> di kotak tersebut, lalu tekan enter atau klik langsung opsi yang muncul di layar.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: bilah Command Palette di bagian atas VS Code yang menyaring perintah pembuatan proyek Java.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Selanjutnya, kalian bakal diminta memilih jenis proyek yang mau dibuat. Karena kita baru tahap belajar dasar, pilih opsi \u003Cstrong>No build tools\u003C\u002Fstrong> buat membuat struktur proyek seminimal mungkin tanpa bantuan pengelola dependensi eksternal. Menu ini juga menyediakan pilihan perkakas lain seperti Maven atau Gradle untuk kebutuhan proyek yang lebih rumit.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: daftar pilihan tipe perkakas bangun proyek Java pada menu dropdown VS Code.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Setelah itu, jendela dialog penyimpanan (\u003Cem>pop-up\u003C\u002Fem>) bakal muncul meminta kalian memilih lokasi folder proyek. Silakan pilih folder di komputer kalian sesuai kebutuhan.\u003C\u002Fp>\n\u003Cp>Setelah lokasinya ditentukan, bakal muncul kolom input (\u003Cem>text field\u003C\u002Fem>) kecil buat mengetikkan nama proyek kalian. Ketik nama proyek bebas sesuka hati (misalnya kita beri nama \u003Ccode>demo\u003C\u002Fcode>), lalu tekan enter.\u003C\u002Fp>\n\u003Cp>VS Code bakal otomatis memproses struktur direktori proyek kalian dan langsung membukanya di workspace baru. Di panel samping, susunan berkas proyek akan tertata rapi dari folder utama hingga subfolder kode sumber.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>📷 \u003Cem>Ilustrasi: panel file explorer VS Code yang menampilkan struktur direktori proyek Java beserta folder src dan lib.\u003C\u002Fem>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Sebagai aturan dasarnya, semua berkas kode Java yang kalian tulis nantinya harus diletakkan di dalam folder \u003Ccode>src\u003C\u002Fcode>. Di sana, kalian juga bisa melihat berkas bawaan bernama \u003Ccode>App.java\u003C\u002Fcode> yang berisi kode program penampil teks sederhana.\u003C\u002Fp>\n\u003Cp>Untuk menjalankan kodenya, kalian cukup mengklik tombol ikon segitiga (\u003Cstrong>Run\u003C\u002Fstrong>) di pojok kanan atas editor. Atau alternatif menariknya, kalian bisa klik teks tombol melayang \u003Cstrong>Run\u003C\u002Fstrong> yang terletak manis tepat di atas deklarasi fungsi \u003Ccode>main\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cp>Ketika kodenya dieksekusi, panel terminal di bagian bawah layar bakal otomatis terbuka dan menampilkan hasil \u003Cem>output\u003C\u002Fem> program kalian.\u003C\u002Fp>\n\u003Cp>Hore! 🥳 Sampai tahap ini, seluruh rangkaian konfigurasi Java menggunakan VS Code telah berhasil diselesaikan dengan baik. Sekarang, kalian sudah siap buat mulai petualangan menulis baris kode Java dengan nyaman.\u003C\u002Fp>\n\u003Cp>Selamat bersenang-senang dan \u003Cem>happy coding\u003C\u002Fem>! 👋\u003C\u002Fp>\n","\u003Cul>\n\u003Cli>Visual Studio Code (VS Code) adalah alternatif editor kode yang jauh lebih ringan dibandingkan IDE Java tradisional seperti NetBeans atau Eclipse.\u003C\u002Fli>\n\u003Cli>JDK (Java Development Kit) merupakan komponen wajib untuk mengompilasi dan menjalankan program Java di komputer kita.\u003C\u002Fli>\n\u003Cli>Microsoft menyediakan distribusi OpenJDK versi installer (.msi) yang sangat praktis dipasang di sistem Windows.\u003C\u002Fli>\n\u003Cli>Dengan memasang 'Extension Pack for Java' di VS Code, kita bisa mendapatkan fitur pelengkapan otomatis dan eksekusi kode satu-klik.\u003C\u002Fli>\n\u003C\u002Ful>\n",[230,249,262,275,288,309],{"id":231,"title":232,"title_en":21,"slug":233,"excerpt":234,"excerpt_en":21,"has_translation":15,"published_at":235,"reading_time":236,"hidden_from_listing":15,"tags":237,"thumbnail_image":21,"og_image":240,"series":241,"authors":246},133,"Python Strings: the Badge That Only Worked for One Name","python-strings","The badge script printed the right name for the person who wrote it and the wrong name for everybody else. Slicing counts characters, and a name is words.","2026-10-28T13:00:00.000Z",6,[238,239],"python","string","\u002Fog\u002Fpython-strings.png",{"id":242,"title":243,"title_en":244,"slug":245},30,"Koleksi dan String","Collections and Strings","python-collections",[247],{"authors_id":248},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":250,"title":251,"title_en":21,"slug":252,"excerpt":253,"excerpt_en":21,"has_translation":15,"published_at":254,"reading_time":236,"hidden_from_listing":15,"tags":255,"thumbnail_image":21,"og_image":257,"series":258,"authors":259},132,"Python Tuples: Why All Three Points Are the Same Point","python-tuples","Three points walk into a loop and come out identical. The list was never copied three times; the name was. A tuple makes that bug impossible.","2026-10-28T12:00:00.000Z",[238,256],"tuple","\u002Fog\u002Fpython-tuples.png",{"id":242,"title":243,"title_en":244,"slug":245},[260],{"authors_id":261},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":263,"title":264,"title_en":21,"slug":265,"excerpt":266,"excerpt_en":21,"has_translation":15,"published_at":267,"reading_time":236,"hidden_from_listing":15,"tags":268,"thumbnail_image":21,"og_image":270,"series":271,"authors":272},131,"Python Sets: the Duplicate That Keeps Coming Back","python-sets","A de-duplication loop that works on clean data leaves four tags where there should be two. The bug is case, and the fix is a `set`.","2026-10-28T11:00:00.000Z",[238,269],"set","\u002Fog\u002Fpython-sets.png",{"id":242,"title":243,"title_en":244,"slug":245},[273],{"authors_id":274},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":276,"title":277,"title_en":21,"slug":278,"excerpt":279,"excerpt_en":21,"has_translation":15,"published_at":280,"reading_time":236,"hidden_from_listing":15,"tags":281,"thumbnail_image":21,"og_image":283,"series":284,"authors":285},130,"Python Dictionaries: the Key That Isn't There","python-dictionary","A word counter dies the first time it meets a word twice. The fix is one line; what takes longer is knowing which of a dict's three lookups to reach for.","2026-10-28T10:00:00.000Z",[238,282],"dictionary","\u002Fog\u002Fpython-dictionary.png",{"id":242,"title":243,"title_en":244,"slug":245},[286],{"authors_id":287},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":289,"title":290,"title_en":291,"slug":292,"excerpt":293,"excerpt_en":294,"has_translation":12,"published_at":295,"reading_time":14,"hidden_from_listing":15,"tags":296,"thumbnail_image":21,"og_image":303,"series":304,"authors":306},129,"Biar RAG nggak kena 504: pisahin jalur query dan ingestion","So Your RAG Stops Hitting 504: Split the Query Path From Ingestion","rag-pisah-jalur-query-dan-ingestion","Satu service RAG yang merangkap parsing dan menjawab kueri bakal tumbang pas ada yang upload PDF 200 halaman. Obatnya dua jalur dan satu queue.","One RAG service that both parses uploads and answers queries will fall over the moment someone uploads a 200-page PDF. The cure is two paths and one queue.","2026-10-22T01:30:00.000Z",[297,298,299,300,301,302],"rag","cloud-run","cloud-tasks","gcp","serverless","arsitektur","\u002Fog\u002Frag-pisah-jalur-query-dan-ingestion.png",{"id":305,"title":35,"title_en":36,"slug":37},8,[307],{"authors_id":308},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},{"id":310,"title":311,"title_en":312,"slug":313,"excerpt":314,"excerpt_en":315,"has_translation":12,"published_at":316,"reading_time":236,"hidden_from_listing":15,"tags":317,"thumbnail_image":21,"og_image":324,"series":325,"authors":326},128,"Linear atau graf: cara mengatur banyak agent tanpa loop abadi","Linear or Graph: How to Run Many Agents Without an Eternal Loop","multi-agen-linear-atau-grafik","Satu agent dengan dua puluh tool gampang kacau. Begitu beberapa agent saling revisi, kamu butuh graf yang mendukung cycle dan angka yang membuatnya berhenti.","One agent with twenty tools gets messy fast. Once several agents revise each other, you need a graph that allows cycles and a number that makes it stop.","2026-10-21T16:05:00.000Z",[318,319,320,321,322,323],"multi-agent","langgraph","autogen","orkestrasi","checkpoint","llm","\u002Fog\u002Fmulti-agen-linear-atau-grafik.png",{"id":305,"title":35,"title_en":36,"slug":37},[327],{"authors_id":328},{"id":115,"name":116,"slug":117,"role":118,"profile_picture":21},[330,334,337,340,343,346,349],{"text":331,"depth":332,"id":333},"Sekilas Pandang",2,"sekilas-pandang",{"text":335,"depth":332,"id":336},"1. Instalasi Java Development Kit (JDK)","1-instalasi-java-development-kit-jdk",{"text":338,"depth":105,"id":339},"Instalasi JDK di Windows","instalasi-jdk-di-windows",{"text":341,"depth":105,"id":342},"Instalasi JDK di Linux","instalasi-jdk-di-linux",{"text":344,"depth":332,"id":345},"2. Instalasi Visual Studio Code","2-instalasi-visual-studio-code",{"text":347,"depth":332,"id":348},"3. Pasang Ekstensi Pendukung Java","3-pasang-ekstensi-pendukung-java",{"text":350,"depth":332,"id":351},"4. Membuat Proyek Java Pertama","4-membuat-proyek-java-pertama",1793295834160]