Ultimate JavaScript Resources That Every Programmer Should Know!!

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!  — 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 Elliot {{***}}
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. Full JavaScript & Es6 Tutorials — ( Including Es7 & React ) By 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 & References

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
6. Introduction to Functional Programming: JavaScript Paradigms - By Avi Aryan

• 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 Publication
4. Hardcore Functional Programming in JavaScript— By Brian Lonsdorf
5. Javascript for Pentesters — By Pentesters Academy
6. Design Pattern Library— Pluralsight {{***}}
7. Object-oriented Programming in JavaScript - By Mosh Hamedani

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. :)