### Level 0 :- Baby Phase

> Basics Concepts Of JavaScript

#### **To understand the Syntax :-**

> This phase aims at syntax’s and basic nature of JavaScript.

> To understand a syntax pick a _video course_ that you can easily pick the syntax’s & Read these books (only to understand the basic nature of JavaScript) :-

1.  [**_JavaScript and JQuery: Interactive Front-End Web Development_**](https://www.wiley.com/en-us/JavaScript+and+JQuery%3A+Interactive+Front+End+Web+Development-p-9781118531648) **_—_** _By Jon Duckett_ **_{{ \*\*\* }}_**

2\. [**_JavaScript: The Good Parts_**](http://shop.oreilly.com/product/9780596517748.do) **_—_** _By Douglas Crockford_ **_{{ \*\* }}_**

> **_For Video Courses_** :- Complete **Beginner** Level of JavaScript on [**PluralSigh_t_**](https://www.pluralsight.com/)(Most Popular){{ But it is costly for monthly subscription }} or pick another online video courses that we have mention in this article.

#### To Understand The Basic Concepts Deeply :-

> Topics : _Basics Concepts of JavaScript like Variables, Types, Loops, Functions, Arrays,Templates Strings & etc (all the basics concepts of JavaScript language)_

*   _Books_

> /\*Star represents the highly recommended books \*/

1.  [**_Speaking JavaScript — An-in-depth guide for programmer’s_**](http://speakingjs.com/es5/) **_—_** _By Dr._ _Axel Rauschmayer_ **_{{ \*\*\*}}_**
2.  [**_JavaScript for impatient programmers_**](http://exploringjs.com/impatient-js/) **_—_** _By Dr.Axel Rauschmayer_ **_{{ \*\*\*}}  
    (_**_great book for basic concepts & exclude advanced concepts for level 1_**_)_**
3.  [**_You-don’t-know-Js_**](https://github.com/getify/You-Dont-Know-JS) **_—_** _By Kyle Simpson_**_{{ \*\*\* }}  
    (_**_For_ **_Level 0_** _— Ydkj- Up & Going, Types & Grammer_**_,  
    _**_for_ **_Level 1_** _— Ydkj- ES6 & Beyond, Scopes & Closures,This & Object Prototypes, Async and Performance_ **_)_**
4.  [**_Exploring ES-2015, 16, 17, 18_**](http://exploringjs.com/index.html) **_—_** _By Dr. Axel Rauschmayer_ **_{{ \*\* }}  
    (_**_Cover topics according to level_**_)_**
5.  [**_Eloquent JavaScript_**](https://eloquentjavascript.net/) **_—_** _By Marjin Haverbeke_ **_{{ \*\* }}  
    (_**_Cover Chapter 1–5 for Level 0 & Remaining Chapters are for next level_ **_)_**
6.  [**_JavaScript CookBook_**](http://shop.oreilly.com/product/9780596806149.do) **_—_** _By Shelley Powers_ **_{{\*\*\*}}  
    (_**_This book has very simplified answers to the most complex questions of JavaScript_**_)_**
7.  [**_JavaScript: The Definitive Guide_**](https://www.amazon.com/JavaScript-Definitive-Guide-Activate-Guides/dp/0596805527/ref=as_li_ss_tl?ie=UTF8&redirect=true&linkCode=ll1&tag=eejs-20&linkId=11a79cf9e89a54625cb3a8e8ff2dc8d5) _by David Flanagan_ **_{{ \*\* }}_**
8.  [**_JavaScript Enlightenment_**](http://www.javascriptenlightenment.com/) — _By Cody Lindley  
    _**_(_**_Cover Chapter 1–5 for Level 0 & Remaining Chapters are for next level_ **_)_**

*   _Video Tutorials_

> Some of the video tutorials covers both Level 0 and Level 1

1.  [**_ES6 For Everyone — The best way to learn Modern JavaScript_**](https://es6.io/) — _By WesBos_ **_{{\*\*\*}}_**
2.  [**_JavaScript: Understanding the Weird Parts_**](https://www.udemy.com/understand-javascript/) **_—_**_By Anthony Alicea_ **_{{\*\*\*}}_**
3.  [**_The Complete JavaScript Course 2019: Build Real Projects!_**](https://www.udemy.com/the-complete-javascript-course/) — _By Jonas Schmedtmann_ **_{{\*\*\*}}_**
4.  [**_ES6 Javascript: The Complete Developer’s Guide_**](https://www.udemy.com/javascript-es6-tutorial/) **_—_** _By Stephen Grider_ **_{{\*\*}}_**

*   _Websites(for Reference)_

1.  [**_JavaScript | MDN_**](https://developer.mozilla.org/bm/docs/Web/JavaScript) **_(Mozilla Developer Network) {{\*}}_**
2.  [**_The Modern Javascript Tutorial_**](https://javascript.info/)

*   _Websites(for Exercise/Practice)_

1.  [**_CoderByte_**](https://www.coderbyte.com/) **_(_**_Costly: $150 per/year_**_)_**
2.  [**_FreeCodeCamp_**](https://www.freecodecamp.org/) **_(_**_free_**_)_**
3.  [**_LeetCode_**](https://leetcode.com/) **_(_**_Costly: $150 per/year_**_)_**
4.  [**_Exercism_**](https://exercism.io/) **_(_**_free_**_)_**
5.  [**_WebTrainingCenter_**](http://www.webtrainingcentre.com/javascript-exercises/) **_(_**_free_**_)_**
6.  [**_Mega Project List_**](https://github.com/karan/Projects) **_(_**[_karan_](https://github.com/karan)_/_[_Projects_](https://github.com/karan/Projects)_: 100 Projects For JavaScript_**)**
7.  [**_Pramp_**](https://www.pramp.com/#/) **_(_**_free_**_)_**
8.  [**_JavaScript-Geek4geek_**](https://www.geeksforgeeks.org/javascript-tutorial/) **_(_**_free_**_)_**

### Level 1 : Child Phase

> Advanced concepts of JavaScript

> Topics : _DOM, Scopes & Closures, Async/Await, Callback, Maps, Objects in deep, Promises, Garbage Collection, Proxies, Generators, Sets, Code Quality & Some other advanced concepts._

*   _Books_

1.  [**_Secrets of the JavaScript Ninja_**](https://www.manning.com/books/secrets-of-the-javascript-ninja) **_—_** _By John Resig and Bear Bibeault_
2.  [**_Programming JavaScript Applications_**](https://www.oreilly.com/library/view/programming-javascript-applications/9781491950289/) **_—_** _By Eric Elliott_ **_{{\*\*\*}}_**
3.  [**_DOM Enlightenment_**](http://domenlightenment.com/) — _By Cody Lindley_ **_{{\*\*\*}}_**
4.  [**_JavaScript & DOM Tips, Tricks, and Techniques_**](https://www.impressivewebs.com/javascript-dom-tips-tricks-techniques-ebook/) **_—_** _By Louis Lazaris_ **_{{\*\*}}_**
5.  [**_DOMscripting_**](https://domscripting.com/book/) **_—_** _By Jeremy Keith_ **_{{\*\*}}_**
6.  [**_Professional JavaScript for Web Developers_**](http://www.wrox.com/WileyCDA/WroxTitle/Professional-JavaScript-for-Web-Developers-3rd-Edition.productCd-1118222199.html) _— By Nicholas C. Zakas_ **_{{\*\*\*}}_**
7.  [**_High Performance JavaScript: Build Faster Web Application Interfaces_**](http://shop.oreilly.com/product/9780596802806.do) _— By Nicholas C. Zakas_ **_{{\*\*}}_**
8.  [**_Pro JavaScript Performance: Monitoring and Visualization_**](https://www.apress.com/in/book/9781430247494) _— By Tom Barker_ **_{{\*\*\*}}_**
9.  [**_JavaScript\_Challenges\_Book_**](https://github.com/tcorral/javascript-challenges-book) **_—_** _By_ [_tcorral_](https://github.com/tcorral) **_{{\*\*\*}}_**
10.  [**_Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript_**](https://www.amazon.com/Effective-JavaScript-Specific-Software-Development/dp/0321812182/ref=as_li_ss_tl?ie=UTF8&redirect=true&linkCode=ll1&tag=eejs-20&linkId=4c5500843ce7dc958e290bdaeebd739b) _by David Herman_ **_{{\*}}_**

*   _Video Tutorials_

1.  [**_Advanced JavaScript_**](https://www.udemy.com/javascript-advanced/) _— By Assim Hussain_ **_{{\*\*\*}}_**
2.  [**_The Full JavaScript & ES6 Tutorial_**](https://www.udemy.com/es6-in-depth/) _— (including ES7 & React) — By David Joseph Katz_ **_{{\*\*}}_**
3.  [**_Clean Code: Writing Code for Humans_**](https://www.pluralsight.com/courses/writing-clean-code-humans) **_—_** _By Cory House_ **_{{\*\*\*}}_**

### Level 2 : Teenage Phase

> JavaScript Best Practices and Design Patterns

> Topics : Object Oriented JavaScript(OOPS), Functional Programming(FP), Asynchronous JavaScript(AJAX), JavaScript Best Practices, JavaScript Design Patterns & Data Structures using JavaScript.

*   _Books_

1.  [**_The Principles of Object-Oriented JavaScript_**](https://nostarch.com/oojs) _— By Nicholas C. Zakas_ **_{{\*\*\*}}_**
2.  [**_Learning JavaScript Design Patterns_**](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)_\-By Addy Osmani_ **_{{\*\*\*}}_**
3.  [**_Test-Driven JavaScript Development_**](https://github.com/aisuhua/books-1/blob/master/tdd%20%2B%20bdd/Test-Driven%20JavaScript%20Development.pdf)
4.  [**_JavaScript Patterns_**](http://shop.oreilly.com/product/9780596806767.do) _— By Stoyan Stefanov_
5.  [**_Object-Oriented JavaScript_**](https://www.packtpub.com/web-development/object-oriented-javascript) _— By Stoyan Stefanov_ **_{{\*\*\*}}_**

*   _Video Tutorials_

1.  [**_Advanced-Js-Custom-Charts_**](https://frontendmasters.com/courses/d3-js-custom-charts/) _— By Shirley Wu_ **_{{\*\*}}_**
2.  [**_Pluralsight_**](https://pluralsight.com) **_Advanced JS {{\*\*\*}}_**
3.  [**_JavaScript Design Patterns 20 Patterns for Expert Code_**](http://JavaScript Design Patterns: 20 Patterns for Expert Code) _— By Packt Publishing_
4.  [**_Hardcore Functional Programming in JavaScript_**](https://frontendmasters.com/courses/functional-javascript/) _— By Brian Lonsdorf_
5.  [**_Javascript for Pentesters_**](https://www.pentesteracademy.com/course?id=11) _— By Pentesters Academy_
6.  [**_Design Pattern Library_**](https://www.pluralsight.com/courses/patterns-library) _— Pluralsight_ **_{{\*\*\*}}_**

> Note : Read Best Practices From Diff Developers

### Level 3 : Adult Phase

> Choose Framework according to your need.

> For Front-end — Angular.js , React.Js , Vue.Js .  
> For Back-end — Node.Js, Express.Js.  
> Database — MongoDB, PostgreSQL.  
> Other - Gulp.Js, Web-pack, Use of Diff Libraries

### Other Resources For JavaScript Developers :

> Websites & GitHub Repositories which are important for JS programmers.

1.  [**_mbeaudru_**](https://github.com/mbeaudru)**_/_**[**_modern-js-cheatsheet_**](https://github.com/mbeaudru/modern-js-cheatsheet) _{{ CheetSheet for JavaScript }}._
2.  [**_micromata_**](https://github.com/micromata)**_/_**[**_awesome-javascript-learning_**](https://github.com/micromata/awesome-javascript-learning) _{{ A tiny list limited to the best JavaScript Learning Resources }}._
3.  [**_Free JavaScript book Library_**](https://jsbooks.revolunet.com/) _{{_ [_revolunet_](https://github.com/revolunet)_/_[_JSbooks_](https://github.com/revolunet/JSbooks) _}}._
4.  [**_State of JavaScript_**](https://stateofjs.com/) _{{ State of Javascript }}._
5.  [**_trekhleb_**](https://github.com/trekhleb)**_/_**[**_javascript-algorithms_**](https://github.com/trekhleb/javascript-algorithms) _{{ Javascripts algorithms }} ._
6.  [**_13 Games in ≤ 13kB of JavaScript · js13kGames 2018_**](https://github.blog/2018-10-05-js13kgames-highlights-2018/) _{{ Games with JavaScript }} ._
7.  [**_30-seconds_**](https://github.com/30-seconds)**_/_**[**_30-seconds-of-code_**](https://github.com/30-seconds/30-seconds-of-code) _{{ A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less }}._
8.  [**_dypsilon_**](https://github.com/dypsilon)**_/_**[**_frontend-dev-bookmarks_**](https://github.com/dypsilon/frontend-dev-bookmarks) _{{ Manually curated collection of resources for frontend web developers. }}._
9.  [**_sorrycc_**](https://github.com/sorrycc)**_/_**[**_awesome-javascript_**](https://github.com/sorrycc/awesome-javascript) _{{ A collection of awesome browser-side JavaScript libraries, resources and shiny things }} ._
10.  [**_SuperHero.js_**](http://superherojs.com/) _{{ Website with full of Resources }} ._
11.  [**_jnv_**](https://github.com/jnv)**_/_**[**_lists_**](https://github.com/jnv/lists) _{{ The definitive list of lists (of lists) curated on GitHub }} ._
12.  [**_Archive for the ‘JavaScript’ Category_**](https://www.phpied.com/category/javascript/) _{{ Articles for JavaScript }} ._
13.  [**_redom_**](https://github.com/redom)**_/_**[**_redom_**](https://github.com/redom/redom) _{{ Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. }} ._
14.  [**_ericdouglas_**](https://github.com/ericdouglas)**_/_**[**_ES6-Learning_**](https://github.com/ericdouglas/ES6-Learning) _{{ List of resources to learn ECMAScript 6! }} ._
15.  [**_mtdvio_**](https://github.com/mtdvio)**_/_**[**_every-programmer-should-know_**](https://github.com/mtdvio/every-programmer-should-know) _{{ A collection of (mostly) technical things every software developer should know }} ._
16.  [**_JavaScript Operator Precedence and Associativity Table._**](https://medium.com/@js_tut/javascript-operator-precedence-and-associativity-table-71ee154079c)
17.  [**_leonardomso_**](https://github.com/leonardomso)**_/_**[**_33-js-concepts_**](https://github.com/leonardomso/33-js-concepts) _{{ 33 concepts every JavaScript developer should know }} ._

![](https://hackernoon.com/hn-images/0*rc4YpQ1dUMsFMCke)

Photo by [dhe haivan](https://unsplash.com/@dhehaivan?utm_source=medium&utm_medium=referral) on [Unsplash](https://unsplash.com?utm_source=medium&utm_medium=referral)

> Lastly, You are requested to share your views on this article and also share the resources such as Books,Websites & Tutorials which you use for Practice JavaScript.

> Your Brief would help many more programmers. :)

> Find something useful? Hold down the 👏 to support and help others find this article. Thanks for reading!!  
> Follow me on Instagram [@hypnosisss\_\_\_](https://www.instagram.com/hypnosisss___/?hl=en)

Amazon

Ultimate JavaScript Resources That Every Programmer Should Know!!

Too Long; Didn't Read

People Mentioned

Companies Mentioned

@skyline

RELATED STORIES