Web Development

Module 1 – Web Development · 1

Page 2 of 3 · Mga 15 minuto bawat aralin, kasama ang pagsasanay.

Mag-style nang malinaw pa ring mabasa

15-minutong sesyon: magbasa nang 3 minuto, mag-trace nang 3, mag-eksperimento nang 7, at sagutan ang check nang 2. Maglaan ng dagdag na oras kung kailangan.

Pumipili ng element ang CSS selector at binabago ng declaration ang hitsura. Hulaan ang epekto ng padding sa loob ng card; ihambing sa margin sa labas ng border. Baguhin ang laki ng preview at panatilihing mababasa ang teksto nang walang horizontal scroll. Subukan ang keyboard focus. Huwag umasa sa kulay lang para sa pass o fail.

<!doctype html>
<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Agila study</title>
<style>body{font:1.1rem system-ui;margin:2rem;background:#f4f2fb;color:#21143e} main{max-width:40rem;margin:auto;padding:1.5rem;background:white;border:2px solid #56329a;border-radius:12px}button{padding:1rem}</style>
<main><h1>My study plan</h1><p>Resize the preview. Keep this text readable.</p><button>Start</button></main></html>

Pagsasanay at ebidensiya

Itala ang hula, aktuwal na resulta, at dahilan ng pagtugma o pagkakaiba. Sinusukat ng completion check ang pag-unawa; hinahasa ng practice task ang kasanayan.

Halimbawang code sa Agila Forge ↗