loading...
Cover image for The 7 Best Resources To Learn JavaScript As A Beginner
daily.dev

The 7 Best Resources To Learn JavaScript As A Beginner

catalinmpit profile image Catalin Pit Originally published at daily.dev ・5 min read

There are many resources on the internet to learn JavaScript, but their quality varies. The purpose of this article is to shine some light and help you choose the best resources to learn JavaScript.

Even though the resources from the article are aimed at beginners, experienced developers can use them as well. Most of them have sections designed for experienced developers too.

Thus, let us see what the resources are:

  1. FreeCodeCamp
  2. FrontEnd Masters
  3. You Don't Know JavaScript
  4. Exercism
  5. JavaScript30
  6. JavaScript.info

FreeCodeCamp

The first resource on the list is FreeCodeCamp, which provides an excellent introduction to JavaScript. On top of that, it dives into advanced topics as well. Thus, you can go from no knowledge to an intermediate level.

FreeCodeCamp takes you from the absolute basics, like declaring variables, to advanced topics such as functional programming. The JavaScript topics they cover are:

  • Basic JavaScript
  • ES6
  • Regular Expressions
  • Debugging
  • Basic Data Structures
  • Basic Algorithm Scripting
  • Object-Oriented Programming
  • Functional Programming
  • Intermediate Algorithm Scripting
  • JavaScript Algorithms and Data Structures Projects

Looking at the list above, we can say that FreeCodeCamp is more than enough to start with if you are a beginner. Besides that, it is useful even if you have experience as a developer because it covers advanced topics too. Additionally, they have a YouTube channel also, where they post tutorials. For example, you could follow the curriculum on their website and supplement your learning with the material from their YouTube channel.

Thus, you can go from a beginner level to an advanced level just by using the FreeCodeCamp platform and their YouTube channel.

Check:

FrontEnd Masters

Frontend Masters is a platform where you can learn new skills or deepen your understanding of JavaScript. They cover topics such as:

  • vanilla JavaScript
  • React
  • Angular
  • Vue
  • CSS
  • D3
  • WebPack and more.

Do not let the name fool you. Frontend Masters is not just for frontend developers or for people looking to become frontend developers. You can learn backend technologies like Node, GraphQl, or databases such as MongoDB or sysadmin/DevOps stuff like AWS. They even have a "Fullstack" path where you learn a lot of complex things.

Why is the platform worth it? First of all, professional developers are teaching the courses. That means, the information is legitimate, and of high quality. Secondly, there is a large variety of courses. There are courses covering frontend, backend, and sysops topics. You can learn anything.

In conclusion, the membership is worth it because you get:

  • courses taught by professional developers
  • continuous workshops
  • a massive variety of courses
  • quality information, best practices, tips and tricks

Check:

You Don't Know JavaScript

The book series "You Don't Know JavaScript" is one of the best resources to learn JavaScript. This series is split into six books, and it takes you from zero knowledge to an advanced level. It teaches you about the scope, closures, "this" keyword, object prototype, types & grammar, async, performance, and ES6 & beyond.

The good thing is that, like FreeCodeCamp, YDKJS series is free. However, there are hard copies of the books as well, which are paid. Of course, you can buy them to support the author if you can afford it.

The "You Don't Know JavaScript" series is my go-to manual. Whenever I want to refresh concepts or learn new ones, I use this resource first. It is well-written, detailed, to the point, and always following the ECMAScript specification.

Check:

Exercism.io

Exercism is different in the sense that it is a coding challenges website. Nonetheless, it is beneficial to put into practice what you learn.

The most useful feature of Exercism is that they assign you a mentor. That is, each time you submit a challenge, a mentor checks it for you, and it approves it or suggests changes. Having a mentor is incredibly valuable, and you progress faster. A mentor can guide you and tell you how and where to improve. It is something that helps you tremendously.

Therefore, Exercism is an excellent platform for beginners for the fact that you have mentors.

Check:

JavaScript30

Building applications yourself is essential in programming. No matter how much theory you know, you need to build stuff to learn and improve your skills. As a result, we have JavaScript30, which focuses exclusively on building JavaScript applications. It does not use any frameworks, compilers, or boilerplates. It is purely vanilla JavaScript.

The JavaScript30 course is for beginners and intermediates. It is teaching you the JavaScript fundamentals and how to work with the Document Object Model (DOM). Bear in mind; you should already have basic JavaScript knowledge before starting the course. The purpose of the course is to make you apply that knowledge.

JavaScript30 is entirely free, as well. You only need perseverance, consistency and willing to code.

Check:

JavaScript.info

JavaScript.info is a resource you can use as your primary learning resource or as a reference. It contains information on JavaScript fundamentals, advanced concepts, and Document Object Model. In other words, it covers almost everything you need to know about JavaScript.

The website is split into three parts:

  1. The JavaScript Language – start from scratch and go on to advanced concepts like OOP. The focus is on the language itself here.
  2. Browser: Document, Events, Interfaces – learn how to manage the browser page: add elements, manipulate their size and position, dynamically create interfaces and interact with the visitor.
  3. Additional Articles – a list of extra topics that assume you've covered the first two parts of the tutorial. There is no clear hierarchy here; you can read articles in the order you want.

The information is dense, and to the point. You can use the website as your primary study guide, or you can use it in conjuncture with the other resources.

Check:

Conclusion

It is important to note that the list in this article is not exhaustive. There are many other resources on the internet to learn JavaScript. However, they are some of the best resources, based on their feedback and popularity.

Even better, they are entirely free except for the hard copies of YDKJS, which you can buy if you want to support the author. Frontend Masters requires a membership too.

If you like what I write, the chances are you would love what I email. Consider subscribing to my mailing list.

If you enjoyed the article, consider sharing it so more people can benefit from it! Also, feel free to @me on Twitter with your opinions.


daily.dev delivers the best programming news every new tab. We will rank hundreds of qualified sources for you so that you can hack the future.
Daily Poster

Posted on by:

catalinmpit profile

Catalin Pit

@catalinmpit

AWS Community Builder ∙ Technical Writer ∙ Blogging on catalins.tech ∙ Interested in Web Dev and Cloud ∙ GitHubbing at github.com/catalinpit

Discussion

pic
Editor guide
 

Thanks for sharing these great resources Catalin.

I really like this one as well once you are somewhat familiar with the language. I don’t do it as often these days, but it’s great for JavaScript katas, jskatas.org.

 

Hearing 'Katas' reminds me of CodeWars instantly 😃😃

 

Nice , So shall we learn all 7 or any 1 is enough ?

 

Pick and mix! There's no ONE way so learn something in one place and practice it in another.

 

Didn't get ? Pick 1 tutorial and mix with another tutorial ?

Not exactly. Say, for example, you learn Javascript .map on FCC, you can then flip over to a different learning program to go through their version and practice what you know but in a different setting.

 
 

This feels like - the "most things to read about JavaScript and not learn it."

We'd suggest

WIth the MDN docs, some friends - and maybe Secrets of the JavaScript Ninja.

We also like the YDKJS books - AFTER you've learned to use JS. And for beginners - Watch and Code - is also a great intro course.

 

This feels like - "the most things to watch on JavaScript and not learn it."

I know you want to self-promote, but it depends on how you use the resource. And for your info, FCC channel and FrontEnd Masters are not text-based.

 

I know you want to self-promote

Our link to a video has nothing to do with self promotion. Purely sharing a resource. We linked to a very inexpensive little book, and someone else's free course (and the official documentation). How is that self-promotion?? You self-promote - everywhere with - absolutely no shame? (seriously - how does that comment make any sense to you?) You write posts about how to promote yourself... and you you are promoting - in this article. We don't care who promotes what - but how can you be "calling people out" - for things that aren't true - while you are doing those things? en.wikipedia.org/wiki/The_pot_call...

We're sorry that people have become so cynical. We love front-end masters. We've had an account from the beginning, but it's not a great place for beginners. It's really really great when you are more advanced and you need to skill up with particular languages.

Besides your feelings, do you have any proof that your recommendations are "The 7 Best Resources To Learn JavaScript As A Beginner" - because we think that you are incorrect, but happy to know about your research and how you came to that conclusion.

Should everyone do all of them? Should they be used in a specific order?

Have you ever seen someone with no programming experience - use these tools and gain solid JS understanding - first hand?

"FrotendMasters it's not a great place for beginners" => frontendmasters.com/learn/beginner/

"Should everyone do all of them? Should they be used in a specific order?" => No specific order. Find the one that works for you, and use it.

"Have you ever seen someone with no programming experience - use these tools and gain solid JS understanding - first hand?" => Look at the testimonials on FreeCodeCamp.

From JavaScript30 webpage => "Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library."

Happy to make it clear for you!

We'll have to agree to disagree. We think that your "7 Best resources" are not actually the 7 best resources - and furthermore - we think that your suggestions are harmful to beginners. So, that's why we wrote what we wrote. It's OK to disagree.

 

Great timing for me on you posting this article! I'm getting my feet wet in JavaScript and I've found that having a few options helps my mind with variety. Thank you for posting!

 
 

I am learning from javascript.info for complete learning and it's different from MDN in a sense that it goes as deeper in details as much is practically needed. And have tasks and their solutions at the end of every topic.

 

Thanks for the list; can you give your opinion on The Odin's Project full stack JS curriculum? How is it holding up, especially for new developers?