33 Conceitos que todo desenvolvedor JS deve conhecer

Introdução

Este repositório foi criado com a intenção de ajudar os desenvolvedores a dominar seus conceitos em JavaScript. Não é um requisito, mas um guia para estudos futuros. É baseado em um artigo escrito por Stephen Curtis e você pode lê-lo aqui.

Comunidade

Sinta-se à vontade para enviar um PR adicionando um link para suas próprias recapitulações ou comentários. Se você quiser traduzir o repositório para o seu idioma nativo, sinta-se à vontade para fazê-lo.

Todas as traduções para este repositório serão listadas abaixo:

• 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

Tabela de conteúdos

1. Pilha de chamadas
2. Tipos primitivos
3. Tipos de valores e Tipos de referências
4. Implícito, Explicito, Nominal, Estruturando e Chamada de métodos
5. == vs === vs typeof
6. Escopo da Função, Escopo do Bloco e Escopo Léxico
7. Expression vs Statement
8. IIFE, Modules e Namespaces
9. Message Queue e Event Loop
10. setTimeout, setInterval e requestAnimationFrame
11. JavaScript Engines
12. Bitwise Operators, Type Arrays e Array Buffers
13. DOM e Layout Trees
14. Factories e Classes
15. this, call, apply e bind
16. new, Constructor, instanceof e Instances
17. Prototype Inheritance e Prototype Chain
18. Object.create e Object.assign
19. map, reduce, filter
20. Pure Functions, Side Effects e State Mutation
21. Closures
22. Funções de alta ordem
23. Recursão
24. Collections
25. Promises
26. async/await
27. Estrutura dos dados
28. Expensive Operation e Big O Notation
29. Algoritmos
30. Herança, Polimorfismo e Reutilização de Código
31. Padrões de design
32. Aplicações parciais, Currying, Compose e Pipe
33. Código limpo (clean)

1. Pilha de chamadas

Artigos (inglês/português)

• 📜 Entenda de uma vez por todas a pilha de chamadas (Callstack) do JavaScript — André D. Oliveira
• 📜 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
• 📜 Call Stack — MDN
• 📜 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

Vídeos

• 🎥 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
• 🎥 Call Stack & Event Loop — movies com
• 🎥 The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript — Tyler McGinnis

⬆ Voltar ao topo

2. Tipos primitivos

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 JavaScript Reference vs Primitive Types — Academind
• 🎥 JavaScript Primitive Types — Simon Sez IT
• 🎥 Javascript Primitive and Reference Types — Baljeet Singh
• 🎥 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

⬆ Voltar ao topo

3. Tipos de valores e Tipos de referências

Artigos (inglês)

• 📜 Explaining Value vs. Reference in Javascript — Arnav Aggarwal
• 📜 Understand Value and Reference Types in JavaScript — Zsolt Nagy
• 📜 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

Vídeos

• 🎥 Javascript Pass by Value vs Pass by Reference — techsith
• 🎥 JavaScript Value vs Reference Types — Programming with Mosh

⬆ Voltar ao topo

4. Implícito, Explícito, Nominal, Estruturando e Chamada de métodos

Artigos (inglês)

• 📜 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
• 📜 You Don't Know JS: Types & Grammar [Book] — Kyle Simpson
• 📜 (Not) Everything in JavaScript is an Object - Daniel Li
• 📜 Type Coercion in JavaScript, and why everyone gets it wrong.

Vídeos

• 🎥 == ? === ??? ...#@^% - Shirmung Bielefeld
• 🎥 Coercion in Javascript - Hitesh Choudhary
• 🎥 JavaScript Questions: What is Coercion? - Steven Hancock

⬆ Voltar ao topo

5. == vs === vs typeof

Artigos (inglês)

• 📜 JavaScript Double Equals vs. Triple Equals — Brandon Morelli
• 📜 What is the difference between =, ==, and === in JS? — Codecademy
• 📜 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

Artigos (português)

• 📜 Qual é a diferença entre "==" e "===" no JavaScript ?

Vídeos

• 🎥 JavaScript - The typeof operator — Java Brains
• 🎥 Javascript typeof operator — DevDelight

⬆ Voltar ao topo

6. Escopo da Função, Escopo do Bloco e Escopo léxico

Artigos (inglês)

• 📜 You Don't Know JS: Scope & Closures [Book] — Kyle Simpson
• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

7. Expression vs Statement

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 Expressions vs. Statements in JavaScript — Hexlet
• 🎥 JavaScript - Expression vs. Statement — WebTunings

⬆ Voltar ao topo

8. IIFE, Modules e Namespaces

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

9. Message Queue e Event Loop

Artigos (inglês)

• 📜 JavaScript Event Loop Explained — Anoop Raveendran
• 📜 The JavaScript Event Loop: Explained — Erin Sweson-Healey
• 📜 What is the Event Loop in Javascript — WP Tutor.io
• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

10. setTimeout, setInterval e requestAnimationFrame

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 Javascript: How setTimeout and setInterval works — Coding Blocks India
• 🎥 setTimeout and setInterval in JavaScript — techsith
• 🎥 JavaScript Timers — Steve Griffith
• 🎥 JavaScript setTimeout, setInterval & clearInterval — DoingITeasyChannel
• 🎥 JavaScript setTimeOut and setInterval Explained — Theodore Anderson

⬆ Voltar ao topo

11. JavaScript Engines

Artigos (inglês)

• 📜 JavaScript Engines — Jen Looper
• 📜 Understanding How the Chrome V8 Engine Translates JavaScript into Machine Code — DroidHead
• 📜 Understanding V8’s Bytecode — Franziska Hinkelmann
• 📜 How the V8 engine works? — Thibault Laurens
• 📜 A Brief History of Google’s V8 Javascript Engine — Clair Smith
• 📜 JavaScript essentials: why you should know how the engine works - Rainer Hahnekamp

Artigos (português)

• 📜 Programação assíncrona, Event Loop e NodeJs

Vídeos

• 🎥 JavaScript Engines: The Good Parts™ — Mathias Bynens & Benedikt Meurer

⬆ Voltar ao topo

12. Bitwise Operators, Type Arrays e Array Buffers

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 JavaScript Bitwise Operators — Programming with Mosh

⬆ Voltar ao topo

13. DOM e Layout Trees

Artigos (inglês)

• 📜 How To Understand and Modify the DOM in JavaScript — Tania Rascia
• 📜 JavaScript DOM Tutorial with Example — Guru99
• 📜 What is the DOM? — Chris Coyier
• 📜 Traversing the DOM with JavaScript — Zell Liew
• 📜 Eloquent JavaScript [Book] — The Document Object Model
• 📜 DOM Tree
• 📜 Render Tree Construction — Ilya Grigorik

Vídeos

• 🎥 JavaScript DOM — The Net Ninja
• 🎥 JavaScript DOM Crash Course — Traversy Media

⬆ Voltar ao topo

14. Factories e Classes

Artigos (inglês)

• 📜 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
• 📜 JavaScript Factory Functions vs Constructor Functions vs Classes — Eric Elliott
• 📜 JavaScript Factory Functions with ES6+ — Eric Elliott
• 📜 Factory Functions in JavaScript — Josh Miller
• 📜 The Factory Pattern in JS ES6 — SnstsDev
• 📜 Class vs Factory function: exploring the way forward — Cristi Salcescu

Vídeos

• 🎥 JavaScript Factory Functions — Programming with Mosh
• 🎥 Factory Functions in JavaScript — Fun Fun Function
• 🎥 Javascript Tutorial Function Factories — Crypto Chan

⬆ Voltar ao topo

15. this, call, apply e bind

Artigos (inglês)

• 📜 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
• 📜 call(), apply() and bind() methods in JavaScript
• 📜 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
• 📜 call() — MDN
• 📜 bind() — MDN
• 📜 apply() — MDN
• 📜 What is 'this' in JavaScript? — Daniel Li
• 📜 Let me explain to you what is this. (Javascript) — Jason Yu

Vídeos

• 🎥 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

⬆ Voltar ao topo

16. new, Constructor, instanceof e Instances

Artigos (inglês)

• 📜 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
• 📜 Beyond typeof and instanceof: simplifying dynamic type checks — Dr. Axel Rauschmayer
• 📜 What Is the Instanceof Operator in JavaScript — appendTo
• 📜 JavaScript instanceof vs typeof — Gary Rafferty
• 📜 Function and Object, instances of each other — Kiro Risk

⬆ Voltar ao topo

17. Prototype Inheritance e Prototype Chain

Artigos (inglês)

• 📜 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
• 📜 Inheritance and the prototype chain — MDN
• 📜 Master the JavaScript Interview: What’s the Difference Between Class & Prototypal Inheritance? — Eric Elliott
• 📜 Understanding JavaScript: Prototype and Inheritance — Alexander Kondov
• 📜 Prototypal Inheritance — JavaScript.Info
• 📜 How To Work with Prototypes and Inheritance in JavaScript — Tania Rascia
• 📜 Master JavaScript Prototypes & Inheritance — Arnav Aggarwal
• 📜 You Don't Know JS [Book] Chapter 5: Prototypes — Kyle Simpson
• 📜 JavaScript’s Prototypal Inheritance Explained Using CSS — Nash Vail
• 📜 Prototypal Inheritance in JavaScript — Jannis Redmann
• 📜 Classical and Prototypical Inheritance in JavaScript — Danny Cornelisse
• 📜 Demystifying ES6 Classes And Prototypal Inheritance ― Neo Ighodaro
• 📜 Intro To Prototypal Inheritance — Dharani Jayakanthan
• 📜 Classes in JavaScript - Explained — Daniel Li
• 📜 You Don't Know JS: this & Object Prototypes — Kyle Simpson

Vídeos

• 🎥 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

⬆ Voltar ao topo

18. Object.create e Object.assign

Artigos (inglês)

• 📜 Object.create() — MDN
• 📜 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
• 📜 Object.assign() — MDN
• 📜 JavaScript: Object.assign() — Thiago S. Adriano

Vídeos

• 🎥 Object.assign() explained — Aaron Writes Code
• 🎥 Object.assign() Method — techsith

⬆ Voltar ao topo

19. map, reduce, filter

Artigos (português)

• 📜 map(), filter() e reduce() em JavaScript — Tárcio Zemel
• 📜 JavaScript: Conhecendo map(), filter() e reduce() — Thiago S. Adriano

Artigos (inglês)

• 📜 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
• 📜 A possibility to use Async/Await for filter(), find(), forEach(), map() and reduce() methods in Array - Ruwan Geeganage

Vídeos

• 🎥 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

⬆ Voltar ao topo

20. Pure Functions, Side Effects e State Mutation

Artigos (inglês)

• 📜 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
• 📜 To mutate, or not to mutate, in JavaScript
• 📜 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

Vídeos

• 🎥 Pure Functions — Hexlet
• 🎥 Pure Functions - Functional Programming in JavaScript — Paul McBride
• 🎥 JavaScript Pure Functions — Seth Alexander

⬆ Voltar ao topo

21. Closures

Artigos (inglês)

• 📜 Closures — MDN
• 📜 I never understood JavaScript closures — Olivier De Meulder
• 📜 Closure — JavaScript.Info
• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

22. Funções de alta ordem

Artigos (inglês)

• 📜 Higher-Order Functions — Eloquent JavaScript [Book]
• 📜 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
• 📜 Higher Order Functions in JavaScript — Zsolt Nagy
• 📜 Fun With Higher Order Functions In JavaScript — Derick
• 📜 Just a reminder on how to use high order functions — Pedro Filho
• 📜 How to use JavaScript closures with confidence — Léna Faure
• 📜 JavaScript closures by example — tyler

Vídeos

• 🎥 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

⬆ Voltar ao topo

23. Recursão

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

24. Collections

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap — Traversy Media
• 🎥 The Differences between ES6 Maps and Sets — Steve Griffith

⬆ Voltar ao topo

25. Promises

Artigos (inglês)

• 📜 Promise — MDN
• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

26. async/await

Artigos (português)

• 📜 Entendendo o async e o await em JavaScript — Wendell Adriel
• 📜 Async Await, JS assincronamente síncrono — FELIPE N. MOURA

Artigos (inglês)

• 📜 async/await — JavaScript.Info
• 📜 Understanding async/await in Javascript — Gokul N K
• 📜 Asynchronous Programming — Eloquent JavaScript
• 📜 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
• 📜 Asynchronous Programming — Exploring JS
• 📜 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

Vídeos

• 🎥 Async + Await — Wes Bos
• 🎥 Asynchrony: Under the Hood — Shelley Vohr
• 🎥 async/await in JavaScript - What, Why and How — Fun Fun Function

⬆ Voltar ao topo

27. Estrutura dos dados

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 Algorithms in JavaScript — Seth Koch
• 🎥 Algorithms In Javascript | Ace Your Interview — Eduonix Learning Solutions
• 🎥 Data Structures and Algorithms in JavaScript — freeCodeCamp

⬆ Voltar ao topo

28. Expensive Operation e Big O Notation

Artigos (inglês)

• 📜 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

Vídeos

• 🎥 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

⬆ Voltar ao topo

29. Algoritmos

Artigos (inglês)

• 📜 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

⬆ Voltar ao topo

30. Herança, Polimorfismo e Reutilização de Código

Artigos (inglês)

• 📜 Class inheritance, super — JavaScript.Info
• 📜 Inheritance in JavaScript — MDN
• 📜 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

Vídeos

• 🎥 Inheritance in JavaScript — kudvenkat
• 🎥 JavaScript ES6 Classes and Inheritance — Traversy Media
• 🎥 Polymorphism in JavaScript — kudvenkat

⬆ Voltar ao topo

31. Padrões de design

Artigos (inglês)

• 📜 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
• 📜 All the 23 (GoF) design patterns implemented in Javascript — Felipe Beline
• 📜 Learning JavaScript Design Patterns — Addy Osmani

Vídeos

• 🎥 JavaScript Design Patterns — Udacity

⬆ Voltar ao topo

32. Aplicações parciais, Currying, Compose e Pipe

Artigos (inglês)

• 📜 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
• 📜 Functional-Light JavaScript Chapter 3: Managing Function Inputs — Kyle Simpson

Vídeos

• 🎥 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

⬆ Voltar ao topo

33. Código limpo (clean)

Artigos (inglês)

• 📜 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
• 📜 Clean Code JavaScript — Sarah Drasner
• 📜 Keeping your code clean — Samuel James
• 📜 Best Practices for Using Modern JavaScript Syntax — M. David Green

Artigos (português)

• 📜 Conceitos de Código Limpo adaptados em JavaScript - Felipe Augusto

⬆ Voltar ao topo