33 Concepts Every JavaScript Developer Should Know
Introduction
This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies. It is based on an article written by Stephen Curtis and you can read it here.
Community
Feel free to submit a PR adding a link to your own recaps or reviews. If you want to translate the repo into your native language, please feel free to do so.
All the translations for this repo will be listed below:
- Albanian β Eldrin Ereqi
- Arabic β Amr Elsekilly
- Chinese β Re Tian
- Portuguese-BR β Tiago Boeing
- Korean β Suin Lee
- Spanish β Adonis Mendoza
- Turkish β Δ°lker Demir
- Russian β Mihail Gumennii
- TiαΊΏng Viα»t β Nguyα» n TrαΊ§n Chung
- Polish β Dawid Lipinski
- Persian β Majid Alavizadeh
- Indonesian β Rijdzuan Sampoerna
- French β Robin MΓ©tral
- Hindi β Vikas Chauhan
- Greek β Dimitris Zarachanis
- Japanese β oimo23
- German β burhannn
- Ukrainian β Andrew Savetchuk
- Sinhala β Udaya Shamendra
- Italian β Gianluca Fiore
Table of Contents
- Call Stack
- Primitive Types
- Value Types and Reference Types
- Implicit, Explicit, Nominal, Structuring and Duck Typing
- == vs === vs typeof
- Function Scope, Block Scope and Lexical Scope
- Expression vs Statement
- IIFE, Modules and Namespaces
- Message Queue and Event Loop
- setTimeout, setInterval and requestAnimationFrame
- JavaScript Engines
- Bitwise Operators, Type Arrays and Array Buffers
- DOM and Layout Trees
- Factories and Classes
- this, call, apply and bind
- new, Constructor, instanceof and Instances
- Prototype Inheritance and Prototype Chain
- Object.create and Object.assign
- map, reduce, filter
- Pure Functions, Side Effects and State Mutation
- Closures
- High Order Functions
- Recursion
- Collections and Generators
- Promises
- async/await
- Data Structures
- Expensive Operation and Big O Notation
- Algorithms
- Inheritance, Polymorphism and Code Reuse
- Design Patterns
- Partial Applications, Currying, Compose and Pipe
- Clean Code
1. Call Stack
Reference
π Call Stack β MDN
Articles
π Understanding Javascript Call Stack, Event Loops β Gaurav Pandviaπ Understanding the JavaScript Call Stack β Charles Freebornπ Javascript: What Is The Execution Context? What Is The Call Stack? β Valentino Gagliardiπ What is the JS Event Loop and Call Stack? β Jess Telfordπ Understanding Execution Context and Execution Stack in Javascript β Sukhjinder Aroraπ How JavaScript Works: An Overview of the Engine, the Runtime, and the Call Stack β Alexander Zlatkovπ The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript β Tyler McGinnisπ How JavaScript Works Under The Hood: An Overview of JavaScript Engine, Heap and, Call Stack β Bipin Rajbhar
Videos
π₯ Javascript: the Call Stack explained β Coding Blocks Indiaπ₯ The JS Call Stack Explained In 9 Minutes β Colt Steeleπ₯ JavaScript Execution Stack β Codecademyπ₯ What is the Call Stack? β Eric Traubπ₯ The Call Stack β Kevin Drummπ₯ Understanding JavaScript Execution β Codesmithπ₯ The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript β Tyler McGinnisπ₯ What the heck is the event loop anyway? β Philip Robertsπ₯ La PILA DE EJECUCIΓN (Call Stack) de JavaScript β La Cocina del CΓ³digoπ₯ How JavaScript Code is executed?οΏ½?οΏ½οΏ½? & Call Stack
2. Primitive Types
Reference
Articles
π How numbers are encoded in JavaScript β Dr. Axel Rauschmayerπ What You Need to Know About JavaScript Number Type β Max Wizard Kπ What Every JavaScript Developer Should Know About Floating Point Numbers β Chewxyπ The Secret Life of JavaScript Primitives β Angus Crollπ Primitive Types β Flowπ (Not) Everything in JavaScript is an Object β Daniel Liπ JavaScript data types and data structures β MDNπ Diving Deeper in JavaScripts Objects β Arfat Salmanπ The differences between Object.freeze() vs Const in JavaScript β Bolaji Ayodeji
Videos
π₯ JavaScript Reference vs Primitive Types β Academindπ₯ JavaScript Primitive Types β Simon Sez ITπ₯ Value Types and Reference Types in JavaScript β Programming with Moshπ₯ JavaScript Primitive Data Types β Avelxπ₯ Everything you never wanted to know about JavaScript numbers β Bartek Szopkaπ₯ What are variables in Javascript? β JS For Everyoneπ₯ TIPOS DE DATOS PRIMITIVOS en JAVASCRIPT - La Cocina del CΓ³digo
3. Value Types and Reference Types
Articles
π Explaining Value vs. Reference in Javascript β Arnav Aggarwalπ Primitive Types & Reference Types in JavaScript β Bran van der Meerπ Value Types, Reference Types and Scope in JavaScript β Ben Astonπ Back to roots: JavaScript Value vs Reference β Miro Koczkaπ Grasp βBy ValueοΏ½? and βBy ReferenceοΏ½? in JavaScript β LΓ©na Faureπ JavaScript Reference and Copy Variables β VΓtor Capretzπ JavaScript Primitive vs Reference Valuesπ JavaScript by Reference vs. by Value β nrabinowitzπ JavaScript Interview Prep: Primitive vs. Reference Types β Mike Cronin
Videos
π₯ Javascript Pass by Value vs Pass by Reference β techsithπ₯ JavaScript Value vs Reference Types β Programming with Moshπ₯ VALORES vs REFERENCIAS en JAVASCRIPT - La Cocina del CΓ³digo
4. Implicit, Explicit, Nominal, Structuring and Duck Typing
Articles
π What you need to know about Javascript's Implicit Coercion β Promise Tochiπ JavaScript Type Coercion Explained β Alexey Samoshkinπ Javascript Coercion Explained β Ben Garrisonπ What exactly is Type Coercion in Javascript? - Stack Overflowπ Type Coercion in JavaScript, and why everyone gets it wrong.
Videos
π₯ == ? === ??? ...#@^% - Shirmung Bielefeldπ₯ Coercion in Javascript - Hitesh Choudharyπ₯ JavaScript Questions: What is Coercion? - Steven Hancockπ₯ Typing: Static vs Dynamic, Weak vs. Strong - Codexpanseπ₯ EL SISTEMA de TIPOS DE JAVASCRIPT - La Cocina del CΓ³digo
Books
5. == vs === vs typeof
Articles
π JavaScript Double Equals vs. Triple Equals β Brandon Morelliπ Should I use === or == equality comparison operator in JavaScript? β Panu Pitkamakiπ == vs === JavaScript: Double Equals and Coercion β AJ Meyghaniπ Why Use the Triple-Equals Operator in JavaScript? β Louis Lazarisπ What is the difference between == and === in JavaScript? β Craig Bucklerπ Why javascript's typeof always return "object"? β Stack Overflowπ Checking Types in Javascript β Toby Hoπ How to better check data types in JavaScript β Webbjockeπ Checking for the Absence of a Value in JavaScript β Tomer Aberbach
Videos
π₯ JavaScript - The typeof operator β Java Brainsπ₯ Javascript typeof operator β DevDelight
6. Function Scope, Block Scope and Lexical Scope
Books
Articles
π JavaScript FunctionsβββUnderstanding The Basics β Brandon Morelliπ The battle between Function Scope and Block Scope β Marius Herringπ Emulating Block Scope in JavaScript β Josh Clantonπ The Difference Between Function and Block Scope in JavaScript β Joseph Cardilloπ Function Scopes and Block Scopes in JavaScript β Samer Bunaπ Understanding Scope and Context in JavaScript | Ryan Morrπ JavaScript Scope and Closures β Zell Liewπ Understanding Scope in JavaScript β Wissam Abirachedπ Speaking JavaScript - Variables: Scopes, Environments, and Closures β Dr. Axel Rauschmayerπ Understanding Scope in JavaScript β Hammad Ahmedπ When to use a function declaration vs. a function expression β Amber Wilkieπ A JavaScript Fundamentals Cheat Sheet: Scope, Context, and βthisοΏ½? β Alexandra Fren
Videos
π₯ What Makes Javascript Weird ... and Awesome pt. 4 β LearnCode.academyπ₯ Variable Scope in JavaScript β Kirupa Chinnathambiπ₯ JavaScript Block Scope and Function Scope β mmtutsπ₯ What the Heck is Lexical Scope? β NWCalvank
7. Expression vs Statement
Articles
π All you need to know about Javascript's Expressions, Statements and Expression Statements β Promise Tochiπ Function Expressions vs Function Declarations β Paul Wilkinsπ JavaScript Function β Declaration vs Expression β Ravi Roshanπ Function Declarations vs. Function Expressions β Mandeep Singhπ Function Declarations vs. Function Expressions β Anguls Croll
Videos
π₯ Expressions vs. Statements in JavaScript β Hexletπ₯ JavaScript - Expression vs. Statement β WebTuningsπ₯ Function Statements and Function Expressions β Codeacademy
8. IIFE, Modules and Namespaces
Articles
π Mastering Immediately-Invoked Function Expressions β Chandra Gundamarajuπ Do ES6 Modules make the case of IIFEs obsolete?π A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers β Jurgen Van de Moereπ Modules β Exploring JSπ ES modules: A cartoon deep-dive β Lin Clarkπ Understanding ES6 Modules β Craig Bucklerπ An overview of ES6 Modules in JavaScript β Brent Grahamπ ES6 Modules in Depth β NicolΓ‘s Bevacquaπ ES6 modules, Node.js and the Michael Jackson Solution β Alberto Gimenoπ JavaScript Modules: A Beginnerβs Guide β Preethi Kasireddyπ Using JavaScript modules on the webπ IIFE: Immediately Invoked Function Expressions β Parwinder
Videos
π₯ Immediately Invoked Function Expression - Beau teaches JavaScript β freeCodeCampπ₯ Understanding JavaScript IIFEπ₯ JavaScript Modules: ES6 Import and Export β Kyle Robinsonπ₯ ES6 - Modules β Ryan Christianiπ₯ ES6 Modules in the Real World β Sam Thorogoodπ₯ ES6 Modules β TempleCoding
9. Message Queue and Event Loop
Articles
π JavaScript Event Loop Explained β Anoop Raveendranπ The JavaScript Event Loop: Explained β Erin Sweson-Healeyπ Understanding JS: The Event Loop β Alexander Kondovπ Understanding the JavaScript Event Loop β Ashish Guptaπ Event Loop in Javascript β Manjula Dubeπ The JavaScript Event Loop β Flavio Copesπ How JavaScript works: Event loop β Alexander Zlatkovπ Tasks, microtasks, queues and schedules β Jake Archibaldπ Visualising the JavaScript Event Loop with a Pizza Restaurant analogy β Priyansh Jainπ JavaScript Visualized: Event Loop β Lydia Hallie
Videos
π₯ What the heck is the event loop anyway? | JSConf EU β Philip Robertsπ₯ JavaScript Event Loop β ComScience Simplifiedπ₯ I'm stuck in an Event Loop β Philip Robertsπ₯ In The Loop - Jake Archibald | JSConf.Asia 2018π₯ Desmitificando el Event Loop (Spanish)
10. setTimeout, setInterval and requestAnimationFrame
Articles
π setTimeout and setInterval β JavaScript.Infoπ Why not to use setInterval β Akanksha Sharmaπ setTimeout VS setInterval β Develogerπ Using requestAnimationFrame β Chris Coyierπ Understanding JavaScript's requestAnimationFrame() β JavaScript Kitπ Handling time intervals in JavaScript - Amit Merchant
Videos
π₯ Javascript: How setTimeout and setInterval works β Coding Blocks Indiaπ₯ setTimeout and setInterval in JavaScript β techsithπ₯ JavaScript Timers β Steve Griffithπ₯ JavaScript setTimeOut and setInterval Explained β Theodore Anderson
11. JavaScript Engines
Articles
π JavaScript Engines β Jen Looperπ Understanding How the Chrome V8 Engine Translates JavaScript into Machine Code β DroidHeadπ Understanding V8βs Bytecode β Franziska Hinkelmannπ A Brief History of Googleβs V8 Javascript Engine β Clair Smithπ JavaScript essentials: why you should know how the engine works - Rainer Hahnekampπ JavaScript engine fundamentals: Shapes and Inline Cachesπ JavaScript engine fundamentals: optimizing prototypesπ How V8 optimizes array operations
Videos
12. Bitwise Operators, Type Arrays and Array Buffers
Articles
π Programming with JS: Bitwise Operations β Alexander Kondovπ Using JavaScriptβs Bitwise Operators in Real Life β ian mπ JavaScript Bitwise Operators β w3resourceπ Bitwise Operators in Javascript β Joe Chaπ A Comprehensive Primer on Binary Computation and Bitwise Operators in Javascript β Paul Brownπ How can I understand Bitwise operation in JavaScript?
Videos
13. DOM and Layout Trees
Books
Articles
π How To Understand and Modify the DOM in JavaScript β Tania Rasciaπ Whatβs the Document Object Model, and why you should know how to use it β Leonardo Maldonadoπ JavaScript DOM Tutorial with Example β Guru99π What is the DOM? β Chris Coyierπ Traversing the DOM with JavaScript β Zell Liewπ DOM Treeπ How to traverse the DOM in Javascript β Vojislav GrujiΔπ Render Tree Construction β Ilya Grigorikπ What exactly is the DOM?π A Vanilla JS Guide On Mastering the DOM β Brian Pak
Videos
14. Factories and Classes
Articles
π How To Use Classes in JavaScript β Tania Rasciaπ Javascript Classes β Under The Hood β Majidπ ES6 Classes β Nathaniel Fosterπ Better JavaScript with ES6, Pt. II: A Deep Dive into Classes β Peleke Sengstackeπ Understand the Factory Design Pattern in Plain JavaScript β Aditya Agarwalπ Factory Functions in JavaScript β Josh Millerπ The Factory Pattern in JS ES6 β SnstsDevπ Class vs Factory function: exploring the way forward β Cristi Salcescuπ How ES6 classes really work and how to build your own β Robert Grosseπ Understandingsuperin JavaScriptπ An Easy Guide To Understanding Classes In JavaScript
Videos
π₯ JavaScript Factory Functions β Programming with Moshπ₯ Factory Functions in JavaScript β Fun Fun Functionπ₯ Javascript Tutorial Function Factories β Crypto Chan
15. this, call, apply and bind
Reference
π call() β MDNπ bind() β MDNπ apply() β MDN
Articles
π Grokking call(), apply() and bind() methods in JavaScript β Aniket Kudaleπ How-to: call() , apply() and bind() in JavaScript β Niladri Sekhar Duttaπ JavaScriptβs Apply, Call, and Bind Methods are Essential for JavaScript Professionals β Richard Bovellπ WTF is this - Understanding the this keyword, call, apply, and bind in JavaScript β Tyler McGinnisπ Javascript: call(), apply() and bind() β Omer Goldbergπ The difference between call / apply / bind β Ivan Sifrimπ What the hack is call, apply, bind in JavaScript β Ritikπ Mastering 'this' in JavaScript: Callbacks and bind(), apply(), call() β Michelle Gienowπ JavaScriptβs apply, call, and bind explained by hosting a cookout β Kevin Kononenkoπ How AND When to use bind, call, and apply in Javascript β Eigen Xπ JavaScript .bind() vs .apply() and .call() β Hack Sparrowπ Let me explain to you what isthis. (Javascript) β Jason Yuπ Understanding the βthisοΏ½? Keyword in JavaScript β Pavanπ How to understand the keyword this and context in JavaScript β Lukas Gisder-DubΓ©π What the heck is this in Javascript? β Hridayesh Sharmaπ This and Bind In Javascript β Brian Barbourπ 3 Techniques for Maintaining Your Sanity Using "This" in JavaScript β Carlπ Mastering the JavaScript "this" Keyword β Aakash Srivastavπ This binding in JavaScript β 4. New binding β Spyros Argaliasπ A quick intro to 'this' in JavaScript β Natalie Smithπ Explaining JavaScript 'this' to my cat β Andrey Kπ A conversation with the 'this' keyword in Javascript β Karen Efereyanπ What are call(), apply() and bind() in JavaScript β Amitav Mishraπ Understanding 'this' binding in JavaScript β Yasemin Cidem
Videos
π₯ JavaScript call, apply and bind β techsithπ₯ JavaScript Practical Applications of Call, Apply and Bind functionsβ techsithπ₯ JavaScript (call, bind, apply) β curious aatmaπ₯ Understanding Functions and 'this' In The World of ES2017 β Bryan Hughesπ₯ bind and this - Object Creation in JavaScript - FunFunFunctionπ₯ JS Function Methods call(), apply(), and bind() β Steve Griffith
16. new, Constructor, instanceof and Instances
Articles
π JavaScript For Beginners: the βnewβ operator β Brandon Morelliπ Letβs demystify JavaScriptβs βnewβ keyword β Cynthia Leeπ Constructor, operator "new" β JavaScript.Infoπ Understanding JavaScript Constructors β Faraz Kelhiniπ Use Constructor Functions β Openclassroomsπ Beyondtypeofandinstanceof: simplifying dynamic type checks β Dr. Axel Rauschmayerπ What Is the Instanceof Operator in JavaScript β appendToπ Function and Object, instances of each other β Kiro Risk
17. Prototype Inheritance and Prototype Chain
Reference
Articles
π Javascript : Prototype vs Class β Valentin PARSYπ JavaScript engine fundamentals: optimizing prototypes β Mathias Bynensπ JavaScript Prototype β NC Patroπ Prototype in Javascript β Sandeep Ranjanπ Prototypes in JavaScript β Rupesh Mishraπ Prototype in JavaScript: itβs quirky, but hereβs how it works β Pranav Jindalπ Understanding JavaScript: Prototype and Inheritance β Alexander Kondovπ Understanding Classes (ES5) and Prototypal Inheritance in JavaScript β Hridayesh Sharmaπ prototype, proto and Prototypal inheritance in JavaScript β Varun Deyπ Prototypal Inheritance β JavaScript.Infoπ How To Work with Prototypes and Inheritance in JavaScript β Tania Rasciaπ Master JavaScript Prototypes & Inheritance β Arnav Aggarwalπ JavaScriptβs Prototypal Inheritance Explained Using CSS β Nash Vailπ Prototypal Inheritance in JavaScript β Jannis Redmannπ Demystifying ES6 Classes And Prototypal Inheritance β Neo Ighodaroπ Intro To Prototypal Inheritance β Dharani Jayakanthanπ Letβs Build Prototypal Inheritance in JS β var-cheπ Objects, Prototypes and Classes in JavaScript β Attaπ The magical world of JavaScript prototypes β BelΓ©nπ Understanding Prototypal Inheritance In JavaScript β Lawrence Eaglesπ Objects and Prototypes in JavaScript β Irena Popova
Videos
π₯ Javascript Prototype Inheritance β Avelxπ₯ JavaScript Prototype Inheritance Explained pt. I β techsithπ₯ JavaScript Prototype Inheritance Explained pt. II β techsithπ₯ JavaScript Prototype Inheritance Explained β Kyle Robinsonπ₯ Advanced Javascript - Prototypal Inheritance In 1 Minuteπ₯ An Overview Of Classical Javascript Classes and Prototypal Inheritance β Pentacodeπ₯ Object Oriented JavaScript - Prototype β The Net Ninjaπ₯ Prototype in JavaScript β kudvenkatπ₯ JavaScript Using Prototypes β O'Reillyπ₯ A Beginner's Guide to Javascript's Prototype β Tyler Mcginnisπ₯ Prototypes in Javascript - p5.js Tutorial β The Coding Train
Books
18. Object.create and Object.assign
Reference
Articles
π Object.create in JavaScript β Rupesh Mishraπ Object.create(): the New Way to Create Objects in JavaScript β Rob Gravelleπ Basic Inheritance with Object.create β Joshua Clantonπ Object.create() In JavaScript β GeeksforGeeksπ Understanding the difference between Object.create() and the new operator β Jonathan Voxlandπ JavaScript Object Creation: Patterns and Best Practices β Jeff Mottπ Dealing With Objects in JavaScript With Object.assign, Object.keys and hasOwnPropertyπ Copying Objects in JavaScript β Orinami Olatunjiπ JavaScript: Object.assign() β Thiago S. Adrianoπ How to deep clone a JavaScript Object β Flavio Copesπ Object.create(): When and Why to Use β VZing
Videos
19. map, reduce, filter
Articles
π JavaScript Functional Programming β map, filter and reduce β Bojan Gvozderacπ Learn map, filter and reduce in Javascript β JoΓ£o Miguel Cunhaπ JavaScriptβs Map, Reduce, and Filter β Dan Martensenπ How to Use Map, Filter, & Reduce in JavaScript β Peleke Sengstackeπ JavaScript β Learn to Chain Map, Filter, and Reduce β Brandon Morelliπ Javascript data structure with map, reduce, filter and ES6 β Deepak Guptaπ Understanding map, filter and reduce in Javascript β Luuk Gruijsπ Functional Programming in JS: map, filter, reduce (Pt. 5) β Omer Goldbergπ JavaScript: Map, Filter, Reduce β William S. Vincentπ Arrow Functions: Fat and Concise Syntax in JavaScript β Kyle Pennellπ JavaScript: Arrow Functions for Beginners β Brandon Morelliπ When (and why) you should use ES6 arrow functions β and when you shouldnβt β Cynthia Leeπ JavaScript β Learn & Understand Arrow Functions β Brandon Morelliπ (JavaScript )=> Arrow functions β siguπ Javascript.reduce() β Paul Andersonπ Why you should replace forEach with map and filter in JavaScript β Roope Hakulinenπ Simplify your JavaScript β Use .map(), .reduce(), and .filter() β Etienne Talbotπ JavaScriptβs Reduce Method Explained By Going On a Diet β Kevin Kononenkoπ Difference between map, filter and reduce in JavaScript β Amirata Khodaparastπ MapβFilterβReduceβ» β ashay mandwaryaπ Finding Your Way With .map() β Brandon Wozniewiczπ How to write your own map, filter and reduce functions in JavaScript β Hemand Nairπ How to Manipulate Arrays in JavaScript β Bolaji Ayodejiπ How to simplify your codebase with map(), reduce(), and filter() in JavaScript β Alex Permyakovπ .map(), .filter(), and .reduce() β Andy Pickleπ Map/Filter/Reduce Crash Course β Chris Achardπ Map, Filter and Reduce β Animated β JavaScript Teacherπ Map, Filter, Reduce and others Arrays Iterators You Must Know to Become an Algorithms Wizard β Mauro Bonoπ How to Use JavaScriptβs .map, .filter, and .reduce β Avery Duffinπ Javascript performance test - for vs for each vs (map, reduce, filter, find) β Deepak Guptaπ Using .map(), .filter() and .reduce() properly β Sasanka Kudagodaπ Mastering the JavaScript Reduce methodβοΏ½? β sanderdebr
Videos
π₯ Map, Filter and Reduce β Lydia Hallieπ₯ Functional JavaScript: Map, forEach, Reduce, Filter β Theodore Andersonπ₯ JavaScript Array superpowers: Map, Filter, Reduce (part I) β Michael Rosataπ₯ JavaScript Array superpowers: Map, Filter, Reduce (part 2) β Michael Rosataπ₯ JavaScript Higher Order Functions - Filter, Map, Sort & Reduce β Epicopπ₯ [Array Methods 2/3] .filter + .map + .reduce β CodeWithNickπ₯ Arrow functions in JavaScript - What, Why and How β Fun Fun Functionπ₯ Learning Functional Programming with JavaScript β Anjana Vakil - JSUnconfπ₯ Map - Parte 2 JavaScript - Fun Fun Functionπ₯ Reduce basics - Part 3 of FP in JavaScript - Fun Fun Functionπ₯ Reduce Advanced - Part 4 of FP in JavaScript - Fun Fun Functionπ₯ reduce Array Method | JavaScript Tutorial - Florin Popπ₯ map Array Method | JavaScript Tutorial - Florin Pop
20. Pure Functions, Side Effects, State Mutation and Event Propagation
Articles
π Javascript and Functional Programming β Pure Functions β Omer Goldbergπ Master the JavaScript Interview: What is a Pure Function? β Eric Elliottπ JavaScript: What Are Pure Functions And Why Use Them? β James Jefferyπ Pure functions in JavaScript β @nicoespeonπ Functional Programming: Pure Functions β Arne Brasseurπ Pure Functions In Javascript β Krunalπ Making your JavaScript Pure β Jack Franklinπ Arrays, Objects and Mutations β Federico KnΓΌsselπ The State of Immutability β Maciej Sikoraπ How to deal with dirty side effects in your pure functional JavaScript β James Sinclairπ Preventing Side Effects in JavaScript β David Walshπ Wielding Pure Functions in JavaScript and Function Composition β Peleke Sengstackeπ JavaScript: Pure Functions β William S. Vincentπ Functional programming paradigms in modern JavaScript: Pure functions β Alexander Kondovπ Understanding Javascript Mutation and Pure Functions β Chidume Nnamdiπ Functional-ish JavaScript β Daniel Brainπ Event Propagation β MDNπ Event Propagation β Bubbling and capturing
Videos
π₯ Pure Functions β Hexletπ₯ Pure Functions - Functional Programming in JavaScript β Paul McBrideπ₯ JavaScript Pure Functions β Seth Alexanderπ₯ JavaScript Pure vs Impure Functions Explained β Theodore Andersonπ₯ Pure Functions - Programação Funcional: Parte 1 - Fun Fun Functionπ₯ Event Propagation - JavaScript Event Bubbling and Propagation - Steve Griffith
21. Closures
Reference
π Closures β MDNπ Closure β JavaScript.Info
Articles
π I never understood JavaScript closures β Olivier De Meulderπ Understand JavaScript Closures With Ease β Richard Bovellπ Understanding JavaScript Closures β Codesmithπ Understand Closures in JavaScript β Brandon Morelliπ A simple guide to help you understand closures in JavaScript β Prashant Ramπ Understanding JavaScript Closures: A Practical Approach β Paul Upendoπ Understanding JavaScript: Closures β Alexander Kondovπ How to use JavaScript closures with confidence β LΓ©na Faureπ JavaScript closures by example β tylerπ JavaScriptβββClosures and Scope β Alex Aitkenπ Discover the power of closures in JavaScriptβββCristi Salcescuπ Simplified JavaScript: Getting Started with ClosuresβββCode Like A Girlπ The Ultimate Guide to Hoisting, Scopes, and Closures in JavaScriptβββTyler McGinnisπ Getting ClosureβββRealLifeJSπ Closure, Currying and IIFE in JavaScriptβββRitikπ Understanding Closures in JavaScriptβββSukhjinder Aroraπ A basic guide to Closures in JavaScriptβββParathan Thiyagalingamπ Closures: Using MemoizationβββBrian Barbourπ A Brief Introduction to Closures and Lexical Scoping in JavaScriptβββAshutosh K Singhπ Demystify Closuresβββstereoboosterπ Scopes and Closures - JavaScript ConceptsβββAgney Menonπ Understanding Closures in JavaScriptβββMatt Popovichπ whatthefuck.is Β· A Closure - Dan Abramovπ Closures in JavaScript can... - Brandon LeBoeuf
Videos
π₯ JavaScript The Hard Parts: Closure, Scope & Execution Context - Codesmithπ₯ Javascript Closure β techsithπ₯ Closures β Fun Fun Functionπ₯ Closures in JavaScript β techsithπ₯ JavaScript Closures 101: What is a closure? β JavaScript Tutorialsπ₯ Closures β freeCodeCampπ₯ JavaScript Closures β CodeWorkr
22. High Order Functions
Books
Articles
π Higher-Order Functions in JavaScript β M. David Greenπ Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code β Guido Schmitzπ First-class and Higher Order Functions: Effective Functional JavaScript β Hugo Di Francescoπ Higher Order Functions in JavaScript β John Hannahπ Higher-order Functions β Richard Bovellπ Fun With Higher Order Functions In JavaScript β Derickπ Just a reminder on how to use high order functions β Pedro Filhoπ Understanding Higher-Order Functions in JavaScript β Sukhjinder Aroraπ Higher Order Functions - A pragmatic approach β emmanuel ikwuoma
Videos
π₯ JavaScript Higher Order Functions & Arrays β Traversy Mediaπ₯ Higher Order Functions β Fun Fun Functionπ₯ Higher Order Functions in Javascript β Raja Yoganπ₯ Higher Order Iterators in JavaScript β Fun Fun Functionπ₯ Higher Order Functions in JavaScript β The Coding Trainπ₯ Part 1: An Introduction to Callbacks and Higher Order Functions - Codesmithπ₯ Part 2: Understanding Why We Need Higher Order Functions - Codesmith
23. Recursion
Articles
π Recursion in JavaScript β Kevin Ennisπ Understanding Recursion in JavaScript β Zak Frischπ Learn and Understand Recursion in JavaScript β Brandon Morelliπ Recursion in Functional JavaScript β M. David Greenπ Programming with JS: Recursion β Alexander Kondovπ Anonymous Recursion in JavaScript β simoπ Recursion, iteration and tail calls in JS β loverajoelπ Understanding Recursion in JavaScript with Confidence β Jayπ Intro to Recursion β Brad Newmanπ Accio Recursion!: Your New Favorite JavaScript Spell β Leanne Cabeyπ Recursion Explained (with Examples) β Christina
Videos
π₯ Recursion In JavaScript β techsithπ₯ Recursion β Fun Fun Functionπ₯ Recursion and Recursive Functions β Hexletπ₯ Recursion: Recursion() β JS Monthly β Lucas da Costaπ₯ Recursive Function in JavaScript β kudvenkatπ₯ What on Earth is Recursion? β Computerphileπ₯ Javascript Tutorial 34: Introduction To Recursion β codedamnπ₯ Recursion, Iteration, and JavaScript: A Love Story | JSHeroes 2018 β Anjana Vakil
24. Collections and Generators
Reference
Articles
π ES6 In Depth: Collections β Jason Orendorffπ ES6 Collections: Using Map, Set, WeakMap, WeakSet β Kyle Pennellπ ES6 WeakMaps, Sets, and WeakSets in Depth β NicolΓ‘s Bevacquaπ Introduction to Sets in JavaScript β Alligator.ioπ Introduction to Maps in JavaScript β Alligator.ioπ Map, Set, WeakMap and WeakSet β JavaScript.Infoπ Maps in ES6 - A Quick Guide β Ben Mildrenπ ES6 β Set vs Array β What and when? β Maya Shavinπ ES6 β Map vs Object β What and when? β Maya Shavinπ ES6: Working with Sets in JavaScript β Dead Code Risingπ Array vs Set vs Map vs Object β Real-time use cases in Javascript (ES6/ES7) β Rajesh Babuπ How to create an array of unique values in JavaScript using Sets β Claire Parker-Jonesπ What You Should Know About ES6 Maps β Just Chrisπ ES6 Maps in Depth β NicolΓ‘s Bevacquaπ What are JavaScript Generators and how to use them β Vladislav Stepanovπ Understanding JavaScript Generators With Examples β Arfat Salmanπ The Basics of ES6 Generators β Kyle Simpsonπ An Introduction to JavaScript Generators β Alice Kallaugher
Videos
π₯ JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap β Traversy Mediaπ₯ The Differences between ES6 Maps and Sets β Steve Griffithπ₯ Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators β LearnCode.academy
25. Promises
Reference
π Promise β MDN
Articles
π JavaScript Promises for Dummies β Jecelyn Yeenπ Understanding promises in JavaScript β Gokul N Kπ Master the JavaScript Interview: What is a Promise? β Eric Elliottπ An Overview of JavaScript Promises β Sandeep Pandaπ How to use Promises in JavaScript β Prashant Ramπ Implementing Promises In JavaScript β Maciej Cieslarπ JavaScript: Promises explained with simple real life analogies β Shruti Kapoorπ Promises for Asynchronous Programming β Exploring JSπ JavaScript Promises Explained By Gambling At A Casino β Kevin Kononenkoπ ES6 Promises: Patterns and Anti-Patterns β Bobby Brennanπ A Simple Guide to ES6 Promises β Brandon Morelliπ The ES6 Promises β Manoj Singh Negiπ ES6 Promises in Depth β NicolΓ‘s Bevacquaπ Playing with Javascript Promises: A Comprehensive Approach β Rajesh Babuπ How to Write a JavaScript Promise β Brandon Wozniewiczπ A Coding Writerβs Guide: An Introduction To ES6 Promises β Andrew Lyπ Understanding Promises in JavaScript β Chris Noringπ Converting callbacks to promises β Zell Liewπ JavaScript Promises: Zero To Hero Plus Cheat Sheet β Joshua Saundersπ Promises - JavaScript concepts β Agney Menonπ JavascriptPromise101 β Igor Iriantoπ Simplify JavaScript Promises β Sunny Singhπ The Lowdown on Promises β Aphinya Dechalertπ JavaScript Visualized: Promises & Async/Await β Lydia Hallieπ Promises in JavaScript β Peter Klingelhoferπ Best Practices for ES6 Promises β Basti Ortiz
Videos
π₯ Let's Learn ES6 - Promises β Ryan Christianiπ₯ JavaScript ES6 / ES2015 Promises β Traversy Mediaπ₯ Promises β Fun Fun Functionπ₯ Error Handling Promises in JavaScript β Fun Fun Functionπ₯ Promises Part 1 - Topics of JavaScript/ES6 β The Coding Train
26. async/await
Reference
Books
π Eloquent JavaScript, 3rd Edition: Ch. 11 - Asynchronous Programmingπ Exploring JS: Asynchronous Programming
Articles
π Understanding async/await in Javascript β Gokul N Kπ Exploring Async/Await Functions in JavaScript β Alligator.ioπ Asynchronous Javascript using async/await β Joy Waruguπ Modern Asynchronous JavaScript with async/await β Flavio Copesπ Asynchronous JavaScript: From Callback Hell to Async and Await β Demir Selmanovicπ Javascript β ES8 Introducing async/await Functions β Ben Garrisonπ How to escape async/await hell β Aditya Agarwalπ Understanding JavaScriptβs async await β NicolΓ‘s Bevacquaπ JavaScript Async/Await: Serial, Parallel and Complex Flow β TechBrijπ From JavaScript Promises to Async/Await: why bother? β Chris Nwambaπ Flow Control in Modern JS: Callbacks to Promises to Async/Await β Craig Bucklerπ JavaScript: Promises and Why Async/Await Wins the Battle β Nick Parsonsπ How to improve your asynchronous Javascript code with async and await β Indrek Lasnπ Making Fetches Easy With Async Await β Mickey Sheridanπ 7 Reasons Why JavaScript Async/Await Is Better Than Plain Promises β Mostafa Gaafarπ Asynchronous Operations in JavaScript β Jscramblerπ Async/await: A slight design flaw. β Joeyπ JavaScript: Promises or async-await β Gokul N Kπ Async / Await: From Zero to Hero β Zhi Yuanπ JavaScript Visualized: Promises & Async/Await β Lydia Hallie
Videos
π₯ Async + Await β Wes Bosπ₯ Asynchrony: Under the Hood β Shelley Vohrπ₯ async/await in JavaScript - What, Why and How β Fun Fun Functionπ₯ async/await Part 1 - Topics of JavaScript/ES8 β The Coding Trainπ₯ async/await Part 2 - Topics of JavaScript/ES8 β The Coding Trainπ₯ Complete Guide to JS Async & Await ES2017/ES8 β Colt Steele
27. Data Structures
Articles
π Data Structures in JavaScript β Thon Lyπ Algorithms and Data Structures in JavaScript β Oleksii Trekhlebπ Data Structures: Objects and Arrays β Chris Nwambaπ Data structures in JavaScript β Benoit Vallonπ Playing with Data Structures in Javascript β Anish K.π The Little Guide of Queue in JavaScript β GermΓ‘n Cutraroπ All algorithms writing with JavaScript in the book 'Algorithms Fourth Edition'π Collection of classic computer science paradigms in JavaScriptπ All the things you didn't know you wanted to know about data structuresπ JavaScript Data Structures: 40 Part Series β miku86π Data Structures: Understanding Graphs β Rachel Hawaπ Data Structures Two Ways: Linked List (Pt 1) β Freddie Duffieldπ Data Structures Two Ways: Linked List (Pt 2) β Freddie Duffieldπ Graph Data Structures Explained in JavaScript β Adrian Mejia
Videos
π₯ Algorithms In Javascript | Ace Your Interview β Eduonix Learning Solutionsπ₯ Data Structures and Algorithms in JavaScript β freeCodeCampπ₯ Learning JavaScript Data Structures and Algorithms: Sorting β Packt Video
28. Expensive Operation and Big O Notation
Articles
π Big O Notation in Javascript β CΓ©sar AntΓ³n Dorantesπ Time Complexity/Big O Notation β Tim Robertsπ Big O in JavaScript β Gabriela Medinaπ Big O Search Algorithms in JavaScript β Bradley Braithwaiteπ Time Complexity Analysis in JavaScript β Jennifer Blandπ Algorithms in plain English: time complexity and Big-O Notation β Michael Olorunnisolaπ An Introduction to Big O Notation β Joseph Trettevik
Videos
π₯ JavaScript: Intro to Big O Notation and Function Runtime β Eric Traubπ₯ Essential Big O for JavaScript Developers β Dave Smithπ₯ Big O Notation - Time Complexity Analysis β WebTunings
29. Algorithms
Articles
π Data Structures and Algorithms using ES6π Algorithms and data structures implemented in JavaScript with explanations and links to further readingsπ JS: Interview Algorithmπ Algorithms in JavaScript β Thon Lyπ JavaScript Objects, Square Brackets and Algorithms β Dmitri Grabovπ Atwood's Law applied to CS101 - Classic algorithms and data structures implemented in JavaScriptπ Data Structures and Algorithms library in JavaScriptπ Collection of computer science algorithms and data structures written in JavaScriptπ Algorithms and Data Structures in JavaScript β Oleksii Trekhleb
30. Inheritance, Polymorphism and Code Reuse
Reference
Articles
π Inheritance in JavaScript β Rupesh Mishraπ Simple Inheritance with JavaScript β David Catuheπ JavaScript β Inheritance, delegation patterns and Object linking β NC Patroπ Object Oriented JavaScript: Polymorphism with examples β Knoldus Blogsπ Program Like Proteus β A beginnerβs guide to polymorphism in Javascript β Sam Galsonπ Object-oriented JavaScript: A Deep Dive into ES6 Classes β Jeff Mott
Videos
π₯ Inheritance in JavaScript β kudvenkatπ₯ JavaScript ES6 Classes and Inheritance β Traversy Mediaπ₯ Polymorphism in JavaScript β kudvenkat
31. Design Patterns
Books
Articles
π 4 JavaScript Design Patterns You Should Know β Devan Patelπ JavaScript Design Patterns β Beginner's Guide to Mobile Web Development β Soumyajit Pathakπ JavaScript Design Patterns β Akash Palπ Javascript Design Patterns: What They Are & How To Use Them β Patrick Simpsonπ JavaScript Design Patterns: Understanding Design Patterns in JavaScript - Sukhjinder Aroraπ All the 23 (GoF) design patterns implemented in Javascript β Felipe Belineπ The Power of the Module Pattern in JavaScript β jsmanifestπ Design Patterns for Developers using JavaScript pt. I β Oliver Mensahπ Design Patterns for Developers using JavaScript pt. II β Oliver Mensahπ Design patterns in modern JavaScript developmentπ Understanding Design Patterns: Iterator using Dev.to and Medium social networks! β Carlos Caballeroπ JavaScript Design Patterns - Factory Pattern β KristijanFiΕ‘trekπ JavaScript Design Pattern β Module Pattern - Factory Pattern β Moonπ Design Patterns: Null Object - Carlos Caballeroπ Strategy Pattern - Francesco Ciullaπ Adapter Pattern - Francesco Ciullaπ The Power of Composite Pattern in JavaScript - jsmanifestπ In Defense of Defensive Programming - Adam Nathaniel Davis
Videos
32. Partial Applications, Currying, Compose and Pipe
Books
Articles
π Use function composition in JavaScript β RΓ©miπ Currying in JavaScript ES6 β Adam Beneπ Composition and Currying Elegance in JavaScript β Pragyan Dasπ Functional JavaScript: Function Composition For Every Day Use β Joel Thomsπ Functional Composition: compose() and pipe() β Anton Parasπ Why The Hipsters Compose Everything: Functional Composing In JavaScript β A. Sharifπ A Gentle Introduction to Functional JavaScript pt III: Functions for making functions β James Sinclairπ Curry And Compose (why you should be using something like ramda in your code) β jsanchesleaoπ Function Composition in JavaScript with Pipe β Andy Van Slaarsπ Practical Functional JavaScript with Ramda β Andrew D'Amelio, Yuri Takhteyevπ The beauty in Partial Application, Currying, and Function Composition β Joel Thomsπ Curry or Partial Application? β Eric Elliottπ Partial Application in JavaScript β Ben Almanπ Partial Application of Functions β Functional Reactive Ninjaπ Currying vs Partial Application β Deepak Guptaπ Partial Application in ECMAScript 2015 β Ragan Waldπ Functional Composition in Javascript β Joe Cortopassiπ So You Want to be a Functional Programmer pt. I β Charles Scalfaniπ So You Want to be a Functional Programmer pt. II β Charles Scalfaniπ So You Want to be a Functional Programmer pt. III β Charles Scalfaniπ So You Want to be a Functional Programmer pt. IV β Charles Scalfaniπ So You Want to be a Functional Programmer pt. V β Charles Scalfaniπ An introduction to the basic principles of Functional Programming β TKπ Concepts of Functional Programming in Javascript β TKπ An Introduction to Functional Programming Style in JavaScript β JavaScript Teacherπ A practical guide to writing more functional JavaScript β Nadeesha Cabralπ A simple explanation of functional pipe in JavaScript β Ben Lesh
Videos
π₯ Compose vs Pipe: Functional Programming in JavaScript β Chyld Studiosπ₯ JavaScript Functional Programing: Compose β Theodore Andersonπ₯ Function Composition - Functional JavaScript β NWCalvankπ₯ JavaScript Function Composition Explained β Theodore Andersonπ₯ Let's code with function composition β Fun Fun Functionπ₯ Partial Application vs. Currying β NWCalvankπ₯ JavaScript Partial Application β Theodore Anderson
33. Clean Code
Articles
π Clean Code concepts adapted for JavaScript β Ryan McDermottπ JavaScript Clean Coding Best Practices β AndrΓ‘s TΓ³thπ Function parameters in JavaScript Clean Code β Kevin Petersπ Keeping your code clean β Samuel Jamesπ Best Practices for Using Modern JavaScript Syntax β M. David Greenπ best practices for cross node/web development - Jimmy WΓ€rtingπ Writing Clean Code - Dylan Paulusπ Writing Clean Code and The Practice of Programming - Nityesh Agarwalπ Clean code, dirty code, human code - Daniel Irvineπ Practical Ways to Write Better JavaScript - Ryland G
