### 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 }} ._  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)