AI-generated page

This page is labeled as AI-generated to satisfy the assignment requirement.

Disclosure

This page's content was generated with ChatGPT (model name and prompts documented in the README under "GenAI Use").

A 4-week web dev roadmap

  1. Week 1: Semantic HTML + accessibility basics (headings, lists, forms, alt text).
  2. Week 2: CSS fundamentals (box model, grid/flexbox, responsive design).
  3. Week 3: JavaScript essentials (DOM, events, modules, simple state).
  4. Week 4: Polish (performance, validation, linting, deployment).

Quick tips I’m practicing

  • Use one clear H1, then logical H2/H3 structure.
  • Prefer CSS grid for card layouts; flexbox for nav bars.
  • Write tiny JS modules that do one job well.
  • Validate HTML and fix warnings early.
  • Keep a README that helps someone run the project fast.

Mini Q&A

Why use ES6 modules?

Modules keep code organized. You can separate features into files and import only what you need.

What's a simple "creative addition"?

A filterable project gallery, a theme toggle, or a timeline that reveals details on interaction—small but distinctive.

How do I avoid losing points?

Validate HTML, ensure all images have alt text, use semantic tags, and keep CSS organized without !important.