30 ressources gratuites pour vous aider à apprendre les principes de base de JavaScript

Si vous apprenez JavaScript, vous avez probablement entendu à quel point il est important d'apprendre les bases.

Le problème est, vous n'êtes pas sûr de ce que les fondamentaux sont . Et, avec des milliers de ressources sur Internet, par où commencer?

Dans un épisode de Syntax, Wes et Scott font un excellent travail de couverture des fondamentaux de JavaScript. Ils passent en revue les compétences de base JS que j'utilise chaque jour dans mon travail de développeur JavaScript. En écoutant l'épisode, j'ai pensé à quel point il aurait été utile pour moi, en tant que débutant, d'avoir une liste organisée de ressources pour apprendre chaque concept fondamental. Alors je l'ai créé pour vous.

Vous trouverez ci-dessous la liste des principes fondamentaux de JavaScript de Wes et Scott, ainsi que mes ressources préférées (et 100% gratuites) pour apprendre chacune d'elles.

Variables + portée

Déclaration des variables JavaScript: var, let et const

ES6 laisse VS variables const

La différence entre la portée des fonctions et des blocs dans JavaScript

Les types

Introduction à JavaScript, Leçon 1: Types de données et variables

Comprendre les types de données en JavaScript

Objets

Introduction au développement Web: objets

Vous ne connaissez pas JS: objets et classes

Référence vs copie

Les fonctions

Écrire du JavaScript réutilisable avec des fonctions

Introduction au développement Web: fonctions et portée

Fonctions fléchées

Comment utiliser les méthodes d'objet dans JavaScript

Le DOM

Qu'est-ce que le DOM exactement?

JavaScript éloquent, Chapitre 14: The Dom

Prototypes + ceci

Un guide du débutant sur le prototype de JavaScript

Comprendre ceci, lier, appeler et appliquer en JavaScript

Événements

Fonctions de rappel

Qu'est-ce que la boucle d'événements de toute façon?

Bulles et capture

Tableaux

JavaScript Array et Object Methods pour faire de vous un meilleur développeur

10 méthodes de tableau JavaScript à connaître

Contrôle de flux

Apprendre JavaScript: boucles

Pour les boucles

JavaScript asynchrone: des rappels aux promesses, en passant par Async / Await. Cet article de Tyler McGinnes est le meilleur article sur async JS que j'ai jamais lu.

Introduction au développement Web: flux de contrôle

Sécurité et accessibilité

XSS et HTML interne

Accessibilité Web

Rédaction de code propre

Clean Code Book (lié à partir de la syntaxe)

Des choses que vous devez savoir, mais pas nécessairement maîtriser:

Modules ES6

Fermetures

Comme le soulignent Wes et Scott, construire de vrais projets avec JavaScript est ce qui cimentera ces principes fondamentaux que vous avez lus. Assurez-vous de créer des projets au fur et à mesure. Si vous vous sentez coincé sur la façon de passer des didacticiels à la création de projets, consultez cet article que j'ai écrit.

Si vous avez d'autres ressources à partager ou des commentaires sur cet article, n'hésitez pas à me tweeter.

Je crée un cours JavaScript gratuit pour les débutants. Inscrivez-vous pour être averti de son lancement et recevez-le 100% gratuitement dans votre boîte de réception!