Build a small profile that introduces a learner and their next goals. Use HTML meaning, not visual tricks.
Companion notes: HTML notes.
On GitHub, select Use this template → Create a new repository, choose whether it will be public or private, then clone your new repository and edit that copy.
Time-box: 45 minutes
Prerequisite: HTML Foundations Lesson 1
After-lesson milestone: you can create a valid document with a logical outline, text, and lists.
Open index.html and replace each TODO comment. Open the file directly in a browser; no install or internet connection is needed.
- The document has a doctype,
lang, UTF-8 charset, viewport metadata, and descriptive title. - There is one
<h1>and at least two meaningful<h2>headings in order. -
<header>,<main>, and<footer>describe the page regions. - A paragraph introduces the learner without fake line breaks.
- An unordered list contains at least three learning goals.
- An ordered list contains a three-step weekly plan.
- The email link has understandable link text.
- The page remains understandable with browser default styles and at 200% zoom.
Run index.html through the Nu HTML Checker by file upload, then explain every element you chose.
-
Create your own copy from this template.
-
Read MASTERY.md, then create an attempt branch:
git switch -c attempt/my-project
-
Build the project and run the same check GitHub uses:
node --test test/mastery.test.mjs
-
Commit and push the attempt branch:
git add . git commit -m "Complete project attempt" git push -u origin attempt/my-project
GitHub Actions grades every pushed attempt automatically. PASS — NAILED IT means every required check passed. REVISE — KEEP BUILDING means the run shows what to fix before you push again. You do not need the KODE Ń VIBE owner to review or start anything; the template's main branch stays quiet on purpose.
The free grading guide explains the result and its limits.