Tutorial web development, dalam Bahasa Indonesia
Panduan yang menjelaskan dari nol: apa itu, kenapa penting, cara pakainya, dan kesalahan yang sering terjadi. Tiap artikel punya contoh kode, dan sebagian besar punya playground yang bisa kamu mainkan langsung.
Terbaru
RSS
Box Shadow CSS Adalah: Cara Membuat Efek Bayangan (Lengkap + Playground)
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.
Baca tulisannya
Cara Membuat Gradasi Warna dengan linear-gradient CSS (Lengkap + Playground)
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.
Git Branch dan Merge: Cara Membuat Cabang & Menggabungkannya untuk Pemula
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.
useRef Adalah: Cara Kerja Hook useRef di React untuk Mengakses DOM dan Menyimpan Nilai Tanpa Re-render
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.
Baru mulai? Baca ini dulu
-
HTML · 19 menitCara Membuat Website Pertama dengan HTML dan CSS (Dari Nol Sampai Online)
Cara membuat website pertama langkah demi langkah dengan HTML dan CSS, struktur, styling, responsive, sampai deploy gratis. Proyek nyata dari nol untuk pemula.
-
HTML · 16 menitBelajar HTML untuk Pemula: Panduan Lengkap dari Nol 2026
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.
-
JavaScript · 21 menitApa Itu JavaScript? Panduan Lengkap untuk Pemula dari Nol
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.
-
React · 22 menitBelajar React dari Nol: Panduan Lengkap Komponen, Props, State, dan Hooks
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.
Semua tulisan
- CSS · 10 menit
Box Shadow CSS Adalah: Cara Membuat Efek Bayangan (Lengkap + Playground)
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.
- CSS · 9 menit
Cara Membuat Gradasi Warna dengan linear-gradient CSS (Lengkap + Playground)
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.
- Git · 9 menit
Git Branch dan Merge: Cara Membuat Cabang & Menggabungkannya untuk Pemula
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.
- React · 9 menit
useRef Adalah: Cara Kerja Hook useRef di React untuk Mengakses DOM dan Menyimpan Nilai Tanpa Re-render
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.
-
HTML · 9 menitCara Membuat Form HTML: Panduan input, label, dan Kirim Data
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.
-
JavaScript · 9 menitlocalStorage JavaScript Adalah: Cara Menyimpan Data di Browser (Panduan Pemula)
localStorage JavaScript adalah tempat menyimpan data key/value di browser yang bertahan meski tab ditutup. Pelajari setItem, getItem, removeItem, clear, bedanya dengan sessionStorage & cookie, plus jebakan JSON.stringify.
-
JavaScript · 8 menitOperator Perbandingan JavaScript: Perbedaan == dan === (Loose vs Strict)
Operator perbandingan JavaScript dipakai untuk membandingkan dua nilai. Pelajari perbedaan == dan === (loose vs strict), type coercion, operator lain (>, <, !=, !==), dan jebakan yang sering membuat bug.
-
JavaScript · 9 menitSwitch Case JavaScript: Cara Kerja, break, dan Kapan Pakai (vs if-else)
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.
-
React · 8 menitConditional Rendering React Adalah: 4 Cara Menampilkan UI Berdasarkan Kondisi
Conditional rendering di React adalah menampilkan JSX berbeda berdasarkan kondisi. Pelajari 4 pola: if/else, ternary, operator &&, dan early return null, lengkap dengan tabel kapan pakai mana dan jebakan angka 0.
-
HTML · 7 menitTabel HTML Adalah: Cara Membuat Tabel dengan table, tr, th, td
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.
-
SQL · 11 menitGROUP BY SQL Adalah: Cara Kerja + Fungsi Agregat (COUNT, SUM, AVG)
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.
-
JavaScript · 9 menitString Method JavaScript Adalah: Panduan Lengkap Metode String untuk Pemula
String method adalah fungsi bawaan untuk mengolah teks di JavaScript. Pelajari .length, .toUpperCase(), .trim(), .slice(), .replace(), .split(), dan kenapa string bersifat immutable.
-
CSS · 9 menitCSS Transition Adalah: Cara Kerja, 4 Sub-Properti, dan Timing Function
CSS transition adalah animasi halus antara dua state elemen. Pelajari transition-property, duration, timing-function, delay, shorthand, dan bedanya dengan animation.
-
CSS · 9 menitPseudo-class CSS Adalah: :hover, :focus, :active, dan :nth-child untuk Pemula
Pseudo-class adalah kata kunci yang memilih elemen berdasarkan state atau posisinya. Pelajari :hover, :focus, :active, dan :nth-child lengkap dengan contoh interaktif.
-
JavaScript · 10 menitthis JavaScript Adalah: Memahami Kata Kunci this untuk Pemula (Method, Fungsi, Arrow, Global)
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.
-
JavaScript · 7 menitTry Catch JavaScript Adalah: Panduan Error Handling untuk Pemula
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.
-
JavaScript · 9 menitCara Menggunakan Fetch API JavaScript: Panduan Lengkap untuk Pemula
Cara pakai fetch() JavaScript untuk mengambil data dari API. Pahami fetch mengembalikan Promise, .then(res => res.json()), cek res.ok, .catch(), plus versi async/await, dengan contoh.
-
JavaScript · 9 menitHoisting JavaScript Adalah? Penjelasan Lengkap untuk Pemula (var, let, const)
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.
-
CSS · 10 menitCSS Variables Adalah: Custom Properties untuk Tema & Kode Rapi (Panduan Pemula)
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.
-
SQL · 7 menitSELECT SQL Adalah: Cara Membaca Data dari Database (Panduan Pemula)
SELECT SQL adalah perintah untuk membaca data dari tabel database. Pelajari cara memilih kolom, memakai FROM & WHERE, SELECT * vs kolom tertentu, plus ORDER BY & LIMIT.
-
JavaScript · 9 menitMap, Filter, Reduce di JavaScript: Perbedaan dan Cara Pakai untuk Pemula
Map, filter, dan reduce adalah tiga method array JavaScript untuk mengolah data. Pelajari perbedaan, cara kerja, dan kapan memakai masing-masing lewat contoh interaktif.
-
JavaScript · 11 menitPromise JavaScript Adalah: Cara Kerja, 3 State, dan Contoh untuk Pemula
Promise JavaScript adalah janji sebuah nilai di masa depan. Pahami 3 state promise, .then() .catch() .finally(), chaining, dan bedanya dengan callback, plus contoh.
-
SQL · 13 menitNormalisasi Database Adalah: Panduan 1NF, 2NF, 3NF untuk Pemula
Normalisasi database adalah cara menata tabel agar tidak ada data berulang. Pelajari 1NF, 2NF, 3NF, perbedaannya, dan anomali yang dicegahnya lewat contoh nyata.
-
JavaScript · 10 menitOperator Ternary Adalah: Cara Menyingkat If-Else di JavaScript (+ Contoh)
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.
-
JavaScript · 9 menitEvent JavaScript Adalah: Cara Kerja addEventListener untuk Pemula
Event JavaScript adalah sinyal saat pengguna berinteraksi dengan halaman. Pelajari addEventListener, event object, dan bedanya dengan onclick lewat contoh interaktif.
-
![Contoh kode: const a = [1, 2] const b = [3, 4] a.concat(b) const c = [...a, ...b]](/covers/spread-operator-adalah-800.webp)
JavaScript · 10 menitSpread Operator Adalah: Fungsi Tiga Titik (...) di JavaScript untuk Pemula
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.
-
CSS · 9 menitDisplay CSS Adalah: Perbedaan Block, Inline, Inline-Block, Flex, dan Grid
Display CSS adalah properti yang menentukan cara elemen tampil dan menyusun diri di halaman. Pahami beda block, inline, inline-block, none, flex, dan grid.
-
JavaScript · 9 menitTemplate Literals Adalah: Cara Pakai Backtick (`) dan ${} di JavaScript
Template literals adalah cara menulis string pakai backtick (`) di JavaScript agar bisa menyisipkan variabel dengan ${}. Pelajari bedanya dengan tanda plus, multiline, dan contohnya.
-
JavaScript · 11 menitDestructuring Adalah: Cara Ringkas Ambil Data dari Object & Array (JS)
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.
-
JavaScript · 11 menitPerulangan JavaScript: Cara Kerja For, While, For...of, dan forEach
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.
-
JavaScript · 12 menitObject JavaScript Adalah: Cara Menyimpan Data Terstruktur (Key & Value)
Object JavaScript adalah kumpulan data berpasangan key dan value. Pahami cara membuat, mengakses (dot vs bracket), mengubah, dan membedakannya dengan array lewat contoh interaktif.
-
React · 10 menituseState Adalah: Cara Kerja State dan Hook useState di React untuk Pemula
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.
-
SQL · 12 menitPerbedaan Primary Key dan Foreign Key di SQL (Penjelasan + Contoh)
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.
-
![Perbandingan useEffect(fn) dan useEffect(fn, []) dan useEffect(fn, [x])](/covers/useeffect-adalah-800.webp)
React · 10 menituseEffect Adalah: Cara Pakai Hook useEffect di React (Panduan Pemula + Dependency Array)
useEffect adalah hook React untuk menjalankan side effect. Pahami dependency array (tanpa array vs [] vs [deps]), cleanup, dan cara pakainya lewat contoh interaktif.
-
JavaScript · 10 menitArrow Function Adalah: Cara Menulis Fungsi Ringkas di JavaScript (+ Beda dengan Function Biasa)
Arrow function adalah cara singkat menulis fungsi di JavaScript dengan sintaks =>. Pelajari perbedaannya dengan function biasa, aturan this, dan kapan sebaiknya dipakai.
-
CSS · 12 menitMedia Query Adalah: Cara Membuat Website Responsive di CSS (Panduan Pemula)
Media query adalah aturan CSS yang mengubah tampilan berdasarkan lebar layar. Pelajari sintaks @media, breakpoint, mobile-first, dan cara membuat website responsive.
-
JavaScript · 12 menitAsync Await Adalah: Cara Kerja, Contoh, dan Bedanya dengan Promise
Async await adalah cara menulis kode asynchronous JavaScript agar rapi seperti kode biasa. Pelajari cara kerjanya, perbedaannya dengan Promise & callback, plus contoh.
-
JavaScript · 10 menitClosure JavaScript Adalah: Penjelasan Sederhana + Contoh Kode
Closure JavaScript adalah fungsi yang mengingat variabel dari lingkup luarnya walau lingkup itu sudah selesai. Pelajari cara kerja, contoh, dan kegunaannya.
-
CSS · 11 menitPerbedaan id dan class di CSS: Kapan Pakai # dan Kapan Pakai .
Perbedaan id dan class di CSS: id (#) unik dan hanya sekali per halaman, class (.) bisa dipakai berkali-kali. Pelajari specificity dan kapan memakai keduanya.
-
React · 10 menitPerbedaan Props dan State di React: Kapan Pakai Masing-Masing?
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 & diagram.
-
JavaScript · 11 menitFunction JavaScript Adalah: Pengertian, Cara Membuat, dan Contohnya
Function JavaScript adalah blok kode yang bisa dipanggil ulang. Pelajari anatomi fungsi, parameter, return, arrow function, dan beda fungsi vs method lewat contoh.
-
SQL · 10 menitJOIN SQL Adalah: Perbedaan INNER, LEFT, RIGHT, dan FULL JOIN untuk Pemula
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.
-
JavaScript · 12 menitArray JavaScript Adalah: Pengertian, Cara Kerja, dan Method Wajibnya
Array adalah daftar berurutan untuk menyimpan banyak nilai dalam satu variabel. Pelajari apa itu array JavaScript, cara akses lewat indeks, dan method wajibnya.
-
JavaScript · 10 menitPerbedaan var, let, dan const di JavaScript (Penjelasan Lengkap Pemula)
Perbedaan var, let, dan const terletak pada scope, reassign, dan hoisting. Pelajari kapan pakai masing-masing lewat contoh kode, diagram, dan aturan praktis.
-
CSS · 11 menitBox Model CSS Adalah: Content, Padding, Border, dan Margin (Panduan Lengkap)
Box model CSS adalah konsep setiap elemen digambar sebagai kotak berlapis: content, padding, border, margin. Pelajari cara kerjanya dan box-sizing border-box.
-
Backend · 10 menitPerbedaan GET dan POST: Dua Method HTTP yang Wajib Kamu Tahu
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.
-
Backend · 11 menitAPI Adalah: Pengertian, Cara Kerja, dan Contohnya untuk Pemula
API adalah perantara yang menghubungkan dua aplikasi. Pelajari apa itu API, cara kerja API, endpoint, REST API, status code, dan contohnya untuk pemula.
-
CSS · 13 menitPosition CSS: Perbedaan Static, Relative, Absolute, Fixed, dan Sticky
Position CSS menentukan cara elemen ditempatkan. Pahami perbedaan absolute dan relative, cara kerja position sticky, fixed, dan dasar CSS positioning.
-
JavaScript · 10 menitDOM Adalah: Cara JavaScript Membaca dan Mengubah Halaman Web
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.
-
JavaScript · 10 menitJSON Adalah: Pengertian, Format, dan Cara Menggunakannya (untuk Pemula)
JSON adalah format teks ringan untuk menyimpan dan bertukar data. Pelajari apa itu JSON, aturan format JSON, bedanya dengan objek JavaScript, serta JSON.parse & JSON.stringify.
-
Git · 10 menitApa Itu Git? Pengertian, Fungsi, dan Bedanya dengan GitHub untuk Pemula
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.
-
CSS · 13 menitMargin Adalah: Pengertian, Fungsi, dan Bedanya dengan Padding di CSS
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.
-
Data · 16 menitPerbedaan ETL dan ELT: Mana yang Tepat untuk Data Pipeline Kamu?
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.
-
Backend · 21 menitIdempotency Adalah: Konsep Penting dalam Desain API (dan Cara Implementasinya)
Idempotency adalah sifat operasi yang aman diulang tanpa efek samping ganda. Pahami HTTP method idempoten, idempotency key, dan cara cegah double payment.
-
HTML · 17 menitBolehkah Ada Dua H1? Aturan Hierarki Heading untuk SEO
Aturan hierarki heading HTML: bolehkah lebih dari satu h1, bolehkah melompati tingkat, dan dampaknya ke SEO serta pembaca layar. Plus cara menguji outline.
-
Security · 18 menitXXE Attack Adalah: Kerentanan XML External Entity dan Cara Mencegahnya
XXE attack adalah kerentanan saat parser XML memproses external entity dari input tak tepercaya. Pelajari cara kerjanya dan cara mencegahnya per bahasa.
-
HTML · 19 menitShortcut Comment VS Code dan Aturan Komentar HTML, CSS, JS
Shortcut comment di VS Code, cara komentar multi-baris, dan beda tanda komentar HTML, CSS, dan JavaScript. Plus kenapa komentar terlihat di view-source.
-
SQL · 21 menitCTE vs Subquery vs View: Kapan Pakai yang Mana di SQL
Perbandingan CTE, subquery, view, dan temp table di SQL: kelebihan, kekurangan, dan kapan memilih masing-masing. Plus recursive CTE dan mitos performanya.
-
HTML · 20 menitHyperlink Adalah: Cara Membuat Link di HTML dengan Tag a
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.
-
CSS · 21 menitBackground Transparan, Gradasi, dan Dark Mode di CSS
Cara membuat background transparan dengan rgba, gradasi linear-gradient, dan dark mode. Plus beda background vs background-color dan kontras yang aman dibaca.
-
CSS · 20 menitBorder CSS Adalah: Fungsi, Jenis-Jenis, dan Cara Mengatur Warna Border
Border artinya garis tepi atau bingkai. Pelajari fungsi border di CSS, semua jenis border-style, dan cara mengatur warna border lewat border-color.
-
CSS · 16 menitBorder Radius CSS: Cara Membuat Sudut Melengkung (+ Rounded di Tailwind)
border-radius adalah properti CSS untuk melengkungkan sudut elemen. Resep lengkap: tombol pill, avatar lingkaran, % vs px, cheatsheet rounded Tailwind.
-
CSS · 19 menitZ-Index CSS Adalah: Cara Mengatur Tumpukan Elemen (+ Cheatsheet Z-Index di Tailwind)
Z-index adalah properti CSS pengatur urutan tumpukan elemen yang saling menimpa. Bahas syaratnya, stacking context, plus cheatsheet z-index di Tailwind.
-
CSS · 18 menitUrutan Fungsi Transform CSS dan Kenapa Hasilnya Berbeda
Urutan translate, rotate, dan scale mengubah hasil transform. Pahami transform-origin, transform vs position, efek hover, dan 7 jebakan transform di CSS.
-
CSS · 19 menitKenapa Elemen Membengkak Setelah Diberi Padding? Box Model CSS
Padding menambah ukuran kotak kecuali box-sizing border-box aktif. Pahami box model, shorthand 1-4 nilai, padding persen, dan 6 kesalahan padding umum.
-
HTML · 20 menitKenapa width dan margin Tidak Jalan di Elemen Inline?
Elemen inline mengabaikan width, height, dan margin vertikal. Pahami penyebabnya, solusi inline-block, celah antar inline-block, dan 7 kesalahan umumnya.
-
CSS · 19 menitKenapa height: 100% Tidak Bekerja? Jebakan Ukuran Elemen di CSS
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.
- JavaScript · 21 menit
Apa Itu JavaScript? Panduan Lengkap untuk Pemula dari Nol
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.
- HTML · 16 menit
Belajar HTML untuk Pemula: Panduan Lengkap dari Nol 2026
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.
-
Backend · 19 menitBelajar Laravel untuk Pemula: MVC, Routing, Eloquent, dan CRUD
Panduan lengkap belajar Laravel dari nol: apa itu Laravel, MVC, routing, controller, Blade, Eloquent ORM, migration, sampai membuat CRUD sederhana langkah demi langkah.
- React · 22 menit
Belajar React dari Nol: Panduan Lengkap Komponen, Props, State, dan Hooks
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.
-
CSS · 16 menitCSS Flexbox vs Grid: Kapan Pakai Yang Mana?
Panduan lengkap perbedaan Flexbox dan CSS Grid: satu vs dua dimensi, kapan pakai yang mana, contoh nyata, kesalahan umum, dan cara menggabungkan keduanya.
-
CSS · 18 menitMemahami CSS Grid dari Nol, Panduan Lengkap + Demo Interaktif
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.
-
CSS · 19 menitMemahami CSS Flexbox, Panduan Lengkap dengan Demo Interaktif
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.
- HTML · 19 menit
Cara Membuat Website Pertama dengan HTML dan CSS (Dari Nol Sampai Online)
Cara membuat website pertama langkah demi langkah dengan HTML dan CSS, struktur, styling, responsive, sampai deploy gratis. Proyek nyata dari nol untuk pemula.
-
Tailwind · 20 menitTailwind CSS: Panduan Lengkap Styling Cepat Tanpa Menulis CSS Manual
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.
-
TypeScript · 19 menitTypeScript untuk Developer JavaScript: Kenapa Harus Pindah?
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.