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 — By Jon Duckett {{ *** }}

2. JavaScript: The Good Parts — By Douglas Crockford {{ ** }}

For Video Courses :- Complete Beginner Level of JavaScript on PluralSight(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 — By Dr. Axel Rauschmayer {{ ***}}
2. JavaScript for impatient programmers — By Dr.Axel Rauschmayer {{ ***}}
   (great book for basic concepts & exclude advanced concepts for level 1)
3. You-don’t-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 — By Dr. Axel Rauschmayer {{ ** }}
   (Cover topics according to level)
5. Eloquent JavaScript — By Marjin Haverbeke {{ ** }}
   (Cover Chapter 1–5 for Level 0 & Remaining Chapters are for next level )
6. JavaScript CookBook — By Shelley Powers {{***}}
   (This book has very simplified answers to the most complex questions of JavaScript)
7. JavaScript: The Definitive Guide by David Flanagan {{ ** }}
8. JavaScript Enlightenment — 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 — By WesBos {{***}}
2. JavaScript: Understanding the Weird Parts —By Anthony Alicea {{***}}
3. The Complete JavaScript Course 2019: Build Real Projects! — By Jonas Schmedtmann {{***}}
4. ES6 Javascript: The Complete Developer’s Guide — By Stephen Grider {{**}}

• Websites(for Reference)

1. JavaScript | MDN (Mozilla Developer Network) {{*}}
2. The Modern Javascript Tutorial

• Websites(for Exercise/Practice)

1. CoderByte (Costly: $150 per/year)
2. FreeCodeCamp (free)
3. LeetCode (Costly: $150 per/year)
4. Exercism (free)
5. WebTrainingCenter (free)
6. Mega Project List (karan/Projects: 100 Projects For JavaScript)
7. Pramp (free)
8. JavaScript-Geek4geek (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 — By John Resig and Bear Bibeault
2. Programming JavaScript Applications — By Eric Elliott {{***}}
3. DOM Enlightenment — By Cody Lindley {{***}}
4. JavaScript & DOM Tips, Tricks, and Techniques — By Louis Lazaris {{**}}
5. DOMscripting — By Jeremy Keith {{**}}
6. Professional JavaScript for Web Developers — By Nicholas C. Zakas {{***}}
7. High Performance JavaScript: Build Faster Web Application Interfaces — By Nicholas C. Zakas {{**}}
8. Pro JavaScript Performance: Monitoring and Visualization — By Tom Barker {{***}}
9. JavaScript_Challenges_Book — By tcorral {{***}}
10. Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript by David Herman {{*}}

• Video Tutorials

1. Advanced JavaScript — By Assim Hussain {{***}}
2. The Full JavaScript & ES6 Tutorial — (including ES7 & React) — By David Joseph Katz {{**}}
3. Clean Code: Writing Code for 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 — By Nicholas C. Zakas {{***}}
2. Learning JavaScript Design Patterns-By Addy Osmani {{***}}
3. Test-Driven JavaScript Development
4. JavaScript Patterns — By Stoyan Stefanov
5. Object-Oriented JavaScript — By Stoyan Stefanov {{***}}

• Video Tutorials

1. Advanced-Js-Custom-Charts — By Shirley Wu {{**}}
2. Pluralsight Advanced JS {{***}}
3. JavaScript Design Patterns 20 Patterns for Expert Code — By Packt Publishing
4. Hardcore Functional Programming in JavaScript — By Brian Lonsdorf
5. Javascript for Pentesters — By Pentesters Academy
6. Design Pattern 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/modern-js-cheatsheet {{ CheetSheet for JavaScript }}.
2. micromata/awesome-javascript-learning {{ A tiny list limited to the best JavaScript Learning Resources }}.
3. Free JavaScript book Library {{ revolunet/JSbooks }}.
4. State of JavaScript {{ State of Javascript }}.
5. trekhleb/javascript-algorithms {{ Javascripts algorithms }} .
6. 13 Games in ≤ 13kB of JavaScript · js13kGames 2018 {{ Games with JavaScript }} .
7. 30-seconds/30-seconds-of-code {{ A curated collection of useful JavaScript snippets that you can understand in 30 seconds or less }}.
8. dypsilon/frontend-dev-bookmarks {{ Manually curated collection of resources for frontend web developers. }}.
9. sorrycc/awesome-javascript {{ A collection of awesome browser-side JavaScript libraries, resources and shiny things }} .
10. SuperHero.js {{ Website with full of Resources }} .
11. jnv/lists {{ The definitive list of lists (of lists) curated on GitHub }} .
12. Archive for the ‘JavaScript’ Category {{ Articles for JavaScript }} .
13. redom/redom {{ Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. }} .
14. ericdouglas/ES6-Learning {{ List of resources to learn ECMAScript 6! }} .
15. mtdvio/every-programmer-should-know {{ A collection of (mostly) technical things every software developer should know }} .
16. JavaScript Operator Precedence and Associativity Table.
17. leonardomso/33-js-concepts {{ 33 concepts every JavaScript developer should know }} .

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___