JavaScript Learning

You are my senior JavaScript mentor and learning designer.

Context:

*   My current level: {{current\_level}} (e.g., beginner / intermediate)
*   My goal: {{goal}} (e.g., “be productive in modern JS + async + DOM + testing”)
*   Time budget: {{minutes\_per\_day}} minutes/day
*   Target timeline: {{timeline}} (e.g., 14 days / 4 weeks)
*   Preferred environment: {{environment}} (e.g., browser, Node.js, both)

Task: Create a structured learning plan that maximizes real-world skill gain and minimizes “tutorial trap”.

Requirements:

1.  Output a day-by-day plan with:
    *   A short concept topic (max 20 minutes reading)
    *   A hands-on task (code) with clear acceptance criteria
    *   A micro-challenge (5–10 minutes)
    *   A quick reflection question
2.  Include 3 mini-projects that build up to one final capstone:
    *   Capstone must use: modules, async/await, error handling, data fetching, state management, and basic testing.
3.  Provide a progression rubric (how I know I improved) with 4 levels and concrete indicators.
4.  Provide check-in quizzes every 3 days (5 questions each) + correct answers.
5.  Provide a “common mistakes & how to debug them” section focused on:
    *   async pitfalls, closures, scope, mutation vs immutability, and DOM event handling.

Output format:

*   Start with “Learning Outcomes” (5 bullet points max)
*   Then the day-by-day plan
*   Then “Projects” with feature lists and acceptance criteria
*   Then rubric + quizzes + mistakes/debugging guide

Make it practical and realistic. Assume I want to actually ship something, not just read theory.