Practice Project
Todo List
Build a list-based app that combines forms, arrays, and DOM updates.
View ProjectFrameworks 101
Understand what JavaScript and CSS frameworks solve before moving into Vite, Vue, and Bulma.
How to use this section
This section is the bridge between hand-built HTML, CSS, and JavaScript and the Vue tutorials that follow. You will learn why teams reach for frameworks, how JavaScript frameworks differ from CSS frameworks and design systems, what tradeoffs they introduce, and how to evaluate them calmly before using Vite, Vue, or Bulma in a real project.
Projects in this section
Use these guided, reference, and practice projects to connect the lessons to real site work.
Lessons in this section
What Is a Framework, Really?
Learn what makes a framework different from a library, tool, or design system.
Start tutorial →Why JavaScript Frameworks Exist
Understand the UI, state, and scaling problems JavaScript frameworks are designed to reduce.
Start tutorial →Why CSS Frameworks Exist
Learn how CSS frameworks, utility systems, and component libraries try to speed up styling and consistency.
Start tutorial →Framework Tradeoffs and Costs
Compare the benefits of frameworks with their real costs in complexity, tooling, abstraction, and maintenance.
Start tutorial →Recommended next
How to Evaluate a Framework Without Panic
Use a calm decision-making checklist to judge whether a framework fits your project, team, and current skill level.
Start tutorial →