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 are, what they solve, and when they are worth using.
How to use this section
This section helps learners understand frameworks without treating them as magic. It explains why teams use them, how they differ from libraries and design systems, what tradeoffs they introduce, and how to evaluate them calmly before adopting one.
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 →