Roadmap JavaScript - Tout ce que vous devez apprendre

Salut HaWkers, soyez tous les bienvenus dans ce Roadmap JavaScript, ou vous allez apprendre tout ce dont vous avez besoin pour demarrer votre carriere dans le monde du JavaScript.

Ce Roadmap a pour objectif principal d'accelerer votre facon d'etudier, vous fournissant ainsi une carte que vous pouvez suivre dans l'ordre et avancer dans vos etudes JavaScript, couvrant des sujets basiques aux sujets avances pour vous preparer a affronter le monde des Frameworks qui est ou vous allez vraiment vous qualifier pour commencer votre carriere dans le domaine du Developpement de Software.

Orientations basiques

Avant de continuer, j'ai besoin que vous compreniez que ce Roadmap est en construction et qu'il est collaboratif.

L'approfondissement de chaque sujet specifique sera lance tous les jours au fil du temps, donc je vous conseille fortement de revenir sur ce Roadmap tous les jours pour suivre le lancement des contenus d'approfondissement.

Pour acceder aux contenus d'approfondissement de chaque sujet, cliquez simplement sur chacun des titres, ou quelque part ou il y a un lien, et vous serez dirige vers l'approfondissement du sujet specifique. (Si le sujet n'a pas encore de lien, c'est parce que l'article d'approfondissement n'a pas encore ete developpe).

Toute question, suggestion ou critique. Utilisez s'il vous plait la section de commentaires a la fin de l'article pour cela.

Commencons

Pour comprendre la meilleure facon d'etudier et d'approfondir chaque sujet, je les ai separes par couleurs.

Le niveau de classification de chaque contenu est base exclusivement sur mon opinion et mon experience personnelle dans le domaine.

Vous pouvez identifier chaque niveau en suivant les orientations des couleurs suivantes :

• 🟣 Necessaire a savoir, tres utilise
• 🟡 Interessant a savoir, mais peu utilise
• 🔴 Rarement utilise
• 🟠 Configuration d'environnement

🟡 Introduction au JavaScript

• 🟡 Qu'est-ce que JavaScript ?
• 🟡 Histoire du JavaScript
• 🟡 Applications Pratiques du JavaScript
• 🟡 Versions

🟠 Configuration de l'Environnement de Developpement

• 🟠 Installation Node.js et Npm
  • 🟠 Windows
  • 🟠 Linux/Mac
• 🟠 Editeur de Texte
  • 🟠 Installer Visual Studio Code sur Windows
  • 🟠 Installer Visual Studio Code sur Mac
  • 🟠 Installer Visual Studio Code sur Linux

🟣 Comprendre les Variables

• 🟣 Que sont les variables ?
• 🟣 Declarer des variables
• 🟣 Hoisting
• 🟣 Regles de nomenclature
• 🟣 Portee des variables
  • 🟣 Portee Globale (global scope)
  • 🟣 Portee de fonction (function scope)
  • 🟣 Difference

🟣 Types de donnees (Data Types)

• 🟣 String
• 🟣 Number
• 🟡 BigInt
• 🟣 Boolean
• 🟣 Null
• 🟣 Undefined
• 🔴 Symbol
• 🟣 Object
  • 🟣 Acceder aux cles d'un objet
    • Notation par point
    • Notation par crochets
• 🟡 Type Casting

🟣 Structures de Donnees (Data Structures)

• 🟣 Array
• 🟣 String
• 🟣 Object
• 🟡 Map
• 🟡 Set
• 🔴 Linked List

🟣 Comparaisons d'egalite (Equality Comparisons)

• 🟣 Operateur d'egalite simple ( == )
• 🟣 Operateur d'egalite stricte ( === )
• 🟢 Exercices Pratiques

🟣 Boucles et Interactions (Loops and Interactions)

• 🟣 Boucle For
  • 🟣 Boucle For avec Objets
  • 🟣 Boucle For...of
• 🟡 Boucle While
  • 🟡 Boucle Infinie : Un Piege a Eviter
• 🔴 Boucle Do-While
• 🟣 Boucle avec Array
  • 🟣 forEach
  • 🟣 Utiliser des Boucles avec les Methodes de String
  • 🟣 Utiliser des Boucles avec les Fonctions Asynchrones
• 🟡 Mot-cle continue dans les Boucles
• 🟡 Mot-cle break dans les Boucles
• 🔴 Boucles Imbriquees
  • 🟣 Boucles et Recursion

🟣 Controle de Flux (Control Flow)

• 🟣 if
• 🟣 if...else
• 🟣 switch
• 🟡 if...else if

🟣 Expressions et Operateurs (Expressions and Operators)

• 🟣 Operateurs d'affectation (Assignment Operators)
• 🟣 Operateurs de comparaison (Comparison Operators)
• 🟣 Operateurs arithmetiques (Arithmetic Operators)
• 🟣 Operateurs bit a bit (Bitwise Operators)
  • 🟣 AND
  • 🟣 OR
  • 🔴 XOR
• 🟣 Operateurs logiques (Logical Operators)
• 🔴 BigInt Operators
• 🟣 Operateurs de string (String Operators)
• 🟣 Operateurs conditionnels (Conditional Operators)
• 🟣 L'operateur virgule (Comma Operator)
• 🟣 Operateurs unaires (Unary Operators)
• 🟣 Operateurs relationnels (Relational Operators)

🟣 Fonctions (Functions)

• 🟣 Parametres de Fonctions
• 🟡 Parametres avec valeur par defaut (Default Params)
• 🔴 Parametre Rest (Rest Params)
• 🔴 IIFEs (Immediately Invoked Function Expressions)
• 🔴 Arguments Object
• 🟣 Built-in Functions
• 🟣 Portee et pile de fonctions (Scope and function stack (Call stack))

🔴 Mode Strict (Strict Mode)

🟣 Utiliser (this) (this Keyword)

• 🟣 this dans les Arrow Functions
  • 🟣 Contexte Lexical (Lexical Context)

🟣 Programmation Asynchrone

• 🟣 Callbacks
• 🟣 Promises
• 🟡 Callback Hell

🟣 Travailler avec les APIs

🟡 Classes

• 🟡 Super

🔴 Iterateurs et Generateurs (Iterators and Generators)

• 🔴 Iterateurs
• 🔴 Generateurs

🟣 Modules JavaScript (JavaScript Modules)

• 🟡 CommonJS
• 🟣 ECMAScript Modules (ES Modules)

🔴 Gestion de la Memoire (Memory Management)

• 🔴 Parler un peu du cycle de vie de la memoire

🟣 Utiliser les Chrome Dev Tools

• 🟣 Apprendre a debugger les problemes
• 🔴 Apprendre a debugger les fuites de memoire (Memory Leak)
• 🔴 Apprendre a debugger les performances

Maintenez la coherence dans vos etudes.

Il est possible qu'au debut, les concepts semblent confus, mais ne vous decouragez pas ! Continuez a etudier et pratiquer, car, a un moment donne, tout deviendra clair. Et quand cela arrivera, n'oubliez pas de partager vos reussites avec moi !

Explorez d'autres sources de connaissances.

La communaute des developpeurs est riche en ressources et en collaboration. Donc, continuez a chercher d'autres sources de connaissances comme des cours, tutoriels, forums et groupes de discussion pour ameliorer encore plus vos competences dans ce vaste monde.

La discipline est fondamentale !

Consacrez-vous et investissez du temps dans vos etudes, tous les jours ! Rappelez-vous que la dedication et la perseverance sont des ingredients indispensables au succes. Bien qu'il n'y ait pas de chemin facile, avec de l'effort, les resultats seront grands !

Gardez a l'esprit que ce roadmap represente seulement le point de depart. Maintenant, c'est a vous de continuer a explorer, apprendre et evoluer en tant que developpeur(euse). J'ai la conviction que vous allez prosperer dans cet univers !

Je vous souhaite du fond du coeur un voyage extraordinaire et, si vous avez des questions, je serai toujours disponible pour vous aider.

Conclusion

Nous arrivons a la fin de notre "Roadmap JavaScript - Tout ce que vous devez apprendre", mais ca ne s'arrete pas la ! Votre voyage dans le monde de la programmation vient juste de commencer !

N'oubliez pas non plus de partager votre evolution dans les commentaires, ce sera un grand plaisir de suivre vos evolutions tout au long du chemin.

Ah, et suivez-moi aussi sur mes Reseaux sociaux. Je suis sur qu'il y aura quelque chose la-bas qui vous aidera a avancer encore plus !

Instagram - Youtube - Linkedin - GitHub

C'est parti !