agila-learning-examples/tl/expanded-8-2/lesson-3/lesson.html

<!doctype html><html lang="tl"><meta charset="utf-8"><title>Bumuo ng maliit na website na nasubukan</title><h1>Bumuo ng maliit na website na nasubukan</h1><p>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.</p><p>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.</p><pre><code class="language-web">&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;title&gt;Agila study&lt;/title&gt;
&lt;main&gt;&lt;h1&gt;Planner checks&lt;/h1&gt;&lt;pre id=&quot;result&quot;&gt;&lt;/pre&gt;&lt;/main&gt;
&lt;script&gt;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(&quot;result&quot;).textContent=cases.map(([t,d,want])=&gt;`${t},${d}: ${remaining(t,d)===want?&quot;PASS&quot;:&quot;FAIL&quot;}`).join(&quot;\n&quot;);&lt;/script&gt;&lt;/html&gt;</code></pre><h3>Pagsasanay at ebidensiya</h3><p>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.</p></html>