Course · Interactive

Production-Ready Web Dev

npm, Vite, ES modules in a bundler, environment variables, and a React intro — 24 lessons from package.json to a shippable academy component app (browser labs + project walkthrough).

Who it's for

Learners who completed the Web Full-Stack Capstone or equivalent vanilla web mastery.

What you'll learn

  • Read and write package.json with scripts and dependencies
  • Understand Vite project layout and dev/build workflow
  • Build React UI with components, props, state, and fetch
  • Plan deploy and basic PWA concepts for academy apps

Course contents

  1. 01npm, package.json, scripts
  2. 02ES modules & Vite structure
  3. 03CSS imports & env vars
  4. 04React via CDN then Vite scaffold
  5. 05Build, lint, deploy basics
  6. 06Academy Vite + React capstone