Add multilingual language and systems learning tracks
This commit is contained in:
Admin committed
1 parent
07338189fc
commit
d8d1c40118
844 files changed
+6061
No files matched your search
@@ -0,0 +1,9 @@
|
||||
# Web Development · 2
|
||||
|
||||
[Agila University track](https://edu.agilaos.com/track.php?track=8&lang=tl)
|
||||
|
||||
Mga 15 minuto bawat aralin. Hulaan, patakbuhin, baguhin, ipaliwanag, at sagutan ang pagsusulit sa University.
|
||||
|
||||
- [Lesson 1: I-validate ang input at lagyan ng label ang control](lesson-1/lesson.html)
|
||||
- [Lesson 2: I-render ang data bilang teksto](lesson-2/lesson.html)
|
||||
- [Lesson 3: Bumuo ng maliit na website na nasubukan](lesson-3/lesson.html)
|
||||
@@ -0,0 +1,5 @@
|
||||
<!doctype html><html lang="tl"><meta charset="utf-8"><title>I-validate ang input at lagyan ng label ang control</title><h1>I-validate ang input at lagyan ng label ang control</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>Ipinapaliwanag ng visible label ang input. Ikinokonekta ng for attribute ito sa id. Subukan ang empty, 0, 1, 60, 61, at 1.5. Nakakatulong ang HTML constraint ngunit dapat mag-validate muli ang server dahil nababago ang browser request. Walang data na isinusumite sa server ang preview na ito.</p><pre><code class="language-web"><!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></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>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,5 @@
|
||||
<!doctype html><html lang="tl"><meta charset="utf-8"><title>I-render ang data bilang teksto</title><h1>I-render ang data bilang teksto</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>Mukhang HTML ang ilang character sa ikatlong task. Ipinapakita ng textContent ang literal na teksto. Ini-interpret ng innerHTML ang markup at maaaring magdulot ng injection sa untrusted data. Magdagdag ng ampersand at angle brackets. Tiyaking literal ang ipinapakita.</p><pre><code class="language-web"><!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></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>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,5 @@
|
||||
<!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"><!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></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>
|
||||
@@ -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>
|
||||
Reference in new issue
Block a user