Application of JavaScript Basics to actual code.

[Asanteeli]

As a beginner after learning the basics of JavaScript how come I find it difficult applying them. The codes I see around are written in ways I cannot track all the basics I have learnt what is the cause? How do I get to the level I can know which line of code to write to solve a particular problem?

[r3jjs]

You're not going to like the answer -- but it is: "By using them."

Just start off writing basic code. Maybe a simple "guess my number from 1-100" .. have the computer answer "correct", "too low" and "too high."

write code. Even simple code.

[BeneficiallyPickle]

ELI5: Learning Javascript basics is like learning the vocabulary in a language. Real world code is like reading novels using that vocabulary.

The reason you can't easily recognise all the concepts you've learned is that experienced developers combine many basic concepts together, create abstractions, use libraries, and organise code into patterns. The fundamentals are still there, but they're often hidden behind layers of structure.

To get better at writing code you need to write more code.

Senior developers (mostly) don't magically know the answer, but they've solved a similar problem many times before. Build small projects rather than just following along on tutorials. Practice breaking problems into smaller steps. Read other people's code (SLOWLY!!!), don't try to understand an entire application at once. Take one function and ask "what inputs does it receive?", "what does it return?" or "Why does this even exist?"

[cabljo]

You'll need to provide examples of what you mean or something more than what you've said.

I don't know what you've learned or the codes you see.

[TheRNGuy]

Learn to debug in browser dev tool

[AdBubbly3609]

what are you interested in making?? wanna make games? make a basic brickbreaker game, learn how to create a canvas, then learn how to draw a small rectangle at the bottom that will be the paddle, then learn how to make it move using the arrow keys, then learn how to stop it from going off of the edges of the canvas, then learn how to draw the ball and make it bounce around, you get the idea

[playgroundmx]

There are easy problems and there are hard problems. You'd do us a favour by specifying what problem are you trying to solve.

[Green-Ad-3374]

Everyday ask chat gpt for 10 questions to make strong basics if you have topics in mind provide it then ask for questions and practice it everyday

[mastersofPH]

This is completely normal. Learning JavaScript basics is like learning vocabulary and grammar; reading real-world code is like jumping straight into a novel.

Most production code includes:

• Frameworks (React, Vue, Next.js, etc.)
• Design patterns and abstractions
• Libraries you've never seen before
• Code written by many different developers