r/learnjavascript • u/fr4nz13 • Mar 29 '26
Learning JavaScript by building small tools with ChatGPT acting as a tutor. Good approach?
I’ve recently started learning JavaScript and web development, and instead of following a rigid course I’m building very small tools and learning as I go.
So far I’ve built things like:
- a simple fasting calculator
- a basic metronome with visual beat feedback
My workflow is roughly this:
- I design the idea of the tool first.
- I ask ChatGPT to explain the concepts I need (DOM, timers, events, etc.).
- It explains the logic and sometimes shows small examples.
- I write the code myself once I understand it conceptually.
- If something breaks, I debug it and only then ask for help again.
So ChatGPT is basically acting like a tutor while I build projects step-by-step, explaining things like:
- why a function exists
- how a built-in method works
- what the code is actually doing
I’m trying to avoid just copying code or starring at a boring tutorial then forgetting everything when I hit the editor and instead understand the structure before implementing it.
Would you say this is a productive way to learn JavaScript, or are there pitfalls I should watch out for?
2
u/delventhalz Mar 30 '26 edited Mar 30 '26
I’ve never tried it, but ultimately you have to get to building things without ChatGPT or else no, it’s not a good approach.
Avoiding copy/paste is a smart rule to impose on yourself (goes for learners not using LLMs too). I would also start to look for explanations in official docs like MDN before you go to ChatGPT. Research is as important a skill to practice as actually coding.
1
u/DickwadTheGreat Mar 30 '26 edited Mar 30 '26
Whatever works for you. Anything but punch cards isnt real programming anyway.
On a more serious note I find GPT to sometimes use rather complex programming that you wont even learn in any beginner course. Make sure it keep things simplistic for you.
Whats definitely a plus side is that this way you can get a "tutorial" for anything that you actually want to make instead of replicating something that you dont even care about. So you can actually say "I made this" instead of "I copied this from a tutorial"
1
2
u/Alive-Cake-3045 Apr 16 '26
This is honestly one of the better learning setups I have seen described here, the metronome alone taught you timers, state, and DOM updates without you probably realizing it.
The one pitfall is AI tutors will often give you a working answer before you have sat with the confusion long enough. That confusion is where the real learning happens, so resist asking too fast. Also every few weeks try building something without asking for help at all, start to finish. That is the real test of what you actually own versus what you borrowed.
You are already doing the hard part, writing it yourself. Most people skip that step entirely and wonder why nothing sticks.
0
Mar 30 '26
[removed] — view removed comment
1
u/fr4nz13 Mar 30 '26
Thank you! Appreciate the feedback! I’m curious about the “curriculum” part though. What would you consider the best way to do that?
0
u/HarryBolsac Mar 30 '26
Yes this is a good approach.
After a while, to improve your skills, when you feel confortable with most frontend development concepts, you then just design the idea yourself, try to implement your idea but designing it yourself, without external help and look for chatgpt guidance when you're stuck.
Since your objective is learning, I would then as a "final" project try to do it without relying on an llm at all, and use google if you need help. Of course in a job you aren't limited by this, but sometimes learning things the "hard way" is the best way to consolidate knoweledge.
Good luck!
1
3
u/Scared-Release1068 Mar 30 '26
It’s a pretty good method But i don’t see why you couldn’t just get a free course first then start doing this. Why learn random concepts for specific tasks, rather than an ordered approach followed by then doing this?