This cluster teaches the web skills behind a small assessed project using separate practice pages, so you understand the ideas without any part of your own submission being written for you. It covers tracing data, validation, keyboard testing and test logs.
It is part of SPM Computer Science. The aim is that you can explain every line of your own project.
What does this cluster cover?
Four lessons, each built on an original practice page that is not any student’s project. Together they follow data from the moment a user types to the moment a result appears, then show how to check and record it.
- Tracing data from an HTML input to a displayed classroom result shows what the browser holds at each step.
- Separating client-side feedback from server-side validation shows which check can be trusted.
- Testing a small page with keyboard-only interaction checks that the page works without a mouse.
- Documenting student-authored changes with a reproducible test log records tests that anyone can repeat.
How do the parts connect?
A page takes input, processes it, shows a result, and must be checked. The first lesson follows that path, the second and third check it from two directions, and the fourth records the checks.
Here is a small orienting example. A fictional page asks for a student’s quiz mark and shows “Pass” when it is 50 or above.
| Stage | What happens | Lesson |
|---|---|---|
| Input | The user types “72” into a box | Tracing |
| Processing | Text “72” becomes the number 72, compared with 50 | Tracing |
| Validation | Empty or non-number input is refused | Validation |
| Interaction | The same steps work using only the keyboard | Keyboard |
| Record | Each test is logged with steps and result | Test log |
The mark 72 is at least 50, so the page shows “Pass”. Each row is something you can check and explain.
Who should start where?
- Start with tracing if you can read a few lines of JavaScript but lose track of values.
- Start with validation if your form accepts blank or strange input.
- Start with the test log if your testing is only “I tried it and it worked”.
- Return to programming foundations if conditions or loops are the real obstacle.
Finish with the cluster practice set.
Where does a teacher fit?
Your project stays yours: you choose the design, write the code and write the report. A teacher can explain a concept on a practice page and ask why you made each choice.
If you want that, see online one-to-one Computer Science tuition and the one-hour trial class (from RM50).