Learn JavaScript plan: build a real page every week
JavaScript is the language of the web, and the fastest way to learn it is to make pages that do something. This prompt has your todo.is agent plan 10 weeks from the basics to the DOM, events, fetch and async/await, with a browser project each week. It reviews your code, tests it, and can publish a finished project as a simple static page with a public link.
The prompt
- Plan [NUMBER OF WEEKS] weeks for me to learn JavaScript. I know [WHAT I KNOW] and my goal is [GOAL]. I can spend [HOURS PER WEEK] hours a week. Cover: variables and types, functions and arrow functions, arrays and objects with map/filter/reduce, the DOM and events, forms, localStorage, fetch and async/await with a free public API, modules, and basic debugging in browser DevTools. Each week ends with a small project that runs in the browser (HTML, CSS, JS, no framework) with clear requirements. Send the plan as a PDF and starter files as a .zip by email. When I send a project, test it, review it line by line, and if I say so publish it as a static page and give me the link.
What to change
- [NUMBER OF WEEKS]: E.g. "10".
- [WHAT I KNOW]: E.g. "basic HTML and CSS", "nothing" or "Python basics".
- [GOAL]: E.g. "front-end developer job", "interactive pages for my site", "then learn React".
- [HOURS PER WEEK]: E.g. "6".
Example result
- Learn JavaScript in 10 weeks: toward a front-end job
- Knows HTML and CSS · 6 hours a week · no framework yet
- Weeks 1 to 2: the language
- • let and const (avoid var), strings, numbers, booleans, null vs undefined
- • === instead of ==, template literals, if/else, loops
- • Functions and arrow functions, default parameters
- • Project: a tip splitter that prints results in the console
- Weeks 3 to 4: arrays and objects
- • Objects, destructuring, spread (...)
- • map, filter, reduce, find: products.filter(p => p.price < 20)
- • Project: a recipe list you can filter by ingredient
- Weeks 5 to 6: the DOM
- • document.querySelector, textContent vs innerHTML (and why innerHTML with user text is risky)
- • addEventListener, event.target, preventDefault on forms
- • Project: a to-do app with add, done and delete, saved in localStorage
- Weeks 7 to 8: talking to APIs
- • fetch(), JSON, promises, async/await with try/catch
- • Loading and error states in the page
- • Project: a weather page using a free public weather API
- Week 9: modules and tools
- • import/export, splitting code into files, DevTools breakpoints and the Network tab
- • Project: refactor the weather page into 3 modules
- Week 10: portfolio project
- • A quiz app with a timer, a score and a high-score table
- • Publish it to a public link for your CV
- Sample review note (week 6)
- • Line 18: you add a click listener to every delete button each time you render, so one click deletes several items. Use one listener on the list and check event.target.
- • Line 30: JSON.parse on an empty localStorage value throws. Use JSON.parse(localStorage.getItem('todos') || '[]').
How to do it with todo.is
- Fill in what you already know, your goal and your weekly time.
- Send the to-do to your agent in the todo.is app or on Telegram.
- You get a PDF plan and starter files by email.
- Send each finished project as files or a .zip. Your agent tests and reviews it, and can publish it as a static page with a public link.
Tips for a better result
- Learn plain JavaScript before React or another framework. The framework makes much more sense afterwards.
- Keep DevTools open all the time. The Console and the Network tab answer most "why doesn't it work" questions.
- Use textContent for anything a user types. innerHTML with user input can open security holes.
- Publish your best two projects and put the links on your CV. Live demos beat a list of skills.
learn JavaScript plan: FAQ
- How long does it take to learn JavaScript? The basics take about 2 to 3 months of a few hours a week. Being ready for a junior front-end job usually takes 6 to 12 months, including a framework and projects.
- Should I learn HTML and CSS first? A little, yes. You need basic HTML and CSS to see what your JavaScript does on a page, but you do not need to master them first.
- Can my agent publish my project? Yes. It can publish a simple static page (HTML, CSS, JavaScript) and give you a public link. It does not deploy to your own server or hosting account.
- JavaScript or Python first? JavaScript if you want to build websites, Python if you want data, automation or general scripting. The core ideas carry over either way.
JavaScript is required to use the todo.is app.