A brief summary of JavaScript Learning Path
Tags: javascript, beginners, typescript
Published: 2019-12-20 06:00:51

This post is originally published on our [blog](https://innomizetech.com/blog/a-brief-summary-of-javascript-learning-path).

<!-- wp:paragraph -->
<p>JavaScript is a popular language among web developers which gave rise to several frameworks that simplify your code. According to the largest online developer communities,&nbsp;<a href="https://insights.stackoverflow.com/survey/">StackOverflow</a>&nbsp;in their 2019 survey of the most sought-after programming languages shed some light on what to expect in the coming year:</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":637,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://blog.innomizetech.com/wp-content/uploads/2019/12/image.png" alt="" class="wp-image-637"/><figcaption>Top Programming Languages in 2019</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>For the seventh year in a row,&nbsp;<a rel="noreferrer noopener" href="https://stackoverflow.com/jobs?sort=i&amp;q=javascript" target="_blank">JavaScript</a>&nbsp;is the most commonly used programming language. So how to learn <strong>JavaScript</strong>, how to up-level of your programming language skills, what is the path for learning JavaScript from the beginning? If you don't know how to get started, then you should read this post.</p>
<!-- /wp:paragraph -->

<!-- wp:more -->
<!--more-->
<!-- /wp:more -->

<!-- wp:heading {"level":4} -->
<h4>Step 1 - Learn basic and fundamentals</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Firstly, you need to understand basic concepts and fundamental of JavaScript, you can learn from</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a href="https://www.w3schools.com/js/">W3 Schools</a></li><li><a href="https://javascript.info/">Javascript.info</a></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p><a href="https://github.com/getify/You-Dont-Know-JS">You-Dont-Know-JS</a> this is a series of books diving deep into the core mechanisms of the JavaScript language. You should read this to get more overview and advanced concepts of JavaScript such as Scope &amp; Closures, Objects &amp; Classes, Sync &amp; Async, ES.Next &amp; Beyond.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Step 2 - Learn modern JavaScript</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Learning basic isn't enough, you need to learn more about advanced and modern JavaScript concepts/syntax, it helps you write code efficiently, quickly, and high performance</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a href="https://es6.io/">ES6 for Everyone</a></li><li><a href="https://eloquentjavascript.net/">Eloquent JavaScript</a></li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Step 3 - Coding style and Convention</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Coding standards (also sometimes known as ‘Coding Conventions’ or ‘Coding Rules’) are a set of guidelines that a group of developers stick to, to ensure that they are all essentially follow the same style.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a rel="noreferrer noopener" href="https://github.com/airbnb/javascript" target="_blank">Airbnb JavaScript Style Guide</a></li><li><a rel="noreferrer noopener" href="https://google.github.io/styleguide/jsguide.html#features-this" target="_blank">Google JavaScript Style Guide</a></li><li><a rel="noreferrer noopener" href="https://contribute.jquery.org/style-guide/js/" target="_blank">jQuery Style Guide</a></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Read about <a href="https://prettier.io/">prettier</a> and see how to configure it in order to format your code and save your time.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Step 4 - Review your knowledge</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now is the time to review your understanding about JavaScript by answering interview questions</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a href="https://www.edureka.co/blog/interview-questions/javascript-interview-questions/">Top 50 JavaScript Interview Questions You Must Prepare in 2020</a></li><li><a href="https://www.guru99.com/javascript-interview-questions-answers.html">Top 85 JavaScript Interview Questions &amp; Answers</a></li><li><a href="https://www.toptal.com/javascript/interview-questions">37 Essential JavaScript Interview Questions</a></li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Step 5 - Practices</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Learning JavaScript libraries (e.g. Lodash, ReactJS, Moment, jQuery, Ramda, and a lot more)</li><li>Learn JavaScript Frameworks such as Angular, VueJS, EmberJS)</li><li>Task runner (e.g. Gulp, Grunt) and module bunder (e.g. Webpack, Browserify)</li></ul>
<!-- /wp:list -->

<!-- wp:heading {"level":4} -->
<h4>Step 6 - Be an expert</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li>Continue learning core concepts in JavaScript such as Closure, Hosting, Scope, Coercion, Prototypes</li><li>Learn OOP, <a href="https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7f218c68b3a0">Functional Programming</a></li><li>Read this book <a href="https://addyosmani.com/resources/essentialjsdesignpatterns/book/">Learning JavaScript Design Patterns</a> or <a href="https://www.dofactory.com/javascript/design-patterns">design-patterns</a></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>If you want to become a web, backend or full-stack developer, JavaScript isn't enough, you need to learn more. Check out this roadmap and pick your path <a href="https://github.com/kamranahmedse/developer-roadmap">Web Developer Roadmap 2019</a> and keep yourself up to date.</p>
<!-- /wp:paragraph -->

Visit our [blog](https://innomizetech.com/blog) for more interesting articles. If you have any questions or need help you can contact me via [Twitter](https://twitter.com/hoangleitvn).


If you are looking for developers, offshore team, or need consulting about the AWS cloud, Serverless architecture, and so on, then [hire us](https://blog.innomizetech.com/hire-us/), we can help you!

<!-- wp:paragraph -->
<p>Thank you for reading!</p>
<!-- /wp:paragraph -->