JavaScript
Article
By Yaphi Berhanu

Six Simple Mind Tricks to Help You Learn JavaScript Faster

By Yaphi Berhanu

When people try to learn JavaScript, or any coding skill really, they often run into the same challenges:

  • Some concepts can be confusing, especially if you’re coming from another language.
  • It’s hard to find the time (and sometimes the motivation) to learn.
  • Once you’ve understood something, it’s all too easy to forget it again.
  • The tooling landscape is so vast and constantly changing that it’s difficult to know where to begin.

Fortunately, these challenges can be recognized and ultimately conquered. In this article, I’m going to present six mind tricks which will help you learn JavaScript faster and become a happier, more productive coder.

1. Don’t Let Future Decisions Stop You from Progressing Now

For many people learning JavaScript, one of the first questions they ask is which framework to use (and let’s be fair, there’s a lot). But if you haven’t gotten comfortable with raw JavaScript, this is the wrong question to be asking. You’ll spend all of your time researching different frameworks and none of your time actually moving forwards.

One way to help get out of the indecision trap is to have a road map for what you need to learn. For example, to become a front-end developer, your road map might look like this:

Road map to become a front-end developer: HTML, CSS, JavaScript, jQuery, Hosting, WordPress, GitHub, Framework.

Breaking it down further, you can make a functional web page with just HTML and CSS. Seeing the individual steps laid out like this, it becomes easier to see what to focus on now so you don’t waste time worrying about things that should come later.

For those who would find it helpful, I’ve written a more detailed learning road map for becoming a front-end developer.

2. Don’t Let Confidence Trick You into Forgetting Things

Understanding a concept quickly can be one of the most damaging things to your progress in learning JavaScript. Allow me to explain.

When you read something and it makes sense, it can be tempting to move on to the next thing immediately. Maybe you’ll understand the next thing and then move on again. But soon, you’ll arrive at a point where you realize you’ve forgotten some of the previous things you’ve learned, so you need to go back. You give the previous concepts a quick glance to refresh your memory and then move on again. But now you’ve forgotten something else. You keep repeating this back-and-forth dance until you get to a point where you realize you’re completely lost. You get discouraged, take a break, and then when you try to come back, you’ve forgotten everything.

Fortunately there’s a simple two-step cure for this problem:

  1. Limit the amount of stuff you learn at one time.
  2. Practice for real — actually write code.

When you learn a new concept, make sure to try it out, play with it, get comfortable with it, and even combine it with other concepts. It’s so important to actually type out the code in any examples you are following, because that’s what helps you absorb it. Also, limiting the amount you learn at one time will help you retain the material, for the simple reason that it’s easier to remember fewer things.

This process feels like it takes longer than just reading through things and moving quickly, but it actually takes much less time because you won’t need to backtrack as much. I learned this the hard way on several occasions.

3. Approach Practice with the Right Mindset

Many people see practice as something boring and repetitive, so they’ll often skip it or try to take shortcuts. If you try to shortcut your JavaScript practice, you’ll actually end up taking longer to learn it. But how do you make practice more exciting so you’ll actually do it?

Try this mindset shift:

What if you learned a new JavaScript concept and you weren’t allowed to try it? How would you feel? Personally I’d be kind of annoyed, especially after taking the time to understand it. It would be like a kid getting a new toy and not being allowed to play with it.

When you learn something new in JavaScript, try treating it like a new toy, a new car, a new pair of shoes, or whatever it is that you’d have fun trying out. Then don’t practice like you’re working, practice like you’re playing. Do something cool with your new skills. Surprise yourself. Show your friends.

With a more playful mindset, you’ll learn much faster, you’ll remember stuff longer, and you’ll have more fun.

4. Find Time to Code Using the Facebook Trick

One of the most common problems people have is that they can’t find the time to code. Often, the same people will spend hours on sites like Facebook, YouTube, Wikipedia, or Reddit. Whether or not this describes you, there are still lessons to be learned here.

I’ve definitely had times when I only meant to look at Facebook for a while, but I ended up staying on there for hours. How does that happen? It happens precisely because I didn’t intend to go on there for long. Getting started on something is the hardest part, so by keeping the initial commitment small, I find it much easier to jump in. If someone had asked me if I was prepared to spend hours on Facebook, I’d say no because I don’t have that kind of time. However, I’m much more receptive to the idea of just checking one thing quickly, and that’s how I get sucked in.

The good news is that you can use this same psychology to your advantage when learning to code. Don’t try to commit to several hours of coding because then you’ll never find the time. Just tell yourself you’re going to try some code for three minutes. You’ll never struggle to find time again.

5. Think Slower and You’ll Learn Faster

This one sounds counterintuitive, so I’ll explain it with a story.

A friend of mine was once confused about a certain feature of JavaScript. I asked him to walk me through what he knew and then explain which part was confusing. As he went through the piece of code, I noticed that he was rushing.

“Hold on!” I said. “Slow down, and walk me through each step of this.”

My friend proceeded to give me an overall summary of what was happening in the code.

I stopped him again. “You’re still rushing. Try again, but this time, I want you to literally go through each line of this and tell me what exactly is happening in each line.”

This time, my friend was better able to explain what was going on in the code. The key was that he had taken the time to step through each piece of it instead of trying to understand all of it at once.

In cases like this, thinking slower actually makes you learn faster.

6. Write Complex Code in Plain Language First

If a piece of code is going to be complicated or unfamiliar, write it out in plain language first. That way, you can figure out what you want the code to do before you actually have to write it. Here are two benefits to this approach:

  1. Your code will be easier and faster to write because you won’t have to constantly stop and think about how you want it to behave.
  2. You’ll catch bugs before they happen because you’ll have a clearer idea of what the code should do.

Conclusion

We’ve gone over a bunch of ways to learn JavaScript faster, but you can apply many of these tips to other skills. Here’s a recap of what we’ve covered:

  • Stop worrying about future decisions and dive in.
  • Make practice fun by treating new skills like toys.
  • Find time to code by only making tiny commitments the way you would with sites like Facebook, YouTube, or Wikipedia.
  • Slow down, take smaller steps, and you’ll learn faster.

So how do you approach learning? Do you have any tips or tricks I didn’t cover here? Or maybe you think it’s all baloney and the only way forward is to put in twelve hours a day. Either way, I’d love to hear from you in the comments.

  • Nice one! I like the most Facebook advice. Probably that is the most helpful advice to learn anything not only JavaScript. Not only learn, but also do stuff :) Good article!

    • Thanks! Part of my hope was that this article would be useful for learning other things too, so I’m glad to hear that.

  • My biggest problem while learning Javascript is whatever causes us to implement the Second Trcik because now I found the true reason why I forgot JavaScript after giving all of my time, effort and motivation.

    • I know what you mean. The second one has gotten me so many times too.

      • I really like the first one too, because I had to trick myself here as I never realized that for someone getting into JavaScript he will detour if he start thinking about AngularJS or Node. So start and empower yourself with raw JavaScript as all those frameworks are nothing but Plain JavaScript

  • Brilliant. Just brilliant. I love these types of articles that pick up on a mindset and offer suggestions on how to change it in subtle ways. Especially JavaScript.

  • Person Person

    I like following books and tutorials but I find a lot of them frustrating. Many times they iterate through several approaches, refining the code with each step. They’re trying to demonstrate that sometimes you experiment before arriving at the best solution, but I spend a lot of time bogged down, trying to work through the initial approaches, which are usually unintuitive, only to be told there is a better way in the next section. I’d rather not clutter my mind with the bad approaches. So I read the examples but I don’t try them until they get to the last ones in the chapter.

    What I really dislike is when they talk about a concept they covered in a chapter I skipped because I’m not interested in drawing a map (or whatever) but I have to go back and read it to understand the later, unrelated chapter.

    • “I’d rather not clutter my mind with the bad approaches.”

      I agree with this so much.

    • Antonella

      In well-written books, this process consists not in writing bad code and rectifying it in later chapters. Rather, it might consist in writing simpler bits of code that incorporate the knowledge gained up to that point. What happens in later chapters is that the initial code is refactored, that is, it’s made leaner and more concise, on the basis of the newly acquired knowledge that piece of code is designed to exemplify.

  • Husain Ahmmed

    Thanks for this awesome tips

  • Jef Mari

    Good Tricks! Especially with the Facebook advice. Sometimes it takes me time to realize that i only want to check my news feed very very quickly but ended up Surfing hours >.<. Anyways, The Fifth advice will for me, base on my experince, the key to learn fast and success. :D Great Article!

  • Carlton Stith

    Great list of tips! I especially like number 6. Write complex concepts in plain English first. I used this to learn other things (medicine, anatomy,etc) so I don’t see why it wouldn’t work with learning JavaScript. Thanks

  • Sheryl Schmalz

    Great article. Very usable tips. Appreciate the flow chart. One step at a time

  • Kevin

    Very good article! I’ll incorporate these suggestions into how I learn a new framework or technology from now on!

  • Thank you so much for the very helpful suggestions! Roadmap is very helpful. My problem is that I jumped straight into framework (Meteor) without having basic fundamentals and ways to apply them to solve problems. With the updated ecosystem in the framework, I am having greater trouble..My work got stuck..Because I don’t know Javascript, database manipulation. I feel like I should follow this roadmap and your suggestions before thinking fast about jumping into future new technologies.. :(

    • You’re very welcome! It can be tempting to jump into a framework first, especially one as good as Meteor, so I know what that’s like.

  • Very nice!

  • Soumya Sarathi

    Very useful advices to follow….not only for java script but in every case

  • bialikover

    I like the way you recap at the end! This is very convenient… I think we now live in a different time when the streams of information are so high… so we end up jumping back and forth to get the answer at the moment… something like the google effect, we want information right away, but the truth is, that most of the times we don’t take time to confirm the sources or the facts.

    Good article.

  • Dinar Frescø

    In fact, this simple truth, which is so easy to forget during training, but they must be recorded on the sticker and stick to your desk and watch every time.

  • Martin

    Great tips! I definitely struggle with all, will definitely make the effort to read this article everyday until it sticks

  • Mocha Triathlete

    I like the Facebook trick. I tell myself that I’ll only take a quick peek but when I look up a couple of hours have passed. Thanks for the helpful advice.

  • very inspiring idea, thanks. :)

  • erdemakyollu

    No need to say anything. Rectifying our mistakes with great examples is just a great way to teach something. Thanks buddy!

  • Ramkrrisna B Poddar

    Nice article Yaphi. Lemme tell you, I am trying to learn front end development in order to shift my career from completely non-technical experience (8 years) to technical domain. I really need an organised start and your article sounds real helpful to me. Cheers!

  • Uzma Nikhath

    Thank you for these important tips…I’m usually stuck with point 2….i tend to grasp very easily and forget fast. i practiced JavaScript a month back and i was so confident but now looks like i’m lost.

  • Vijay Ragavan

    It’s really a good one mate. actually i’m a QA engineer but i wanna become developer during QA i have time to learn javascript well. so im gonna start from today… thanks for your guide

  • Very valid points. Thanks for these tips!

  • Ordained Bychrist

    Nice tips…gained a lot from your post.Jah bless from Nigeria

  • Angel…

    I like the article. It really motivates me. I’m really a beginner in coding and You’re right we don’t need to rush everything. Its really a step by step process and requires long patient to achieve what we want
    😊 thanks!

  • Jose W Villanueva

    load of bullshit, does nothing to help!

  • Exillustx

    Thanks so much

Recommended
Sponsors
Get the latest in JavaScript, once a week, for free.