hello I'm friend K.
Salah satu alasan jQuery begitu populer di masa jayanya adalah kemudahan membuat animasi dan efek. Dengan beberapa baris kode jQuery, kamu bisa membuat elemen muncul perlahan, slide ke atas/bawah, ...
Di era sebelum JavaScript modern (ES6+), menulis kode yang kompatibel di semua browser adalah mimpi buruk. jQuery lahir pada 2006 oleh John Resig untuk memecahkan masalah ini dengan motto: “Write l...
AJAX (Asynchronous JavaScript and XML) adalah teknik yang memungkinkan halaman web berkomunikasi dengan server di latar belakang — tanpa perlu reload halaman. Dulu dilakukan dengan XMLHttpRequest y...
Event adalah sinyal yang dikirim browser ketika sesuatu terjadi — pengguna klik tombol, mengetik di input, menggerakkan mouse, menekan tombol keyboard, halaman selesai dimuat, dan ratusan event lai...
DOM (Document Object Model) adalah representasi halaman HTML sebagai pohon objek JavaScript. Ketika browser memuat halaman web, ia membuat DOM — dan JavaScript bisa membaca, mengubah, menambah, ata...
Hampir semua program nyata bekerja dengan kumpulan data — daftar produk, data pengguna, konfigurasi aplikasi. Di JavaScript, dua struktur data utama untuk menyimpan kumpulan informasi adalah Array ...
Fungsi adalah blok kode yang diberi nama dan bisa dipanggil berulang kali. Fungsi adalah unit terkecil dari abstraksi dalam pemrograman — cara mengelompokkan logika agar tidak perlu ditulis ulang. ...
Program yang berguna harus bisa mengambil keputusan (kondisi) dan mengulang tugas (perulangan). Dua konsep ini adalah jantung dari semua logika pemrograman. Setelah memahami kondisi dan perulangan,...
Kalau HTML adalah kerangka dan CSS adalah tampilan sebuah halaman web, maka JavaScript adalah otaknya — bagian yang membuat halaman bisa berinteraksi, merespons klik, memuat data tanpa refresh, dan...
Selamat! Kamu telah menyelesaikan 25 artikel tentang Git dan GitHub mulai dari basic sampai advanced topics. Artikel terakhir ini adalah ringkasan best practices dan cheat sheet yang bisa kamu jadi...
Seiring waktu, repository Git bisa menjadi sangat besar — ribuan commit, ratusan branch, dan file-file besar yang pernah di-commit. Hasilnya: clone lambat, fetch lama, dan operasi Git yang sluggish.
Saat codebase berkembang, banyak perusahaan menghadapi pilihan: apakah menyimpan setiap project di repository terpisah (polyrepo), atau menyatukan semuanya dalam satu repository besar (monorepo)?
Saat membangun aplikasi besar, sering kali kita butuh mengintegrasikan repository lain sebagai bagian dari project utama — misalnya library internal, shared components, atau third-party modules. Gi...
Pernahkah kamu secara tidak sengaja menghapus commit penting, atau reset branch ke commit yang salah, dan merasa semua perubahan hilang selamanya? Jangan panik — Git Reflog adalah fitur救命 (kyūmei /...
GitHub Actions adalah platform CI/CD yang terintegrasi langsung ke GitHub — tidak perlu setup Jenkins, CircleCI, atau tool terpisah lainnya. Setiap kali ada push, PR, atau event lain di repository,...
Ketika bekerja sendirian, sebuah akun GitHub personal sudah lebih dari cukup. Tapi begitu kamu memimpin tim atau membangun startup, kamu butuh cara yang lebih terstruktur untuk mengelola banyak rep...
Git Hooks adalah script yang dijalankan otomatis oleh Git saat event tertentu terjadi — sebelum atau setelah commit, push, merge, dan masih banyak lagi. Dengan hooks, kamu bisa menjalankan lint, te...
Histori Git yang baik adalah aset tim yang sangat berharga. Ketika membaca git log, kamu harus bisa langsung memahami apa yang terjadi di setiap commit tanpa harus buka kode. Conventional Commits a...
Branching di Git sangat fleksibel — tidak ada aturan bawaan tentang bagaimana harus digunakan. Karena itulah komunitas developer menciptakan berbagai workflow (alur kerja) yang menjadi konvensi ber...
Tidak semua file di project perlu di-commit ke repository. File hasil kompilasi, dependency yang bisa diinstall ulang, credential sensitif, file log, dan cache tidak perlu (bahkan tidak boleh) masu...
Pull Request (PR) adalah jantung dari kolaborasi di GitHub. PR bukan hanya cara untuk merge kode — ini adalah forum diskusi, proses review, dan dokumentasi mengapa perubahan dibuat. Code Review yan...
Open source adalah fondasi ekosistem software modern. Hampir semua tool yang kamu gunakan sehari-hari — dari framework hingga library — dibangun dan dikelola oleh komunitas. Fork adalah mekanisme G...
GitHub bukan sekadar tempat menyimpan kode. Selama bertahun-tahun, GitHub berkembang menjadi platform kolaborasi software yang lengkap. Memahami fitur-fitur utamanya akan membuat kamu jauh lebih pr...
Selama ini kita bekerja di repository lokal — semua ada di komputer sendiri. Sekarang saatnya terhubung ke dunia luar. Remote repository adalah versi repository yang tersimpan di server (GitHub, Gi...
Di artikel ini kita bahas dua fitur Git yang sangat berguna untuk skenario-skenario spesifik: cherry-pick untuk mengambil commit tertentu dari branch lain, dan tag untuk menandai titik penting di h...
Situasi ini pasti pernah kamu alami: sedang asyik mengerjakan fitur baru di tengah jalan, tiba-tiba ada laporan bug urgent yang harus segera diperbaiki di branch main. Masalahnya, pekerjaan yang se...
Git rebase adalah salah satu perintah yang paling sering disalahpahami sekaligus paling powerful di Git. Rebase menawarkan cara alternatif untuk mengintegrasikan perubahan dari satu branch ke branc...
Setelah bekerja di branch terpisah, saatnya menggabungkan kembali perubahan ke branch utama. Di sinilah git merge berperan. Sebagian besar merge berjalan mulus secara otomatis, tapi kadang Git tida...
Branching adalah fitur yang membuat Git benar-benar powerful. Branch memungkinkan kamu mengerjakan fitur baru, memperbaiki bug, atau bereksperimen — semua di jalur yang terpisah dari kode utama — t...
Salah satu alasan terbesar orang belajar Git adalah untuk bisa “mundur” saat terjadi kesalahan. Git menyediakan berbagai cara untuk membatalkan perubahan — masing-masing cocok untuk situasi yang be...
Salah satu kekuatan terbesar Git adalah kemampuannya merekam setiap perubahan secara detail. Dengan git log dan git diff, kamu bisa menjawab pertanyaan penting: “Apa yang berubah?”, “Kapan berubahn...
Tiga perintah yang akan kamu gunakan setiap hari saat bekerja dengan Git adalah git init, git add, dan git commit. Ketiganya membentuk siklus kerja paling fundamental di Git. Setelah memahami ketig...
Sebelum bisa menggunakan Git, kamu perlu menginstalnya dan mengkonfigurasi identitas dasarmu. Konfigurasi ini penting karena setiap commit yang kamu buat akan menyertakan nama dan email — informasi...
Bayangkan kamu sedang mengerjakan proyek coding dan tiba-tiba kode yang berfungsi dengan baik tiba-tiba rusak setelah perubahan terbaru. Kamu tidak ingat perubahan apa yang dilakukan, dan tidak ada...
Docker dan CI/CD adalah kombinasi yang sangat powerful. Dengan mengintegrasikan Docker ke GitHub Actions, setiap kali kamu push kode, pipeline akan otomatis: menjalankan tes, membangun Image, mempu...
Menjalankan database di Docker adalah salah satu use case yang paling banyak dilakukan developer — baik untuk development lokal maupun production. Artikel ini membahas cara menjalankan PostgreSQL d...
Docker mempermudah banyak hal, tapi jika tidak dikonfigurasi dengan benar, container bisa menjadi celah keamanan yang serius. Container bukanlah sandbox yang sepenuhnya terisolasi — ada banyak cara...
Salah satu use case paling berharga Docker bukan di production — melainkan di local development. Dengan Docker, seluruh tim bisa memiliki environment yang identik tanpa harus menginstal PostgreSQL,...
Membangun Image dan menjalankannya di lokal hanyalah setengah perjalanan. Tujuan akhirnya adalah aplikasi berjalan di server production yang bisa diakses publik, stabil, dan mudah di-update. Di art...
Setelah berhasil membangun Docker Image, langkah selanjutnya adalah menyimpannya di tempat yang bisa diakses oleh server production, anggota tim, atau pipeline CI/CD. Di sinilah Docker Registry ber...
Dua konsep yang sering membingungkan pemula Docker adalah Volume dan Network. Volume menangani masalah data yang hilang saat container dihapus, sementara Network mengatur bagaimana container-contai...
Aplikasi modern jarang berdiri sendiri. Blog butuh database. API butuh Redis untuk caching. Microservice butuh message broker. Mengelola semua container ini secara manual dengan perintah docker run...
Kalau di artikel sebelumnya kita sudah paham konsep Docker dan container, sekarang saatnya masuk ke praktik. Dockerfile adalah file teks berisi serangkaian instruksi yang digunakan Docker untuk mem...
Pernah mengalami situasi “di komputer saya jalan, kok di server error?” — ini adalah salah satu masalah paling klasik dalam dunia software development. Docker lahir untuk menyelesaikan masalah ini....
Aplikasi Express.js sudah berjalan di lokal — sekarang saatnya deploy ke server production. Di artikel penutup seri Express.js ini, kita bahas cara deploy yang benar: menggunakan PM2 sebagai proces...
Upload file — gambar profil, lampiran dokumen, thumbnail artikel — adalah fitur yang hampir selalu ada di aplikasi web. Express.js sendiri tidak bisa menangani multipart/form-data (format yang digu...
API yang baik bukan hanya yang bisa menangani kasus sukses — tapi juga yang memberikan respons error yang informatif, konsisten, dan aman. Di artikel ini kita bahas cara membangun sistem error hand...
Hampir setiap API butuh sistem autentikasi — cara untuk memverifikasi identitas pengguna sebelum mengizinkan akses ke resource yang dilindungi. Salah satu pendekatan paling populer untuk API modern...
API yang menyimpan data di memori (in-memory) akan kehilangan semua data setiap kali server restart. Untuk aplikasi nyata, kita butuh database yang persisten. Di artikel ini kita akan menghubungkan...
Saya merasa senang saat menulis dan mengedit content ini & saya ingin share dashboard untuk kelola banyak project disatu site: github.com/kikuKeii/native-ls
REST (Representational State Transfer) adalah arsitektur paling populer untuk membangun API web. Dengan Express.js, kamu bisa membangun RESTful API yang bersih dan terstruktur dengan sangat efisien.
Setiap interaksi di Express.js berputar di sekitar dua objek: req (request) dan res (response). Objek req berisi semua informasi dari klien — body, parameter, header, cookie — sementara res adalah ...
Kalau routing adalah tulang punggung Express, maka middleware adalah jantungnya. Hampir semua hal menarik di Express — parsing request body, autentikasi, logging, penanganan error — semuanya diimpl...
Routing adalah salah satu konsep terpenting di Express.js. Ini adalah mekanisme yang menentukan bagaimana aplikasi merespons request dari klien ke endpoint tertentu — kombinasi dari URL path dan HT...
Kalau kamu sudah belajar JavaScript dan mulai merambah ke dunia backend, Express.js adalah nama yang pasti sering kamu dengar. Express adalah framework web minimalis untuk Node.js yang memudahkan p...
Menulis artikel yang bagus secara teknis (struktur heading, meta tag, kecepatan halaman) itu penting — tapi belum cukup. Artikel yang benar-benar berhasil di mesin pencari adalah artikel yang juga ...
Di era media sosial dan newsletter, mungkin kamu bertanya-tanya: apakah RSS Feed masih relevan? Jawabannya: ya, sangat relevan. RSS memungkinkan pembaca setia berlangganan blog kamu tanpa harus men...
Sejak Google menjadikan Core Web Vitals sebagai faktor ranking resmi, metrik performa ini tidak lagi sekadar angka kosmetik — ia langsung mempengaruhi posisi blog kamu di hasil pencarian. Blog Jeky...
Salah satu tantangan setup Jekyll adalah memastikan versi Ruby, Bundler, dan semua gem yang kompatibel di setiap mesin pengembang. Di tim dengan banyak orang atau saat pindah ke komputer baru, ini ...
Semua artikel di blog Jekyll ditulis dalam format Markdown — bahasa markup ringan yang didesain agar mudah dibaca bahkan dalam bentuk teks mentah. Dengan beberapa karakter sederhana, kamu bisa memb...
Blog statis Jekyll tidak punya database, sehingga fitur pencarian tidak bisa dibuat seperti di WordPress yang query ke database. Tapi bukan berarti tidak bisa sama sekali. Dengan Lunr.js — library ...
Setiap file konten di Jekyll — baik artikel (_posts) maupun halaman (_pages) — diawali dengan blok khusus yang disebut front matter. Blok ini ditulis dalam format YAML dan diapit oleh tiga tanda hu...
Dark mode sudah menjadi fitur yang hampir wajib ada di website modern. Selain memberikan pengalaman membaca yang lebih nyaman di malam hari, dark mode juga bisa menghemat daya baterai pada layar OL...
Untuk tahu berapa banyak pengunjung blog kamu, dari mana mereka datang, artikel mana yang paling banyak dibaca, dan perangkat apa yang mereka gunakan — kamu butuh tool analitik. Google Analytics 4 ...
Sitemap XML adalah file yang memberi tahu mesin pencari — Google, Bing, dll. — tentang semua URL yang ada di situs kamu beserta informasi tambahan seperti tanggal terakhir diubah dan frekuensi pemb...
Blog statis Jekyll tidak punya fitur komentar bawaan — karena memang tidak ada database. Tapi bukan berarti blog Jekyll tidak bisa punya kolom komentar. Solusi paling populer adalah menggunakan Dis...
Punya blog Jekyll yang cepat dan kontennya bagus saja tidak cukup kalau artikel-artikelnya tidak ditemukan di mesin pencari. SEO On-Page adalah kumpulan praktik optimasi yang dilakukan langsung di ...
Salah satu fitur penting blog yang sering dicari adalah halaman kategori — halaman yang menampilkan semua artikel berdasarkan topik tertentu. Di WordPress ini sudah otomatis tersedia, tapi di Jekyl...
Kalau kamu sudah mulai bermain-main dengan tema Jekyll dan ingin mengkustomisasinya, kamu pasti akan berhadapan dengan Liquid — bahasa templating yang digunakan Jekyll untuk menghasilkan halaman HT...
Blog di GitHub Pages dengan URL username.github.io memang sudah bisa diakses publik, tapi kalau kamu ingin terlihat lebih profesional, menggunakan custom domain sendiri adalah langkah yang tepat. D...
Tahukah kamu bahwa gambar rata-rata menyumbang 50–70% dari total ukuran halaman web? Di era mobile dan koneksi yang beragam, gambar yang tidak dioptimasi bisa menjadi pembunuh performa situs yang p...
TypeScript adalah superset dari JavaScript yang menambahkan static typing dan fitur-fitur modern ke dalam ekosistem JavaScript. Dikembangkan oleh Microsoft dan dirilis pertama kali pada 2012, TypeS...
Selain GitHub Pages, ada pilihan hosting statis lain yang tidak kalah menarik — bahkan dalam beberapa hal lebih unggul: Cloudflare Pages. Dengan jaringan CDN global Cloudflare yang mencakup lebih d...
REST API (Representational State Transfer Application Programming Interface) adalah salah satu arsitektur API yang paling populer di dunia pengembangan web modern. Hampir semua layanan yang kita gu...
Salah satu keunggulan terbesar Jekyll dibanding SSG lainnya adalah integrasinya yang sangat mulus dengan GitHub Pages. Kamu bisa deploy blog Jekyll secara gratis, dengan domain otomatis username.gi...
Sudah memutuskan ingin menggunakan Static Site Generator, tapi bingung pilih yang mana? Tiga nama yang paling sering muncul adalah Jekyll, Hugo, dan Gatsby. Ketiganya bisa menghasilkan situs statis...
Pernah mendengar istilah CI/CD tapi masih bingung apa sebenarnya artinya? Atau mungkin Anda sudah tahu teorinya tapi belum pernah mempraktikkannya? Artikel ini akan menjelaskan CI/CD dari nol — mul...
Kalau kamu baru terjun ke dunia web development atau sedang mencari cara membuat blog yang ringan, cepat, dan mudah dikelola, kamu pasti akan menemukan istilah Static Site Generator (SSG). Tapi apa...
Kalau kamu ingin membangun blog statis menggunakan Jekyll di Windows, kamu perlu menyiapkan beberapa hal: Ruby, GCC, Make, dan tentunya Jekyll itu sendiri. Cara termudah untuk melakukannya adalah l...
Sebagai pengelola website atau web developer, melihat grafik lalu lintas (traffic) melonjak tajam di dasbor analitik tentu bisa memicu dua perasaan yang bertolak belakang: senang karena mengira sit...
Dalam dunia pengembang aplikasi dan administrator basis data (Database Administrator / DBA) yang bekerja dengan Microsoft SQL Server, istilah WITH (NOLOCK) sangat sering didengar. Banyak pengembang...
Pernahkah Anda mendengar kalimat klasik dari seorang rekan developer: “Aneh, di komputer saya kodenya berjalan lancar, kenapa pas di-deploy ke server malah error?”
Perbedaan Konektor IEM: Standard 0.78mm 2-Pin vs QDC 2-Pin
Dalam dunia pengembangan web modern (frontend development), istilah SSR (Server-Side Rendering) dan CSR (Client-Side Rendering) adalah dua strategi utama dalam merender tampilan antarmuka pengguna ...
Ketika aplikasi web atau mobile berkembang dan jumlah data dalam basis data (database) mencapai ratusan ribu hingga jutaan baris, masalah performa pencarian data sering kali menjadi kendala utama. ...
Dalam pembangunan arsitektur perangkat lunak modern—khususnya saat mentransisikan sistem monolithic menjadi microservices—pemilihan protokol dan gaya komunikasi antar aplikasi (API Architectural St...
