Home

Awesome

<h1 align="center"> <br> <a href="https://github.com/robinmetral/33-concepts-js"><img src="https://i.imgur.com/dsHmk6H.jpg" alt="33 concepts que tout développeur JavaScript devrait connaître" width=200"></a> <br> <br> 33 concepts que tout développeur JavaScript devrait connaître. <br><br> </h1> <p align="center"> <a href="https://opensource.guide/fr/how-to-contribute/#ouvrir-une-pull-request"> <img src="https://img.shields.io/badge/PRs-bienvenues-brightgreen.svg?style=flat-square" alt="PRs bienvenues"> </a> <a href="https://opensource.org/licenses/MIT"> <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="License MIT"> </a> </p>

Introduction

Ce dépôt est une traduction de 33-js-concepts par Leonardo Madonaldo.

Il a été créé dans le but d'aider les développeurs à maîtriser les concepts fondamentaux du JavaScript, et fonctionne comme un guide pour continuer à apprendre. Il est basé sur un article écrit par Stephen Curtis, que vous pouvez lire ici (en anglais :gb:).

:rocket: La version anglaise de ce dépôt est considérée par GitHub comme étant l'un des meilleurs projets open-source de 2018 !

:information_source: Les ressources ci-dessous sont principalement en anglais. Proposez un article ou une vidéo en français ici ou faites directement une pull request !


Table des matières

  1. Call Stack
  2. Primitive Types
  3. Value Types and Reference Types
  4. Implicit, Explicit, Nominal, Structuring and Duck Typing
  5. == vs === vs typeof
  6. Function Scope, Block Scope and Lexical Scope
  7. Expression vs Statement
  8. IIFE, Modules and Namespaces
  9. Message Queue and Event Loop
  10. setTimeout, setInterval and requestAnimationFrame
  11. JavaScript Engines
  12. Bitwise Operators, Type Arrays and Array Buffers
  13. DOM and Layout Trees
  14. Factories and Classes
  15. this, call, apply and bind
  16. new, Constructor, instanceof and Instances
  17. Prototype Inheritance and Prototype Chain
  18. Object.create and Object.assign
  19. map, reduce, filter
  20. Pure Functions, Side Effects and State Mutation
  21. Closures
  22. High Order Functions
  23. Recursion
  24. Collections and Generators
  25. Promises
  26. async/await
  27. Data Structures
  28. Expensive Operation and Big O Notation
  29. Algorithms
  30. Inheritance, Polymorphism and Code Reuse
  31. Design Patterns
  32. Partial Applications, Currying, Compose and Pipe
  33. Clean Code

1. Call Stack

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

2. Primitive Types

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

3. Value Types and Reference Types

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

4. Implicit, Explicit, Nominal, Structuring and Duck Typing

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

5. == vs === vs typeof

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

6. Function Scope, Block Scope and Lexical Scope

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

7. Expression vs Statement

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

8. IIFE, Modules and Namespaces

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

9. Message Queue and Event Loop

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

10. setTimeout, setInterval and requestAnimationFrame

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

11. JavaScript Engines

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

12. Bitwise Operators, Type Arrays and Array Buffers

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

13. DOM and Layout Trees

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

14. Factories and Classes

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

15. this, call, apply and bind

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

16. new, Constructor, instanceof and Instances

Articles

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

17. Prototype Inheritance and Prototype Chain

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

18. Object.create and Object.assign

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

19. map, reduce, filter

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

20. Pure Functions, Side Effects and State Mutation

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

21. Closures

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

22. High Order Functions

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

23. Recursion

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

24. Collections and Generators

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

25. Promises

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

26. async/await

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

27. Data Structures

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

28. Expensive Operation and Big O Notation

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

29. Algorithms

Articles

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

30. Inheritance, Polymorphism and Code Reuse

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

31. Design Patterns

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

32. Partial Applications, Currying, Compose and Pipe

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>

33. Clean Code

Articles

Vidéos

<p align="center"> :arrow_up: <strong><a href="#table-des-matières">Table des matières</a></strong> :arrow_up: </p>