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

<!doctype html><html lang="en"><meta charset="utf-8"><title>Ship a small tested website</title><h1>Ship a small tested website</h1><p>15-minute session: read for 3 minutes, trace for 3, experiment for 7, and complete the check for 2. Spend longer whenever you need.</p><p>Combine the semantic page, responsive card, validated input, and counter into a study planner. The sample checks only its remaining-work function. Add tests for empty input and keyboard use, then deliberately break one condition to ensure a test fails. Save your source on Forge. Publishing needs a host, domain, HTTPS, and a rollback plan; this isolated preview is your workshop.</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>Practice and evidence</h3><p>Keep three notes: your prediction, the actual result, and why they match or differ. The completion check grades understanding; the practice task builds skill.</p></html>