jsschools
Going Further

Design Systems, Frameworks, JavaScript

Going Further

Where to go after the HTML & CSS fundamentals — design systems, frameworks, JavaScript.

3 min read Level 1/5 #web#advanced#learn-more
What you'll learn
  • Know what to learn next
  • Recognize good practice areas

You’ve covered HTML and CSS fundamentals end-to-end. Here’s where to go next, by interest area.

More HTML & CSS Depth

  • A11y testing — try VoiceOver / NVDA on a project you built
  • Design systems — read Tailwind / Radix / shadcn for examples
  • CSS architecture — try BEM, then utility-first, see what fits
  • Modern layout patterns — Every Layout (every-layout.dev), Smol CSS

JavaScript

Almost every site eventually needs JS. The next track is built for that:

  • Variables, functions, control flow
  • DOM manipulation
  • Fetching data
  • Events
  • Modern features (async/await, modules)

Take the JavaScript track on this site.

Frameworks

When sites grow past hand-written HTML, frameworks help:

  • Astro — content-first, mostly static with islands. Great for blogs, marketing sites, docs. (This site is built with it.)
  • React — component-driven UIs, huge ecosystem
  • Vue — gentler learning curve than React
  • Svelte — compiles away most of the framework
  • Next.js / Remix — full-stack React frameworks

For static-and-content sites: Astro. For app-like UIs: React or Svelte. For server-rendered apps: Next.js / Remix.

Tooling

Beyond a text editor:

  • Git + GitHub — version control and collaboration
  • A real editor — VS Code, Cursor, Zed, etc.
  • Browser DevTools — you’ve seen them; go deeper
  • Lighthouse — audit every project
  • Figma — design tool every developer benefits from knowing

Practice Projects

Build, ship, iterate. Some good starter projects:

  • A personal site / portfolio
  • A landing page for a fake product
  • A clone of a site you admire (just the markup and styles)
  • A blog with content collections (Astro for this)
  • A small dashboard layout

Reading more rarely teaches as much as shipping something small. Pick one, finish it, deploy it.

Course Complete

You started with <!doctype html> and finished with view transitions, dark mode, and accessibility. That’s the foundation the entire web stands on.