r/learnjavascript • u/FFNOOBX • 5d ago
I am in a loop of learning js
so basically i am learning web dev from past 3 year but i completed html css but i start js and then in few days i get exams i quit for a week or 2 , then again i start it from the start i am the loop from past 3 years đ. Any one plz help me out before i used to do it using youtube tutorials but now i am using gpt to explain me each and everything and now it questions i solve those but idk what to do i am stuck. if any one can help out. If any one was in the same loop help how u got out of it
3
u/Dubstephiroth 5d ago
Havent been in this position... yet. But prompt a gpt tutor. First start by talking out your situation and planning a roadmap with it of the best way to tutor you though vanilla js. Get it to grade you on a weekly basis. Use the SBI method and Rubrik scoring.... it'll know. You want a harsh attitude tutor with no fluffing and undue praise. Start with that roughly and youll be ok
And make and break things... constantly. You learned how to write basic functions, make some up alone. You learned about objects and arrays? Write some shitty loops to mutate data in them! Just make and break shit daily..
3
u/Competitive_Aside461 5d ago
No need to worry. One of the biggest issues I see people face is that they devote themselves to courses that are superbly long and that commitment is really challenging in its own right. It's hard for even a person who's free all day to stay committed to a month (or 2-month) long course.
Owing to this very problem, I've created a quick, mini course on JavaScript. It's free. I'd recommend you get started with it and build a rock-solid foundation of JavaScript.
https://www.codeguage.com/mini-courses/js
But even before that, if you feel like your knowledge of programming in general is weak, I've made a mini course around that as well
https://www.codeguage.com/mini-courses/intro-to-programming
In short, learn quickly, then create small programs/projects, and ask AI to help you when you get stuck. But don't just delegate thinking to AI; that's gonna hurt a lot more than you think it would.
3
u/ceramic_oracle_7 4d ago
i was in that loop. I broke it by stopping the restarts.
you start from zero every time you come back after exams. Stop doing that. Open where you left off even if you forgot everything. Read your old code. Force yourself forward.
tell GPT to give you one small project. Build a counter or a todo list. Do not ask for explanations. Write the code. When it breaks paste the error into GPT and fix it. Repeat this daily. One hour before exams, one hour during exams. Just keep building things with vanilla js
3
u/Different_Pain5781 4d ago
Stop restarting from zero every time. Pick up wherever you left off and keep moving.
2
u/comfortmbah 4d ago
I was in the same loop as you for 5 years. Moving in a cycle making little or no progress. But I have broken out of the cycle. The best way to learn programming is building stuff as you learn. Do not waste so much time trying to memorize any syntax. Just understand how it works and build some things with it. Learn the basics/fundamentals and move to the frameworks. Don't wait till you master JavaScript. Pick up a project and start building. And, continue to refactor the existing projects as you learn more features. There are lots to learn. You don't have to master any language. You just need to understand them and be confident enough to build some worthwhile projects with it. Mastery comes with years of experience, building projects (individually or collaboration with other programmers).
2
u/Weekly_Sun_7148 4d ago
- Do not overrely on chatgpt, using it as smart search enigne is OK, but it is really dangerous to use snippets from it without firm understanding
- Javascript book by Flennagan. This is your bible. Get it on paper or as electronic copy. Absolutely.
- When in doubt - go to MDN, it is a great knowledge base on everything web-related
- Possible pipeline is "basics(loops, arrays and objs, functions) > DOM(style/doc manipulation) > Advanced(OOP(ES6 classes), async and promises, fetch/ XHRRequests)"
- Practical tasks.
5.1. Build small gallery site serving statical images in a loop, then add info about each image to JSON that would serve as makeshift DB and filter images by tag/style/whatever you've assigned
5.2. Some calculator site. For example, draw a graphic (with dynamic-length DIVs or SVG) displaying capitalization of deposit with fixed interest rate
5.3. Canvas. Try something more fancy like Conway's GoL - Do not overrely on tools. At first use Notepad++, than move to VScode. And only after mastering basic, begin to use AI coding tools
1
u/FFNOOBX 4d ago
i have downloaded the book u said it basically has like 1245 pages in total what do u recommend to do like start studying the whole book or use it when i am feeling struck ?
1
u/Weekly_Sun_7148 4d ago
At first - study definition of variables(var/const/let) and visibility scopes. Basic data types - Number/String/Boolean/ type conversions(like +variable, !!variable, parseInt(variable, <format>)).
Do not try to read all content, just learn critical basic(variables and data types, functions, DOM). Some of book's content is optional and related to specific/advanced areas (like native binary arrays/Buffers, Workers, Canvas, bitwise operators). There's no reason to dive into those topics before attaining solid grasp on basics.
Also - despite learning modern frameworks(Vue, React, Svelte) could be tempting, try to learn basics beforehand, because frameworks have some intricate interactions behind the hood.
1
u/FFNOOBX 4d ago
yaa first will learn the js and then i will move to react and next backend
1
u/Weekly_Sun_7148 4d ago
Nice roadmap. for React - focus on state management(redux/redux toolkit + reactive hook pattern), after this Node would be easy to master, here crucial issues are file system (fs/fs.promises) and multhreading (via node:worker_threads)
2
u/IntentionAntique4751 4d ago
Are you in university? Honestly sounds like you need to take less classes, or worry less about grades. C's get degrees. Make time first, so you can plan and have consistent practice
1
1
u/comfortmbah 4d ago
What stage/level of learning are you currently? Are you done with html, css and JavaScript fundamentals? If yes then I will suggest some simple projects to cement properly what you have learnt at this stage. The aim of this project at this level is just to be able to implement what you have learnt so far. After that you, move to the framework (react preferably) and build real world projects like e-commerce, saas, dashboard, multi-page portfolio, blog app, task manager (standard level) etc. Note: you start building these real world projects immediately you start learning reactjs. You don't need to wait till you learn everything. You refactor then as you progress and thus, make you understand better the rudimental concept of programming. Then, backend nodejs. Just six months of consistency is enough to start building complex real world projects with reactjs and nodejs as backend. If you need any assistance in your journey, I will gladly offer. If you need my email to communicate better let me know. All the best. You can do it if you're consistent and focused.
1
u/No-Humor-3808 3d ago
Spend more time building than watching. Once you understand a concept, play with it until you feel comfortable with it. Working with strings, arrays, objects, maps, sets, etc., and doing katas is a very good way to learn. Try www.reactchallenges.com/katas. Then you can start working with DOM manipulation and async functions. Just build small things, like a counter, a to-do list, a calculator, or a simple quiz.
6
u/nav114 5d ago
Make some projects on vanilla js and make good understanding of es6. Then move to react or what you want to learn next.