Ang tulo ka lengguwahe sa web
Ang web page sama sa usa ka balay. Ang HTML mao ang mga bungbong ug kwarto (ang estruktura). Ang CSS mao ang pintura ug mga muwebles (unsaon pagtan-aw niini). Ang JavaScript mao ang kuryente: mao kini ang makapasiga sa suga inig pislit nimo sa switch.
- Ang HTML (HyperText Markup Language) naghulagway sa sulod ug estruktura gamit ang mga tag sama sa
<h1>(panguna nga heading) ug<p>(paragraph). - Ang CSS (Cascading Style Sheets) mao ang nagkontrol sa dagway: kolor, font, gilay-on, layout.
- Ang JavaScript nagdugang og kinaiya: motubag sa mga click, mopakita ug mohimo nga tago sa mga butang, mo-check sa mga form.
- Ang browser (Chrome, Firefox, Safari, Edge) mo-download niini nga mga file gikan sa server ug mo-drawing sa page.
- Ang MDN Web Docs (gikan sa Mozilla) kay libre ug kasaligan nga reference para sa tanan nga tulo. Kon nakalimot ka kon unsaon ang usa ka butang, didto ka mangita.
- Ang tipikal nga gamay nga site naay tulo ka file sa usa ka folder:
index.html,style.cssugscript.js. Ang home page kasagaran gi-ngalan ngaindex.html.
- Ablihi ang bisan unsang website sa imong browser.
- Pangutana: unsa ang sulod ug estruktura? Kana ang HTML.
- Pangutana: unsa ang mga kolor, font ug gilay-on? Kana ang CSS.
- Pangutana: unsa ang motubag inig click nako? Kana ang JavaScript.
- Himoa og bag-ong folder sa imong kompyuter nga ang ngalan my-site.
- Check: masulti nimo kon unsa ang buhaton sa matag usa sa tulo ka lengguwahe ug unsang mga file ang imong idugang: index.html, style.css, script.js.
Videos by other creators on YouTube, for reference. They are not made by or affiliated with The Future Market.
Read the video script
[Host] "Ang matag website nga imong nabisitahan gihimo gikan sa tulo ka lengguwahe."
[Text on screen: HTML = estruktura, CSS = istilo, JavaScript = kinaiya] "Ang HTML mao ang mga bungbong. Ang CSS mao ang pintura. Ang JavaScript mao ang switch sa suga."
[Screen: folder nga naay index.html, style.css, script.js] "Tulo ka file sa usa ka folder. Website na kana."
Pag-install og code editor. Himoa ang folder nga my-site nga naay tulo ka walay sulod nga file: index.html, style.css ug script.js.
ClaudeStuck? Copy a ready-made prompt for Claude
Copy this, open Claude, paste it, and Claude will walk you through the lesson step by step.
For a grown-up: Claude is for adults (18+). Copy this, paste it into Claude, and use the answer to explain the lesson to your child.
I'm learning "Mga Basic sa Web Development (HTML, CSS, JavaScript)" on The Future Market. Lesson 1: "Ang tulo ka lengguwahe sa web". What the lesson teaches: - Ang HTML (HyperText Markup Language) naghulagway sa sulod ug estruktura gamit ang mga tag sama sa <h1> (panguna nga heading) ug <p> (paragraph). - Ang CSS (Cascading Style Sheets) mao ang nagkontrol sa dagway: kolor, font, gilay-on, layout. - Ang JavaScript nagdugang og kinaiya: motubag sa mga click, mopakita ug mohimo nga tago sa mga butang, mo-check sa mga form. - Ang browser (Chrome, Firefox, Safari, Edge) mo-download niini nga mga file gikan sa server ug mo-drawing sa page. - Ang MDN Web Docs (gikan sa Mozilla) kay libre ug kasaligan nga reference para sa tanan nga tulo. Kon nakalimot ka kon unsaon ang usa ka butang, didto ka mangita. - Ang tipikal nga gamay nga site naay tulo ka file sa usa ka folder: index.html, style.css ug script.js. Ang home page kasagaran gi-ngalan nga index.html. The exercise I'm working on: Pag-install og code editor. Himoa ang folder nga my-site nga naay tulo ka walay sulod nga file: index.html, style.css ug script.js. I'm stuck. Please: 1. Explain the main idea in plain, simple words with one everyday example. 2. Walk me through the exercise one small step at a time. Ask me what I've done so far before giving the next step. 3. Don't just give me the final answer. Help me do it myself, and check my work when I share it.
I'm a parent helping my child (about 8 years old) with a lesson called "Ang tulo ka lengguwahe sa web" from the course "Mga Basic sa Web Development (HTML, CSS, JavaScript)". Here's what the lesson says: Ang web page sama sa usa ka balay. Ang HTML mao ang mga bungbong ug kwarto (ang estruktura). Ang CSS mao ang pintura ug mga muwebles (unsaon pagtan-aw niini). Ang JavaScript mao ang kuryente: mao kini ang makapasiga sa suga inig pislit nimo sa switch. The activity: Pag-install og code editor. Himoa ang folder nga my-site nga naay tulo ka walay sulod nga file: index.html, style.css ug script.js. Please explain this so an 8-year-old understands: short sentences, a fun everyday example, and no hard words. Then give me 3 simple questions I can ask my child to check they understood, and a way to do the activity together, one tiny step at a time.
Sources
- MDN Web Docs, learn web development: developer.mozilla.org/en-US/docs/Learn_web_development
HTML: ang estruktura
This lesson is part of full access: every course and every level for one payment.
CSS: ang istilo
This lesson is part of full access: every course and every level for one payment.
JavaScript: ang kinaiya
This lesson is part of full access: every course and every level for one payment.
Developer tools: tan-awa ang sulod sa bisan unsang page
This lesson is part of full access: every course and every level for one payment.
I-publish ang imong site nga libre
This lesson is part of full access: every course and every level for one payment.
Final project
This lesson is part of full access: every course and every level for one payment.
Quiz
Unsang lengguwahe ang nagkontrol sa estruktura, unsa sa istilo, ug unsa sa kinaiya?
HTML estruktura, CSS istilo, JavaScript kinaiya.
Unsa ang kasagarang ngalan sa file sa home page sa usa ka site?
index.html.
Nganong ang matag hulagway kinahanglan og alt attribute?
Naghulagway kini sa hulagway para sa mga screen reader user ug makita kini kon dili mo-load ang hulagway.
Sa CSS rule nga
h1 { color: navy; }, unsa ang selector?h1.
Unsa ang buhaton sa media query sama sa
@media (max-width: 600px)?Mo-apply og mga istilo sa mga screen nga 600px ang lapad o mas gamay ra.
Unsa ang kalahian sa
letugconst?Ang let mausab pa unya; ang const dili na ma-reassign.
Unsa ang resulta sa
5 + "5"sa JavaScript?"55" (text).
Unsang method ang mangita og elemento sa page?
document.querySelector().
Unsaon pag-abli sa Chrome DevTools sa Windows?
F12 o Ctrl+Shift+I.
Pwede ba gamiton ang GitHub Pages sa pagpadagan og online store?
Dili, dili kini gituyo para sa mga komersyal nga site sama sa online store o sensitibo nga transaksyon.
Final exam
This lesson is part of full access: every course and every level for one payment.
Certificate
This lesson is part of full access: every course and every level for one payment.