Web Development

Module 2 – Web Development · 2

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

Bumuo ng maliit na website na nasubukan

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.

Pagsamahin ang semantic page, responsive card, validated input, at counter bilang study planner. Function lang ng natitirang gawain ang tine-test ng sample. Magdagdag ng test para sa empty input at keyboard; sadyang sirain ang isang condition upang may mabigong test. I-save sa Forge. Kailangan ng host, domain, HTTPS, at rollback plan para mag-publish; workshop ang isolated preview.

<!doctype html>
<html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Agila study</title>
<main><h1>Planner checks</h1><pre id="result"></pre></main>
<script>function remaining(total,done){return Math.max(0,total-done)}const cases=[[4,1,3],[4,4,0],[4,5,0],[0,0,0]];document.getElementById("result").textContent=cases.map(([t,d,want])=>`${t},${d}: ${remaining(t,d)===want?"PASS":"FAIL"}`).join("\n");</script></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 ↗