Membangun untuk browser — HTML, CSS, JavaScript, dan framework UI modern.
8 artikel
Panduan ramah pemula tentang frontend development: bagian website yang kamu lihat dan klik secara langsung. Pahami cara kerja HTML, CSS, dan JavaScript, serta bedanya frontend dengan backend.
Penjelasan ramah pemula tentang apa yang sebenarnya dikerjakan frontend developer setiap hari: mengubah desain jadi antarmuka yang berfungsi, membangun UI yang bisa dipakai ulang, sampai urusan responsif, aksesibilitas, dan kecepatan.
Kenalan santai dengan perkakas yang dipakai seorang frontend developer sehari-hari — code editor, browser dan DevTools, terminal, version control, package manager, sampai dev server — beserta fungsi masing-masing.
20 artikel
HTML adalah bahan dasar setiap halaman web. Di sini kamu akan paham HTML itu sebenarnya apa, cara kerja tag dan elemennya, sampai menulis halaman pertamamu — dijelaskan sederhana, dari nol.
Setiap halaman HTML berdiri di atas kerangka yang sama: doctype, html, head, dan body. Di sini kamu akan paham fungsi tiap bagian dan kenapa ada — supaya bisa menyiapkan halaman apa pun dengan benar dari nol.
Sebagian besar isi halaman web adalah teks. Inilah elemen-elemen HTML yang menatanya — judul, paragraf, daftar, ganti baris, dan tag penekanan — lengkap dengan contoh kapan memakai masing-masing.
26 artikel
CSS adalah yang membuat halaman web tampil bagus. Pelajari CSS itu apa, cara kerja rule dan selector, tiga cara menambahkannya ke halaman, dan tulis style pertamamu — dijelaskan sederhana, dari nol.
Selector adalah cara CSS memilih elemen mana yang dikenai sebuah rule. Pelajari selector element, class, dan id, cara menggabungkannya, pseudo-class seperti :hover, dan bagaimana cascade memutuskan rule mana yang menang.
Warna adalah salah satu bagian CSS yang paling berdampak. Pelajari cara menentukan warna — nama, hex, RGB, HSL — plus transparansi, warna background, gradien, dan gambar background.
27 artikel
JavaScript adalah yang membuat halaman web interaktif. Pelajari JavaScript itu apa, bedanya dengan HTML dan CSS, cara menambahkannya ke halaman, dan tulis baris kode pertamamu — dijelaskan sederhana, dari nol.
Variabel menyimpan informasi di kodemu, dan tipe data mendeskripsikan informasi itu jenis apa. Pelajari let, const, dan var, plus string, number, boolean, dan tipe inti JavaScript lainnya.
Operator memungkinkanmu menghitung dan membandingkan nilai; kondisional memungkinkan kodemu memilih apa yang dilakukan. Pelajari operator aritmetika dan perbandingan, if/else if/else, operator logika, dan pintasan ternary.
24 artikel
Panduan ramah pemula tentang TypeScript: apa itu, kenapa ada, bagaimana ia menambahkan tipe statis opsional di atas JavaScript, dan bagaimana tipe itu menangkap bug sebelum kode dijalankan.
Pengenalan ramah pemula soal apa yang sebenarnya kamu dapat dari TypeScript: lebih sedikit bug, kode yang menjelaskan dirinya sendiri, autocomplete lebih pintar, refactor lebih aman, plus jujur soal biayanya.
TypeScript itu JavaScript yang ditambah tipe statis dan langkah kompilasi. Pahami persamaannya, apa yang ditambahkan TS, kenapa .ts berubah jadi .js, dan mana yang dipelajari dulu.