Learning JavaScript shouldn't be hard in 2020

Learning Javascript in the year 2020 is going to be overwhelming. There are thousands of endless articles about Javascript, and it's libraries and web frameworks. For a beginner, laboriously plowing through this mountain's worth of articles doesn't make any meaningful sense. What you need is a proper guide with the best resources from around the web. This is the guide you are looking for.

Contents

• The Ecosystem
• The basics
  • Books
  • Blogs
  • Other resources
• Leveling up!
  • Blogs
• From websites to applications
  • Resource lists
• Conclusion

The Ecosystem

The internet is extremely huge and the ecosystem of the programming language that powers the web is equally so. There are so many events going on within the javascript ecosystem at any given time that it's almost impossible for even the most seasoned developer to learn or keep track of everything. The most practical route ahead for you is to start working with and becoming proefficient at javascript by mastering the fundamental skillsets and then, choosing a path that is of most interest to you. While initially created for adding interactivity to web pages, as the internet expands it's reach, javascript automatically flourishes in all directions. This means you can now:

• Write javascript and deploy it on single-board computer like JohnnyFive or Tessel
• Run Javascript on a satellite
• Make music on the go
• Rewrite UI of Microsoft Office in Javascript!!
• Write apps like Skype, Microsoft Teams, VisualStudio Code in Javascript
• Use the web platform to deploy your application as a PWA that be used just like a native application
• Make use of Web Assembly to get near-native speed and performance in your applications

To make the journey smooth, I have come up with a predefined path that can help both young and seasoned developers to improve their skills in 2020.

The basics

The first and the most important challenge for any budding developer is to continuously improve their language and problem solving skills. This is the most important foundation for the rest of your programming career. There are hundreds of beginner courses and books all over the internet to help you get started with Javascript but only a few of them remain phenomenal and worth coming back. Here are some of the resources that have personally helped me learn and improve my javascript and overall programming skills.

Books

Blogs

Other resources

Levelling up!

Once you are really comfortable with javascript, it's finally time for you to start playing around with Web APIs like DOM (Document Object Model), Fetch API, Bluetooth API, IndexedDB etc. There are many more web APIs available for web developers to play around with in the browser. From this point on, Mozilla Developer Network or MDN is your best friend. Anytime, any doubt, your first website for reference should be MDN, and you should start making it a habit to constantly read documentation as you will be required to, we are humans after all, we definitely can't keep everything in our mind.

Although MDN has a comprehensive listing of every web API and it's thorough documentation... sometimes it
we really need a tutorial or a more practical explanation of the concepts involved. In such a case,
Google's own web.dev easily comes
up as a valuable resource. The website has a lot of
guides on web performance, security, PWAs etc. Below are some more blogs that I find very helpful and filled with quality content.

Blogs

From websites to applications

In the past decade, Javascript has exploded from a small scripting language for browsers to a multi-purpose programming language powering huge desktop and web applications, servers, databases, CDNs and many other tools. This surge has lead to a lot of complexity and in return a higher learning curve for beginners. Thankfully, the Javascript community is quick to come up with ways to cope this expansion. There are many places where you can learn frameworks and libraries that can help you build your dream software in Javascript. React is a great choice to start off with for building web applications, VueJS and Angular are also good choices. As I am mostly from React background, most of my frontend resources will be coming from a React developer's background, albeit I will try my best to include resources I find valuable for learning other frameworks as well.

Resource lists

Conclusion

I hope these resources are helpful to you in your journey towards learning JavaScript and becoming a pro efficient JavaScript Engineer!