Introduction to Computer Science YMT113 · Fall 2026 Assoc. Prof. Ferhat Uçar

>_ Lab 10 · Week 12 · Monday, December 7, 2026 · HTML/CSS/JS

Your First Web Page

Build a page with a form, style it with CSS, add JavaScript that reacts to the user, and publish it on GitHub Pages so it has a real URL.

Preview · this lab opens in week 12

week
12 · Mon, Dec 7
due
Fri, Dec 11 · 23:59
points
10 (autograded)
time
90 min + finish at home
files you edit
index.htmlstyle.cssscript.js

Plan

This lab opens in week 12. The full step-by-step page, the starter repository and the tests are published before that Monday; the plan below is final.

  1. index.html: a valid page with headings, a list, an image, a link and a form with at least three input types.
  2. style.css: an external stylesheet with classes, flexbox layout and a responsive rule.
  3. script.js: a click counter, live form validation and a greeting that uses the form’s value, all without reloading.
  4. Publish: enable GitHub Pages on your lab repository and paste the URL in the README.
  5. Explore: last year’s five interactive examples, forked and modified.

How it works

Same loop as every lab: accept on Classroom 50, open in Codespaces, solve the TODOs, python3 check.py until green, git push. See how labs work and the setup guide.