Add multilingual language and systems learning tracks

This commit is contained in:
Admin committed 2026-11-01 15:46:21 +08:00
1 parent 07338189fc
commit d8d1c40118
844 files changed
+6061

No files matched your search

+9
View File
@@ -0,0 +1,9 @@
# Web Development · 2
[Agila University track](https://edu.agilaos.com/track.php?track=8&lang=ceb)
Mga 15 minutos matag leksyon. Tag-ana, padagana, usba, ipasabot, ug tubaga ang pagsusi sa University.
- [Lesson 1: I-validate ang input ug butangi og label ang control](lesson-1/lesson.html)
- [Lesson 2: I-render ang data isip teksto](lesson-2/lesson.html)
- [Lesson 3: Paghimo og gamay nga website nga nasulayan](lesson-3/lesson.html)
+5
View File
@@ -0,0 +1,5 @@
<!doctype html><html lang="ceb"><meta charset="utf-8"><title>I-validate ang input ug butangi og label ang control</title><h1>I-validate ang input ug butangi og label ang control</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Ang makita nga label nagpasabot sa input. Ang for attribute nagdugtong niini sa id. Sulayi ang empty, 0, 1, 60, 61, ug 1.5. Makatabang ang HTML constraint apan kinahanglan mag-validate pag-usab ang server kay mahimong usbon ang browser request. Walay data nga isumite sa server kining 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;Study time&lt;/h1&gt;&lt;label for=&quot;minutes&quot;&gt;Minutes (1–60)&lt;/label&gt;&lt;input id=&quot;minutes&quot; type=&quot;number&quot; min=&quot;1&quot; max=&quot;60&quot;&gt;&lt;button id=&quot;check&quot;&gt;Check&lt;/button&gt;&lt;p id=&quot;result&quot; role=&quot;status&quot;&gt;&lt;/p&gt;&lt;/main&gt;
&lt;script&gt;document.getElementById(&quot;check&quot;).onclick=()=&gt;{const raw=document.getElementById(&quot;minutes&quot;).value;const n=Number(raw);document.getElementById(&quot;result&quot;).textContent=raw.trim()!==&quot;&quot;&amp;&amp;Number.isInteger(n)&amp;&amp;n&gt;=1&amp;&amp;n&lt;=60?&quot;Ready&quot;:&quot;Use a whole number from 1 to 60&quot;;};&lt;/script&gt;&lt;/html&gt;</code></pre><h3>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>
+5
View File
@@ -0,0 +1,5 @@
<!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>Study time</h1><label for="minutes">Minutes (1–60)</label><input id="minutes" type="number" min="1" max="60"><button id="check">Check</button><p id="result" role="status"></p></main>
<script>document.getElementById("check").onclick=()=>{const raw=document.getElementById("minutes").value;const n=Number(raw);document.getElementById("result").textContent=raw.trim()!==""&&Number.isInteger(n)&&n>=1&&n<=60?"Ready":"Use a whole number from 1 to 60";};</script></html>
+5
View File
@@ -0,0 +1,5 @@
<!doctype html><html lang="ceb"><meta charset="utf-8"><title>I-render ang data isip teksto</title><h1>I-render ang data isip teksto</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Murag HTML ang ubang character sa ikatulong task. Ang textContent mopakita sa literal nga teksto. Ang innerHTML mo-interpret sa markup ug mahimong hinungdan sa injection sa untrusted data. Idugang ang ampersand ug angle brackets. Siguroa nga literal ang gipakita.</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;Tasks&lt;/h1&gt;&lt;ul id=&quot;tasks&quot;&gt;&lt;/ul&gt;&lt;/main&gt;
&lt;script&gt;const tasks=[&quot;Read&quot;,&quot;Test&quot;,&quot;&lt;strong&gt;Explain&lt;/strong&gt;&quot;];for(const text of tasks){const li=document.createElement(&quot;li&quot;);li.textContent=text;document.getElementById(&quot;tasks&quot;).append(li);}&lt;/script&gt;&lt;/html&gt;</code></pre><h3>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>
+5
View File
@@ -0,0 +1,5 @@
<!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>Tasks</h1><ul id="tasks"></ul></main>
<script>const tasks=["Read","Test","<strong>Explain</strong>"];for(const text of tasks){const li=document.createElement("li");li.textContent=text;document.getElementById("tasks").append(li);}</script></html>
+5
View File
@@ -0,0 +1,5 @@
<!doctype html><html lang="ceb"><meta charset="utf-8"><title>Paghimo og gamay nga website nga nasulayan</title><h1>Paghimo og gamay nga website nga nasulayan</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Iusa ang semantic page, responsive card, validated input, ug counter isip study planner. Function lamang sa nahibiling trabaho ang gisulayan sa sample. Idugang ang test sa empty input ug keyboard; tuyoang gub-a ang usa ka condition aron adunay mapakyas nga test. I-save sa Forge. Ang pag-publish nagkinahanglan og host, domain, HTTPS, ug rollback plan; workshop kining 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>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>
+5
View File
@@ -0,0 +1,5 @@
<!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>