Section 2 of MCS-216 covers the web design labs. Every question has the full source file, a live preview you can interact with, and notes on the HTML, CSS or JavaScript concept it exercises.
Sessions
| Session | Topic |
|---|---|
| 1 | JavaScript basics: arithmetic, loops, pattern printing |
| 2 | HTML forms and input controls |
| 3 | Multi-page sites: timetable and personal info page with CSS |
| 4 | DOM access and manipulation |
| 5 | Events, cookies and browser APIs |
| 6 | Form validation |
| 7 | CSS layout and styling exercises |
| 8 | Tables and lists with CSS |
| 9 | External stylesheets and responsive pages |
| 10 | JavaScript applications: persistence and interaction |
Running the files locally
Open any .html file from the session in a browser, or use the “Open in new tab” link under each preview. No build step is needed.