Tutorial

10 artikel dipublikasikan dalam kategori ini.

JavaScript di Browser dan Console

Memahami JavaScript sebagai bahasa perilaku di browser: menghubungkan script.js ke halaman, memakai console dan console.log(), serta mengenal variable dan tipe data dasar (string, number, boolean).

Baca artikel
Responsive Blog Layout

Responsive Blog Layout

Membuat blog layout responsive: meta viewport, flexible width, media query, breakpoint, cara pikir mobile-first, plus tap target dan focus untuk pengguna ponsel dan keyboard.

Baca artikel
Tipografi, Warna, dan Ritme Baca

Tipografi, Warna, dan Ritme Baca

Membuat halaman artikel nyaman dibaca: ukuran huruf yang cukup, jarak antarbaris dengan line-height, panjang baris dengan max-width, kontras dengan patokan angka, dan whitespace sebagai ritme baca.

Baca artikel
Layout dengan Flexbox dan Grid Ringan

Layout dengan Flexbox dan Grid Ringan

Menyusun element berdampingan dengan flexbox dan grid: navbar satu baris, galeri kartu dua kolom, plus perkenalan resmi element div sebagai grouping netral pilihan terakhir.

Baca artikel
Cascade, Specificity Ringan, dan Box Model

Cascade, Specificity Ringan, dan Box Model

Memahami kenapa aturan CSS tertentu menang lewat cascade dan specificity ringan, lalu mengenal box model: content, padding, border, dan margin, dengan praktik kartu artikel.

Baca artikel
Menghubungkan CSS dan Memahami Selector

Menghubungkan CSS dan Memahami Selector

Membuat style.css pertama, menghubungkannya ke halaman HTML, dan memahami cara selector memilih element: selector element, selector class, property, dan value.

Baca artikel

Semantic HTML untuk Halaman Artikel

Menata halaman HTML menjadi struktur yang bermakna dengan header, nav, main, article, section, dan footer, plus pengenalan landmark untuk aksesibilitas.

Baca artikel

Konten Halaman: Teks, Link, Gambar, dan List

Belajar mengisi halaman HTML dengan teks, link, gambar, list, serta preview ringan table dan form tanpa keluar dari fondasi HTML.

Baca artikel

Struktur Dasar HTML

Memahami kerangka dasar dokumen HTML: doctype, head, title, body, metadata dasar, nesting, dan indentation.

Baca artikel

Web, Browser, dan File HTML Pertama

Episode pembuka seri Dari HTML ke Web Application: memahami web, browser, HTML, dan membuat file index.html pertama.

Baca artikel