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 PartsBy 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’sBy 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 PartsBy 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 ApplicationsBy 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 DevelopersBy Nicholas C. Zakas {{***}}
  7. High Performance JavaScript: Build Faster Web Application InterfacesBy Nicholas C. Zakas {{***}}
  8. Pro JavaScript Performance: Monitoring and VisualizationBy Tom Barker {{**}}
  9. _JavaScript_Challenges_Book_  — By tcorral {{**}}
  10. Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScriptBy 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 HumansBy 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 JavaScriptBy Nicholas C.Zakas {{***}}
  2. Learning JavaScript Design PatternsBy Addy Osmani {{***}}
  3. Test-Driven JavaScript Development
  4. JavaScript Patterns — By Stoyan Stefanov
  5. Object-Oriented-JavaScriptBy  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 }} .

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

No Comments Yet