<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Blog BelajarWeb.dev</title>
    <link>https://belajarweb.dev/blog/</link>
    <atom:link href="https://belajarweb.dev/rss.xml" rel="self" type="application/rss+xml"/>
    <description>Tutorial web development berbahasa Indonesia: HTML, CSS, JavaScript, React, dan SQL, dengan contoh kode dan playground interaktif.</description>
    <language>id</language>
    <lastBuildDate>Tue, 06 Oct 2026 01:00:00 GMT</lastBuildDate>
    <image>
      <url>https://belajarweb.dev/apple-touch-icon.png</url>
      <title>Blog BelajarWeb.dev</title>
      <link>https://belajarweb.dev/blog/</link>
    </image>
    <item>
      <title>Box Shadow CSS Adalah: Cara Membuat Efek Bayangan (Lengkap + Playground)</title>
      <link>https://belajarweb.dev/blog/box-shadow-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/box-shadow-css/</guid>
      <description>Box-shadow adalah properti CSS untuk membuat bayangan pada elemen. Pelajari arti kelima nilainya (offset-x, offset-y, blur, spread, color), inset, multiple shadow, dan cara pakainya lewat playground interaktif.</description>
      <pubDate>Tue, 06 Oct 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/box-shadow-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Cara Membuat Gradasi Warna dengan linear-gradient CSS (Lengkap + Playground)</title>
      <link>https://belajarweb.dev/blog/linear-gradient-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/linear-gradient-css/</guid>
      <description>Cara membuat gradasi warna di CSS pakai linear-gradient: atur arah (to right, 45deg), color stop dengan posisi, transparansi rgba. Plus beda linear vs radial vs conic dan playground interaktif.</description>
      <pubDate>Tue, 06 Oct 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/linear-gradient-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Git Branch dan Merge: Cara Membuat Cabang &amp; Menggabungkannya untuk Pemula</title>
      <link>https://belajarweb.dev/blog/git-branch-merge/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/git-branch-merge/</guid>
      <description>Belajar Git branch dan merge dari nol: apa itu branch, cara membuat cabang dengan git checkout -b, bekerja di branch, lalu menggabungkannya ke main dengan git merge, plus fast-forward vs merge commit dan cara mengatasi conflict.</description>
      <pubDate>Tue, 15 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Git</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/git-branch-merge.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>useRef Adalah: Cara Kerja Hook useRef di React untuk Mengakses DOM dan Menyimpan Nilai Tanpa Re-render</title>
      <link>https://belajarweb.dev/blog/useref-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/useref-adalah/</guid>
      <description>useRef adalah hook React untuk mengakses elemen DOM langsung dan menyimpan nilai yang bertahan antar render tanpa memicu re-render. Pahami perbedaannya dengan useState lewat contoh interaktif.</description>
      <pubDate>Tue, 15 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/useref-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Cara Membuat Form HTML: Panduan input, label, dan Kirim Data</title>
      <link>https://belajarweb.dev/blog/form-html/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/form-html/</guid>
      <description>Form HTML adalah cara mengumpulkan dan mengirim data dari pengunjung. Pelajari tag form, input beserta tipe-tipenya, label for, atribut name, action, dan method GET vs POST.</description>
      <pubDate>Fri, 11 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/form-html.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>localStorage JavaScript Adalah: Cara Menyimpan Data di Browser (Panduan Pemula)</title>
      <link>https://belajarweb.dev/blog/localstorage-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/localstorage-javascript/</guid>
      <description>localStorage JavaScript adalah tempat menyimpan data key/value di browser yang bertahan meski tab ditutup. Pelajari setItem, getItem, removeItem, clear, bedanya dengan sessionStorage &amp; cookie, plus jebakan JSON.stringify.</description>
      <pubDate>Fri, 11 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/localstorage-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Operator Perbandingan JavaScript: Perbedaan == dan === (Loose vs Strict)</title>
      <link>https://belajarweb.dev/blog/operator-perbandingan-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/operator-perbandingan-javascript/</guid>
      <description>Operator perbandingan JavaScript dipakai untuk membandingkan dua nilai. Pelajari perbedaan == dan === (loose vs strict), type coercion, operator lain (&gt;, &lt;, !=, !==), dan jebakan yang sering membuat bug.</description>
      <pubDate>Tue, 08 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/operator-perbandingan-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Switch Case JavaScript: Cara Kerja, break, dan Kapan Pakai (vs if-else)</title>
      <link>https://belajarweb.dev/blog/switch-case-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/switch-case-javascript/</guid>
      <description>Switch case JavaScript membandingkan satu nilai ke banyak case pakai perbandingan ketat (===). Pelajari cara kerja break, fall-through, default, dan kapan pilih switch dibanding if-else-if.</description>
      <pubDate>Tue, 08 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/switch-case-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Conditional Rendering React Adalah: 4 Cara Menampilkan UI Berdasarkan Kondisi</title>
      <link>https://belajarweb.dev/blog/conditional-rendering-react/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/conditional-rendering-react/</guid>
      <description>Conditional rendering di React adalah menampilkan JSX berbeda berdasarkan kondisi. Pelajari 4 pola: if/else, ternary, operator &amp;&amp;, dan early return null, lengkap dengan tabel kapan pakai mana dan jebakan angka 0.</description>
      <pubDate>Mon, 07 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>JavaScript</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/conditional-rendering-react.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Tabel HTML Adalah: Cara Membuat Tabel dengan table, tr, th, td</title>
      <link>https://belajarweb.dev/blog/tabel-html-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/tabel-html-adalah/</guid>
      <description>Tabel HTML adalah cara menampilkan data dalam baris dan kolom. Pelajari peran tag table, tr, th, td, thead, tbody, plus colspan dan rowspan untuk menggabung sel.</description>
      <pubDate>Mon, 07 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/tabel-html-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>GROUP BY SQL Adalah: Cara Kerja + Fungsi Agregat (COUNT, SUM, AVG)</title>
      <link>https://belajarweb.dev/blog/group-by-sql-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/group-by-sql-adalah/</guid>
      <description>GROUP BY SQL adalah cara meringkas banyak baris jadi satu baris per grup. Pelajari fungsi agregat COUNT, SUM, AVG, MIN, MAX, plus beda WHERE vs HAVING.</description>
      <pubDate>Fri, 04 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>SQL</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/group-by-sql-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>String Method JavaScript Adalah: Panduan Lengkap Metode String untuk Pemula</title>
      <link>https://belajarweb.dev/blog/string-method-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/string-method-javascript/</guid>
      <description>String method adalah fungsi bawaan untuk mengolah teks di JavaScript. Pelajari .length, .toUpperCase(), .trim(), .slice(), .replace(), .split(), dan kenapa string bersifat immutable.</description>
      <pubDate>Fri, 04 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/string-method-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>CSS Transition Adalah: Cara Kerja, 4 Sub-Properti, dan Timing Function</title>
      <link>https://belajarweb.dev/blog/css-transition-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/css-transition-adalah/</guid>
      <description>CSS transition adalah animasi halus antara dua state elemen. Pelajari transition-property, duration, timing-function, delay, shorthand, dan bedanya dengan animation.</description>
      <pubDate>Wed, 02 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/css-transition-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Pseudo-class CSS Adalah: :hover, :focus, :active, dan :nth-child untuk Pemula</title>
      <link>https://belajarweb.dev/blog/pseudo-class-css-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/pseudo-class-css-adalah/</guid>
      <description>Pseudo-class adalah kata kunci yang memilih elemen berdasarkan state atau posisinya. Pelajari :hover, :focus, :active, dan :nth-child lengkap dengan contoh interaktif.</description>
      <pubDate>Wed, 02 Sep 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/pseudo-class-css-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>this JavaScript Adalah: Memahami Kata Kunci this untuk Pemula (Method, Fungsi, Arrow, Global)</title>
      <link>https://belajarweb.dev/blog/this-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/this-javascript-adalah/</guid>
      <description>this dalam JavaScript adalah kata kunci yang nilainya ditentukan oleh cara fungsi dipanggil. Pelajari 4 konteks this: method objek, fungsi biasa, arrow function, dan global, plus bind, call, apply.</description>
      <pubDate>Sun, 30 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/this-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Try Catch JavaScript Adalah: Panduan Error Handling untuk Pemula</title>
      <link>https://belajarweb.dev/blog/try-catch-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/try-catch-javascript/</guid>
      <description>Try catch JavaScript adalah cara menangani error agar aplikasi tidak crash. Pelajari alur try, catch, finally, membaca error object (err.name, err.message), dan melempar error sendiri dengan throw, lengkap dengan playground interaktif.</description>
      <pubDate>Sun, 30 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/try-catch-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Cara Menggunakan Fetch API JavaScript: Panduan Lengkap untuk Pemula</title>
      <link>https://belajarweb.dev/blog/fetch-api-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/fetch-api-javascript/</guid>
      <description>Cara pakai fetch() JavaScript untuk mengambil data dari API. Pahami fetch mengembalikan Promise, .then(res =&gt; res.json()), cek res.ok, .catch(), plus versi async/await, dengan contoh.</description>
      <pubDate>Sat, 29 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Async</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/fetch-api-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Hoisting JavaScript Adalah? Penjelasan Lengkap untuk Pemula (var, let, const)</title>
      <link>https://belajarweb.dev/blog/hoisting-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/hoisting-javascript/</guid>
      <description>Hoisting JavaScript adalah perilaku mengangkat deklarasi ke atas scope. Pahami var vs let/const, Temporal Dead Zone, dan function hoisting lewat diagram dan contoh kode.</description>
      <pubDate>Sat, 29 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/hoisting-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>CSS Variables Adalah: Custom Properties untuk Tema &amp; Kode Rapi (Panduan Pemula)</title>
      <link>https://belajarweb.dev/blog/css-variables-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/css-variables-adalah/</guid>
      <description>CSS Variables (custom properties) adalah cara menyimpan nilai sekali lalu memakainya di banyak tempat. Pelajari sintaks --nama, var(), :root, tema dark mode, plus bedanya dengan variabel SASS.</description>
      <pubDate>Thu, 27 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/css-variables-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>SELECT SQL Adalah: Cara Membaca Data dari Database (Panduan Pemula)</title>
      <link>https://belajarweb.dev/blog/select-sql-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/select-sql-adalah/</guid>
      <description>SELECT SQL adalah perintah untuk membaca data dari tabel database. Pelajari cara memilih kolom, memakai FROM &amp; WHERE, SELECT * vs kolom tertentu, plus ORDER BY &amp; LIMIT.</description>
      <pubDate>Thu, 27 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>SQL</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/select-sql-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Map, Filter, Reduce di JavaScript: Perbedaan dan Cara Pakai untuk Pemula</title>
      <link>https://belajarweb.dev/blog/map-filter-reduce/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/map-filter-reduce/</guid>
      <description>Map, filter, dan reduce adalah tiga method array JavaScript untuk mengolah data. Pelajari perbedaan, cara kerja, dan kapan memakai masing-masing lewat contoh interaktif.</description>
      <pubDate>Wed, 26 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Array</category>
      <category>Pemula</category>
      <enclosure url="https://belajarweb.dev/og/map-filter-reduce.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Promise JavaScript Adalah: Cara Kerja, 3 State, dan Contoh untuk Pemula</title>
      <link>https://belajarweb.dev/blog/promise-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/promise-javascript-adalah/</guid>
      <description>Promise JavaScript adalah janji sebuah nilai di masa depan. Pahami 3 state promise, .then() .catch() .finally(), chaining, dan bedanya dengan callback, plus contoh.</description>
      <pubDate>Wed, 26 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Async</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/promise-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Normalisasi Database Adalah: Panduan 1NF, 2NF, 3NF untuk Pemula</title>
      <link>https://belajarweb.dev/blog/normalisasi-database/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/normalisasi-database/</guid>
      <description>Normalisasi database adalah cara menata tabel agar tidak ada data berulang. Pelajari 1NF, 2NF, 3NF, perbedaannya, dan anomali yang dicegahnya lewat contoh nyata.</description>
      <pubDate>Mon, 24 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Database</category>
      <category>SQL</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/normalisasi-database.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Operator Ternary Adalah: Cara Menyingkat If-Else di JavaScript (+ Contoh)</title>
      <link>https://belajarweb.dev/blog/operator-ternary-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/operator-ternary-adalah/</guid>
      <description>Operator ternary adalah cara singkat menulis if-else dalam satu baris di JavaScript memakai sintaks kondisi ? nilai1 : nilai2. Pelajari cara pakai, bedanya dengan if-else, dan contoh praktisnya.</description>
      <pubDate>Mon, 24 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>ES6</category>
      <category>Pemula</category>
      <enclosure url="https://belajarweb.dev/og/operator-ternary-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Event JavaScript Adalah: Cara Kerja addEventListener untuk Pemula</title>
      <link>https://belajarweb.dev/blog/event-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/event-javascript-adalah/</guid>
      <description>Event JavaScript adalah sinyal saat pengguna berinteraksi dengan halaman. Pelajari addEventListener, event object, dan bedanya dengan onclick lewat contoh interaktif.</description>
      <pubDate>Sun, 23 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/event-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Spread Operator Adalah: Fungsi Tiga Titik (...) di JavaScript untuk Pemula</title>
      <link>https://belajarweb.dev/blog/spread-operator-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/spread-operator-adalah/</guid>
      <description>Spread operator adalah sintaks tiga titik (...) di JavaScript untuk menyalin dan menggabungkan array serta object. Pelajari cara pakai, bedanya dengan rest parameter, dan contoh praktisnya.</description>
      <pubDate>Sun, 23 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>ES6</category>
      <category>Pemula</category>
      <enclosure url="https://belajarweb.dev/og/spread-operator-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Display CSS Adalah: Perbedaan Block, Inline, Inline-Block, Flex, dan Grid</title>
      <link>https://belajarweb.dev/blog/display-css-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/display-css-adalah/</guid>
      <description>Display CSS adalah properti yang menentukan cara elemen tampil dan menyusun diri di halaman. Pahami beda block, inline, inline-block, none, flex, dan grid.</description>
      <pubDate>Fri, 21 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/display-css-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Template Literals Adalah: Cara Pakai Backtick (`) dan ${} di JavaScript</title>
      <link>https://belajarweb.dev/blog/template-literals-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/template-literals-adalah/</guid>
      <description>Template literals adalah cara menulis string pakai backtick (`) di JavaScript agar bisa menyisipkan variabel dengan ${}. Pelajari bedanya dengan tanda plus, multiline, dan contohnya.</description>
      <pubDate>Fri, 21 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>ES6</category>
      <category>Pemula</category>
      <enclosure url="https://belajarweb.dev/og/template-literals-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Destructuring Adalah: Cara Ringkas Ambil Data dari Object &amp; Array (JS)</title>
      <link>https://belajarweb.dev/blog/destructuring-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/destructuring-adalah/</guid>
      <description>Destructuring adalah cara ringkas mengekstrak nilai dari object dan array ke variabel di JavaScript. Pahami sintaks, default value, rename, rest, dan nested lewat contoh interaktif.</description>
      <pubDate>Thu, 20 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/destructuring-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perulangan JavaScript: Cara Kerja For, While, For...of, dan forEach</title>
      <link>https://belajarweb.dev/blog/perulangan-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/perulangan-javascript/</guid>
      <description>Perulangan JavaScript adalah cara mengulang blok kode berkali-kali secara otomatis. Pelajari for, while, for...of, dan forEach lengkap dengan contoh, visualisasi langkah demi langkah, dan kesalahan umum pemula.</description>
      <pubDate>Thu, 20 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/perulangan-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Object JavaScript Adalah: Cara Menyimpan Data Terstruktur (Key &amp; Value)</title>
      <link>https://belajarweb.dev/blog/object-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/object-javascript-adalah/</guid>
      <description>Object JavaScript adalah kumpulan data berpasangan key dan value. Pahami cara membuat, mengakses (dot vs bracket), mengubah, dan membedakannya dengan array lewat contoh interaktif.</description>
      <pubDate>Wed, 19 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/object-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>useState Adalah: Cara Kerja State dan Hook useState di React untuk Pemula</title>
      <link>https://belajarweb.dev/blog/usestate-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/usestate-adalah/</guid>
      <description>useState adalah hook React untuk menyimpan data yang bisa berubah di dalam komponen. Pahami sintaks, perbedaan state vs variabel biasa, functional update, dan aturan pentingnya lewat contoh interaktif.</description>
      <pubDate>Wed, 19 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/usestate-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan Primary Key dan Foreign Key di SQL (Penjelasan + Contoh)</title>
      <link>https://belajarweb.dev/blog/primary-key-foreign-key/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/primary-key-foreign-key/</guid>
      <description>Primary key adalah penanda unik tiap baris, foreign key adalah kolom yang menghubungkan ke tabel lain. Pelajari perbedaan, cara membuat, dan relasi antar tabel di SQL.</description>
      <pubDate>Tue, 18 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>SQL</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/primary-key-foreign-key.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>useEffect Adalah: Cara Pakai Hook useEffect di React (Panduan Pemula + Dependency Array)</title>
      <link>https://belajarweb.dev/blog/useeffect-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/useeffect-adalah/</guid>
      <description>useEffect adalah hook React untuk menjalankan side effect. Pahami dependency array (tanpa array vs [] vs [deps]), cleanup, dan cara pakainya lewat contoh interaktif.</description>
      <pubDate>Tue, 18 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/useeffect-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Arrow Function Adalah: Cara Menulis Fungsi Ringkas di JavaScript (+ Beda dengan Function Biasa)</title>
      <link>https://belajarweb.dev/blog/arrow-function-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/arrow-function-adalah/</guid>
      <description>Arrow function adalah cara singkat menulis fungsi di JavaScript dengan sintaks =&gt;. Pelajari perbedaannya dengan function biasa, aturan this, dan kapan sebaiknya dipakai.</description>
      <pubDate>Sun, 16 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/arrow-function-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Media Query Adalah: Cara Membuat Website Responsive di CSS (Panduan Pemula)</title>
      <link>https://belajarweb.dev/blog/media-query-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/media-query-adalah/</guid>
      <description>Media query adalah aturan CSS yang mengubah tampilan berdasarkan lebar layar. Pelajari sintaks @media, breakpoint, mobile-first, dan cara membuat website responsive.</description>
      <pubDate>Sun, 16 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Responsive</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/media-query-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Async Await Adalah: Cara Kerja, Contoh, dan Bedanya dengan Promise</title>
      <link>https://belajarweb.dev/blog/async-await-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/async-await-adalah/</guid>
      <description>Async await adalah cara menulis kode asynchronous JavaScript agar rapi seperti kode biasa. Pelajari cara kerjanya, perbedaannya dengan Promise &amp; callback, plus contoh.</description>
      <pubDate>Sat, 15 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Async</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/async-await-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Closure JavaScript Adalah: Penjelasan Sederhana + Contoh Kode</title>
      <link>https://belajarweb.dev/blog/closure-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/closure-javascript-adalah/</guid>
      <description>Closure JavaScript adalah fungsi yang mengingat variabel dari lingkup luarnya walau lingkup itu sudah selesai. Pelajari cara kerja, contoh, dan kegunaannya.</description>
      <pubDate>Sat, 15 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Closure</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/closure-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan id dan class di CSS: Kapan Pakai # dan Kapan Pakai .</title>
      <link>https://belajarweb.dev/blog/id-vs-class-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/id-vs-class-css/</guid>
      <description>Perbedaan id dan class di CSS: id (#) unik dan hanya sekali per halaman, class (.) bisa dipakai berkali-kali. Pelajari specificity dan kapan memakai keduanya.</description>
      <pubDate>Fri, 14 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/id-vs-class-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan Props dan State di React: Kapan Pakai Masing-Masing?</title>
      <link>https://belajarweb.dev/blog/props-vs-state-react/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/props-vs-state-react/</guid>
      <description>Perbedaan props dan state di React: props dikirim dari komponen induk dan read-only, state milik komponen sendiri dan bisa berubah. Lengkap dengan contoh kode &amp; diagram.</description>
      <pubDate>Fri, 14 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>JavaScript</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/props-vs-state-react.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Function JavaScript Adalah: Pengertian, Cara Membuat, dan Contohnya</title>
      <link>https://belajarweb.dev/blog/function-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/function-javascript-adalah/</guid>
      <description>Function JavaScript adalah blok kode yang bisa dipanggil ulang. Pelajari anatomi fungsi, parameter, return, arrow function, dan beda fungsi vs method lewat contoh.</description>
      <pubDate>Thu, 13 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Function</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/function-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>JOIN SQL Adalah: Perbedaan INNER, LEFT, RIGHT, dan FULL JOIN untuk Pemula</title>
      <link>https://belajarweb.dev/blog/sql-join-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/sql-join-adalah/</guid>
      <description>JOIN SQL menggabungkan baris dari dua tabel berdasarkan kolom yang berhubungan. Pahami perbedaan INNER, LEFT, RIGHT, dan FULL JOIN lewat diagram Venn dan contoh query lengkap.</description>
      <pubDate>Thu, 13 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>SQL</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/sql-join-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Array JavaScript Adalah: Pengertian, Cara Kerja, dan Method Wajibnya</title>
      <link>https://belajarweb.dev/blog/array-javascript-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/array-javascript-adalah/</guid>
      <description>Array adalah daftar berurutan untuk menyimpan banyak nilai dalam satu variabel. Pelajari apa itu array JavaScript, cara akses lewat indeks, dan method wajibnya.</description>
      <pubDate>Wed, 12 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/array-javascript-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan var, let, dan const di JavaScript (Penjelasan Lengkap Pemula)</title>
      <link>https://belajarweb.dev/blog/var-let-const/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/var-let-const/</guid>
      <description>Perbedaan var, let, dan const terletak pada scope, reassign, dan hoisting. Pelajari kapan pakai masing-masing lewat contoh kode, diagram, dan aturan praktis.</description>
      <pubDate>Wed, 12 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/var-let-const.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Box Model CSS Adalah: Content, Padding, Border, dan Margin (Panduan Lengkap)</title>
      <link>https://belajarweb.dev/blog/box-model-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/box-model-adalah/</guid>
      <description>Box model CSS adalah konsep setiap elemen digambar sebagai kotak berlapis: content, padding, border, margin. Pelajari cara kerjanya dan box-sizing border-box.</description>
      <pubDate>Tue, 11 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/box-model-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan GET dan POST: Dua Method HTTP yang Wajib Kamu Tahu</title>
      <link>https://belajarweb.dev/blog/get-vs-post-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/get-vs-post-adalah/</guid>
      <description>Perbedaan GET dan POST dijelaskan sederhana: GET untuk mengambil data (tampil di URL), POST untuk mengirim data (di body). Pahami kapan pakai masing-masing HTTP method.</description>
      <pubDate>Tue, 11 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Backend</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/get-vs-post-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>API Adalah: Pengertian, Cara Kerja, dan Contohnya untuk Pemula</title>
      <link>https://belajarweb.dev/blog/api-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/api-adalah/</guid>
      <description>API adalah perantara yang menghubungkan dua aplikasi. Pelajari apa itu API, cara kerja API, endpoint, REST API, status code, dan contohnya untuk pemula.</description>
      <pubDate>Mon, 10 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Backend</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/api-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Position CSS: Perbedaan Static, Relative, Absolute, Fixed, dan Sticky</title>
      <link>https://belajarweb.dev/blog/position-css-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/position-css-adalah/</guid>
      <description>Position CSS menentukan cara elemen ditempatkan. Pahami perbedaan absolute dan relative, cara kerja position sticky, fixed, dan dasar CSS positioning.</description>
      <pubDate>Mon, 10 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/position-css-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>DOM Adalah: Cara JavaScript Membaca dan Mengubah Halaman Web</title>
      <link>https://belajarweb.dev/blog/dom-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/dom-adalah/</guid>
      <description>DOM adalah representasi halaman HTML sebagai pohon objek yang bisa dibaca dan diubah JavaScript. Pahami apa itu DOM, document object model, dan DOM manipulation untuk pemula.</description>
      <pubDate>Sat, 08 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/dom-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>JSON Adalah: Pengertian, Format, dan Cara Menggunakannya (untuk Pemula)</title>
      <link>https://belajarweb.dev/blog/json-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/json-adalah/</guid>
      <description>JSON adalah format teks ringan untuk menyimpan dan bertukar data. Pelajari apa itu JSON, aturan format JSON, bedanya dengan objek JavaScript, serta JSON.parse &amp; JSON.stringify.</description>
      <pubDate>Sat, 08 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/json-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Apa Itu Git? Pengertian, Fungsi, dan Bedanya dengan GitHub untuk Pemula</title>
      <link>https://belajarweb.dev/blog/apa-itu-git/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/apa-itu-git/</guid>
      <description>Apa itu Git? Git adalah version control system untuk mencatat riwayat kode. Pelajari fungsi Git, alur kerja dasar, dan perbedaan Git dan GitHub dari nol.</description>
      <pubDate>Fri, 07 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Git</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/apa-itu-git.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Margin Adalah: Pengertian, Fungsi, dan Bedanya dengan Padding di CSS</title>
      <link>https://belajarweb.dev/blog/margin-css-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/margin-css-adalah/</guid>
      <description>Margin adalah jarak di luar elemen, antara border dan elemen tetangga. Pelajari perbedaan margin dan padding, margin auto untuk centering, margin collapse, dan margin negatif.</description>
      <pubDate>Fri, 07 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/margin-css-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Perbedaan ETL dan ELT: Mana yang Tepat untuk Data Pipeline Kamu?</title>
      <link>https://belajarweb.dev/blog/etl-vs-elt/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/etl-vs-elt/</guid>
      <description>ETL mentransformasi data sebelum dimuat ke warehouse, ELT memuat data mentah dulu baru ditransformasi. Bedah urutan, tabel perbandingan, kapan pakai masing-masing, plus peran dbt.</description>
      <pubDate>Thu, 06 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Data Engineering</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/etl-vs-elt.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Idempotency Adalah: Konsep Penting dalam Desain API (dan Cara Implementasinya)</title>
      <link>https://belajarweb.dev/blog/idempotency-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/idempotency-adalah/</guid>
      <description>Idempotency adalah sifat operasi yang aman diulang tanpa efek samping ganda. Pahami HTTP method idempoten, idempotency key, dan cara cegah double payment.</description>
      <pubDate>Thu, 06 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>API</category>
      <category>Backend</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/idempotency-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Bolehkah Ada Dua H1? Aturan Hierarki Heading untuk SEO</title>
      <link>https://belajarweb.dev/blog/heading-html/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/heading-html/</guid>
      <description>Aturan hierarki heading HTML: bolehkah lebih dari satu h1, bolehkah melompati tingkat, dan dampaknya ke SEO serta pembaca layar. Plus cara menguji outline.</description>
      <pubDate>Wed, 05 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Dasar</category>
      <category>SEO</category>
      <enclosure url="https://belajarweb.dev/og/heading-html.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>XXE Attack Adalah: Kerentanan XML External Entity dan Cara Mencegahnya</title>
      <link>https://belajarweb.dev/blog/xxe-attack-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/xxe-attack-adalah/</guid>
      <description>XXE attack adalah kerentanan saat parser XML memproses external entity dari input tak tepercaya. Pelajari cara kerjanya dan cara mencegahnya per bahasa.</description>
      <pubDate>Wed, 05 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Security</category>
      <category>Backend</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/xxe-attack-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Shortcut Comment VS Code dan Aturan Komentar HTML, CSS, JS</title>
      <link>https://belajarweb.dev/blog/comment-html/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/comment-html/</guid>
      <description>Shortcut comment di VS Code, cara komentar multi-baris, dan beda tanda komentar HTML, CSS, dan JavaScript. Plus kenapa komentar terlihat di view-source.</description>
      <pubDate>Tue, 04 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/comment-html.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>CTE vs Subquery vs View: Kapan Pakai yang Mana di SQL</title>
      <link>https://belajarweb.dev/blog/cte-sql-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/cte-sql-adalah/</guid>
      <description>Perbandingan CTE, subquery, view, dan temp table di SQL: kelebihan, kekurangan, dan kapan memilih masing-masing. Plus recursive CTE dan mitos performanya.</description>
      <pubDate>Tue, 04 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>SQL</category>
      <category>Database</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/cte-sql-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Hyperlink Adalah: Cara Membuat Link di HTML dengan Tag a</title>
      <link>https://belajarweb.dev/blog/hyperlink-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/hyperlink-adalah/</guid>
      <description>Hyperlink adalah teks atau gambar yang bisa diklik untuk berpindah halaman. Pelajari cara membuat link di HTML dengan tag a, href, target _blank, dan CSS.</description>
      <pubDate>Mon, 03 Aug 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/hyperlink-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Background Transparan, Gradasi, dan Dark Mode di CSS</title>
      <link>https://belajarweb.dev/blog/background-color-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/background-color-css/</guid>
      <description>Cara membuat background transparan dengan rgba, gradasi linear-gradient, dan dark mode. Plus beda background vs background-color dan kontras yang aman dibaca.</description>
      <pubDate>Tue, 21 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/background-color-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Border CSS Adalah: Fungsi, Jenis-Jenis, dan Cara Mengatur Warna Border</title>
      <link>https://belajarweb.dev/blog/border-css-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/border-css-adalah/</guid>
      <description>Border artinya garis tepi atau bingkai. Pelajari fungsi border di CSS, semua jenis border-style, dan cara mengatur warna border lewat border-color.</description>
      <pubDate>Tue, 21 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/border-css-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Border Radius CSS: Cara Membuat Sudut Melengkung (+ Rounded di Tailwind)</title>
      <link>https://belajarweb.dev/blog/border-radius-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/border-radius-css/</guid>
      <description>border-radius adalah properti CSS untuk melengkungkan sudut elemen. Resep lengkap: tombol pill, avatar lingkaran, % vs px, cheatsheet rounded Tailwind.</description>
      <pubDate>Mon, 20 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Tailwind CSS</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/border-radius-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Z-Index CSS Adalah: Cara Mengatur Tumpukan Elemen (+ Cheatsheet Z-Index di Tailwind)</title>
      <link>https://belajarweb.dev/blog/z-index-css/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/z-index-css/</guid>
      <description>Z-index adalah properti CSS pengatur urutan tumpukan elemen yang saling menimpa. Bahas syaratnya, stacking context, plus cheatsheet z-index di Tailwind.</description>
      <pubDate>Mon, 20 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Tailwind CSS</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/z-index-css.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Urutan Fungsi Transform CSS dan Kenapa Hasilnya Berbeda</title>
      <link>https://belajarweb.dev/blog/css-transform/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/css-transform/</guid>
      <description>Urutan translate, rotate, dan scale mengubah hasil transform. Pahami transform-origin, transform vs position, efek hover, dan 7 jebakan transform di CSS.</description>
      <pubDate>Sat, 18 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Animasi</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/css-transform.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Kenapa Elemen Membengkak Setelah Diberi Padding? Box Model CSS</title>
      <link>https://belajarweb.dev/blog/padding-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/padding-adalah/</guid>
      <description>Padding menambah ukuran kotak kecuali box-sizing border-box aktif. Pahami box model, shorthand 1-4 nilai, padding persen, dan 6 kesalahan padding umum.</description>
      <pubDate>Sat, 18 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/padding-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Kenapa width dan margin Tidak Jalan di Elemen Inline?</title>
      <link>https://belajarweb.dev/blog/inline-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/inline-adalah/</guid>
      <description>Elemen inline mengabaikan width, height, dan margin vertikal. Pahami penyebabnya, solusi inline-block, celah antar inline-block, dan 7 kesalahan umumnya.</description>
      <pubDate>Fri, 17 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>CSS</category>
      <category>Dasar</category>
      <enclosure url="https://belajarweb.dev/og/inline-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Kenapa height: 100% Tidak Bekerja? Jebakan Ukuran Elemen di CSS</title>
      <link>https://belajarweb.dev/blog/width-dan-height-adalah/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/width-dan-height-adalah/</guid>
      <description>Kupas jebakan width dan height di CSS: height 100% yang tidak berefek, box-sizing border-box, min/max-width, dan 7 kesalahan ukuran yang paling sering terjadi.</description>
      <pubDate>Fri, 17 Jul 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Dasar</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/width-dan-height-adalah.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Apa Itu JavaScript? Panduan Lengkap untuk Pemula dari Nol</title>
      <link>https://belajarweb.dev/blog/apa-itu-javascript/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/apa-itu-javascript/</guid>
      <description>JavaScript adalah bahasa pemrograman yang membuat website interaktif. Pelajari dari nol: peran JS di web, variabel, tipe data, fungsi, array, object, DOM, event, dan async, lengkap dengan contoh kode.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>JavaScript</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/apa-itu-javascript.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Belajar HTML untuk Pemula: Panduan Lengkap dari Nol 2026</title>
      <link>https://belajarweb.dev/blog/belajar-html-pemula/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/belajar-html-pemula/</guid>
      <description>Belajar HTML dari nol untuk pemula: struktur dokumen, tag penting, heading, paragraf, link, gambar, list, form, dan semantic HTML, lengkap dengan editor interaktif untuk langsung praktik.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>Pemula</category>
      <category>Web Development</category>
      <enclosure url="https://belajarweb.dev/og/belajar-html-pemula.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Belajar Laravel untuk Pemula: MVC, Routing, Eloquent, dan CRUD</title>
      <link>https://belajarweb.dev/blog/belajar-laravel-pemula/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/belajar-laravel-pemula/</guid>
      <description>Panduan lengkap belajar Laravel dari nol: apa itu Laravel, MVC, routing, controller, Blade, Eloquent ORM, migration, sampai membuat CRUD sederhana langkah demi langkah.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Laravel</category>
      <category>PHP</category>
      <category>Backend</category>
      <enclosure url="https://belajarweb.dev/og/belajar-laravel-pemula.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Belajar React dari Nol: Panduan Lengkap Komponen, Props, State, dan Hooks</title>
      <link>https://belajarweb.dev/blog/belajar-react-dari-nol/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/belajar-react-dari-nol/</guid>
      <description>Panduan lengkap belajar React untuk pemula, apa itu React, cara install dengan Vite, JSX, component, props dan state, useState dan useEffect, mini-project aplikasi catatan, kesalahan umum, dan FAQ.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>React</category>
      <category>JavaScript</category>
      <category>Framework</category>
      <enclosure url="https://belajarweb.dev/og/belajar-react-dari-nol.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>CSS Flexbox vs Grid: Kapan Pakai Yang Mana?</title>
      <link>https://belajarweb.dev/blog/flexbox-vs-grid/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/flexbox-vs-grid/</guid>
      <description>Panduan lengkap perbedaan Flexbox dan CSS Grid: satu vs dua dimensi, kapan pakai yang mana, contoh nyata, kesalahan umum, dan cara menggabungkan keduanya.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Flexbox</category>
      <category>Grid</category>
      <category>Layout</category>
      <enclosure url="https://belajarweb.dev/og/flexbox-vs-grid.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Memahami CSS Grid dari Nol, Panduan Lengkap + Demo Interaktif</title>
      <link>https://belajarweb.dev/blog/memahami-css-grid/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/memahami-css-grid/</guid>
      <description>Belajar CSS Grid dari nol: grid-template-columns, grid-template-rows, gap, satuan fr, repeat, minmax, grid-template-areas, dan cara membuat grid responsif tanpa media query. Lengkap dengan demo interaktif.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Grid</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/memahami-css-grid.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Memahami CSS Flexbox, Panduan Lengkap dengan Demo Interaktif</title>
      <link>https://belajarweb.dev/blog/memahami-flexbox/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/memahami-flexbox/</guid>
      <description>Flexbox adalah sistem layout satu dimensi di CSS. Panduan lengkap untuk pemula: flex-direction, justify-content vs align-items, cara centering div, mini-proyek layout halaman, kesalahan umum, dan FAQ, plus demo interaktif.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>CSS</category>
      <category>Flexbox</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/memahami-flexbox.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Cara Membuat Website Pertama dengan HTML dan CSS (Dari Nol Sampai Online)</title>
      <link>https://belajarweb.dev/blog/membuat-website-pertama/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/membuat-website-pertama/</guid>
      <description>Cara membuat website pertama langkah demi langkah dengan HTML dan CSS, struktur, styling, responsive, sampai deploy gratis. Proyek nyata dari nol untuk pemula.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>HTML</category>
      <category>CSS</category>
      <category>Pemula</category>
      <category>Tutorial</category>
      <enclosure url="https://belajarweb.dev/og/membuat-website-pertama.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>Tailwind CSS: Panduan Lengkap Styling Cepat Tanpa Menulis CSS Manual</title>
      <link>https://belajarweb.dev/blog/tailwind-css-guide/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/tailwind-css-guide/</guid>
      <description>Tailwind CSS adalah utility-first CSS framework. Panduan lengkap untuk pemula: cara install Tailwind CSS, perbandingan Tailwind vs CSS biasa, proyek mini langkah demi langkah, kesalahan umum, dan FAQ.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>Tailwind CSS</category>
      <category>CSS</category>
      <category>Framework</category>
      <enclosure url="https://belajarweb.dev/og/tailwind-css-guide.png" type="image/png" length="0"/>
    </item>
    <item>
      <title>TypeScript untuk Developer JavaScript: Kenapa Harus Pindah?</title>
      <link>https://belajarweb.dev/blog/typescript-untuk-js-developer/</link>
      <guid isPermaLink="true">https://belajarweb.dev/blog/typescript-untuk-js-developer/</guid>
      <description>Panduan lengkap TypeScript untuk developer JavaScript: apa itu TypeScript, perbedaan dengan JavaScript, tipe dasar, interface vs type, union, generics, cara setup, dan migrasi bertahap dari JS.</description>
      <pubDate>Sun, 05 Apr 2026 01:00:00 GMT</pubDate>
      <dc:creator>Ivqonnada Al Mufarrih</dc:creator>
      <category>TypeScript</category>
      <category>JavaScript</category>
      <enclosure url="https://belajarweb.dev/og/typescript-untuk-js-developer.png" type="image/png" length="0"/>
    </item>
  </channel>
</rss>
