/
Write
Start a team blog
NEW ✨
Start a team blog, invite your team, and start publishing.
Ultimate JavaScript Resources That Every Programmer Should Know!!

Ultimate JavaScript Resources That Every Programmer Should Know!!

Akash Rajvanshi's photo
Akash Rajvanshi
·Jun 5, 2019

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