Commencez à coder JavaScript dès maintenant avec ces 5 grandes ressources gratuites

Publicité

"Amour - l'amour est un verbe, l'amour est un mot qui fait", ou alors la chanson va. Et en fait, la même chose peut être dite à propos de JavaScript: ce langage de programmation chaud-brûlant est un langage faisant .

Si vous pensez que JavaScript est intéressant, vous devez faire JavaScript - pas seulement lire à ce sujet. Démarrer est beaucoup plus facile que vous ne le pensez, et ne coûte rien. J'ai repéré trois ressources de choix pour l'apprentissage de JavaScript, qui consistent à vous inciter à faire quelque chose avec la langue, plutôt que de simplement lire ou regarder des vidéos.

Pour une visite guidée: la piste JavaScript de Codeacademy

En supposant que vous en sachiez très peu sur JavaScript, une visite guidée dans la langue serait un bon premier pas. Certaines personnes le font avec un livre ou deux, d'autres le font avec une série de vidéos. L'excellent code école a un chemin JavaScript qui utilise des vidéos et des exercices bien conçus, mais il tourne autour de technologies auxiliaires telles que jQuery ou CoffeeScript CoffeeScript est JavaScript sans les maux de tête CoffeeScript est JavaScript sans les maux de tête je n'ai jamais vraiment aimé autant. A partir du jour où j'ai écrit ma première ligne en l'utilisant, j'ai toujours ressenti que tout ce que j'écris finit toujours par ressembler à un Jackson ... Lire la suite. En outre, cela coûte de l'argent.

Si vous recherchez une ressource à la fois gratuite et fortement orientée vers le faire, vous avez besoin de la piste JavaScript de Codeacademy. Ce cours JavaScript guidé utilise le minimum absolu d'explications textuelles, toutes entassées dans la barre latérale. La majeure partie de l'écran est occupée par un éditeur de code élégant qui fonctionne directement dans votre navigateur. Pour progresser dans le cours, vous devez effectuer les tâches de codage réelles (simples):

Le navigateur vérifie votre code - une fois que vous l'avez compris, vous passez à la phase suivante. Le cours couvre de nombreuses bases de JavaScript, des fonctions aux boucles, au flux de contrôle, aux structures de données et aux objets. C'est une excellente façon de vous familiariser avec le langage de base, avant de plonger dans des bibliothèques telles que jQuery. Si vous connaissez déjà le JavaScript, vous n'avez pas besoin de recommencer depuis le début: vous pouvez faire n'importe quelle section que vous aimez, ou même progresser dans plusieurs sections en parallèle.

Pour expérimenter: la console de Chrome et jsFiddle

Une fois que vous avez une compréhension de base de la syntaxe JavaScript simple, la prochaine chose importante à garder à l'esprit à propos de la langue est qu'elle est très accessible: Vous lisez probablement ces mots dans une fenêtre de navigateur en ce moment. Cela signifie que vous utilisez déjà un environnement JavaScript à part entière, en ce moment même. Rien à installer ou à configurer - faites un clic droit sur n'importe quoi sur la page et sélectionnez Inspecter l'élément . Vous obtiendrez les éléments suivants:

En cliquant sur l'icône ci-dessus, vous pouvez faire apparaître une console JavaScript qui s'exécute dans le contexte de la page que vous êtes en train de regarder. En d'autres termes, vous pouvez manipuler la page actuelle avec du code JavaScript arbitraire, utiliser des bibliothèques (comme jQuery Tutorial jQuery - Mise en route: Bases et sélecteurs Tutoriel jQuery - Mise en route: Basics & Selectors La semaine dernière, j'ai parlé de l'importance de jQuery Cette semaine, je pense qu'il est temps de nous salir les mains avec du code et d'apprendre comment ... Lire la suite) chargé de la page, et faire tout ce que vous souhaitez.

C'est une très bonne façon d'apprendre par essais et erreurs, parce que c'est tellement accessible et il n'y a aucune peur. Vous ne pouvez pas faire de dégâts - aucun de vos changements n'est enregistré n'importe où, et tout ce qu'il faut, c'est un simple appui sur la touche F5 pour revenir à tout ce que vous avez fait et recommencer. Une autre chose importante à comprendre à propos de la console est que vous n'êtes pas limité à one-liners: Vous pouvez écrire plusieurs lignes de code. Pour commencer une nouvelle ligne sans exécuter le code que vous avez entré jusqu'à présent, appuyez sur Maj + Entrée.

Parfois, vous pouvez souhaiter créer votre propre environnement, cependant: Une combinaison personnalisée de HTML, CSS, bibliothèques JavaScript, et votre propre code. Cela peut vous aider à tester des idées plus complètes. Si vous souhaitez créer quelque chose comme ça sans avoir à configurer quoi que ce soit localement, jsFiddle est ce dont vous avez besoin. Il s'agit d'un environnement à quatre volets: HTML, CSS, JavaScript et la sortie. Une barre latérale vous permet de choisir toutes sortes d'extras, comme la bibliothèque JavaScript sur laquelle vous voulez compter. Il y a aussi un tas d'exemples, dont certains peuvent être trop élaborés pour les débutants:

L'utilisation judicieuse de la console de Chrome et de jsFiddle devrait vous aider à garder JavaScript accessible, ludique et vivant dans votre esprit. Se concentrer uniquement sur les visites guidées à travers la langue sans faire vos propres expériences pourrait en fait finir par rendre JavaScript plus intimidant qu'il ne l'est en réalité. Après tout, c'est votre code - jouez!

Pour référence: Réseau de développeurs Mozilla et documentation de l'API jQuery

Nous avons mentionné le réseau de développeurs Mozilla avant, comme l'une des nombreuses ressources qui peuvent vous aider à apprendre à coder: 10 ressources en ligne gratuites et fantastiques pour perfectionner vos compétences Apprenez à coder: 10 ressources en ligne gratuites et fantastiques pour perfectionner vos compétences Codage. Un sujet évité par beaucoup. Il existe une abondance de ressources et d'outils gratuits, tous disponibles en ligne. Bien sûr, vous pourriez prendre quelques cours sur le sujet à un proche ... Lire la suite. C'était dans un contexte plus général, car le MDN contient des informations sur une grande variété de sujets. Pour notre propos ici, vous devez savoir que le MDN sert de manuel de référence très solide pour tout ce qui est JavaScript. Le MDN offre un guide JavaScript structuré que vous pouvez suivre étape par étape (en fonction de votre niveau de connaissances antérieures en programmation), mais sa vraie force réside dans sa section de référence JavaScript. C'est une section que vous pouvez utiliser comme un dictionnaire, juste pour comprendre la structure des instructions spécifiques.

Une autre ressource de référence clé est la documentation de l'API jQuery. Tout comme le MDN, cette documentation de l'API peut sembler intimidante, effrayante et tout à fait inamicale au premier abord. Et oui, aucune de ces ressources de référence ne vous guidera à travers des explications douces - mais elles le compensent en étant compréhensif, très digne de confiance et autoritaire.

Les codeurs ne doivent pas nécessairement tout savoir - une grande partie du travail consiste à savoir où chercher lorsque vous avez besoin de comprendre quelque chose. Apprendre à lire et à comprendre la documentation officielle est une étape importante sur la voie de l'amélioration de votre style de codage et de vos connaissances. Les références sont des outils puissants dans la quête de l'apprentissage par la pratique, car chaque sujet est généralement autonome: vous pouvez rechercher rapidement les informations dont vous avez besoin, obtenir le noyau de ce dont vous avez besoin et poursuivre le codage.

Et enfin, un livre optionnel

Il y a un livre que je voudrais recommander. Il ne s'agit pas de JavaScript, et vous n'y trouverez aucun exercice. En fait, il n'a presque pas de code du tout. Et pourtant, c'est un très bon livre à lire si vous êtes curieux de la programmation de toute sorte: il s'appelle Code Simplicity, et il vous apprend à penser à la programmation, et comment aborder le sujet dans son ensemble. Vous pouvez lire ma critique complète sur la page Amazon (actuellement marquée comme la revue de client la plus utile, awww), mais en un mot, c'est un excellent livre sur les fondements philosophiques du codage. C'est comme prendre quelques pas en arrière du clavier et juste méditer sur le sujet dans son ensemble.

La simplicité du code n'est pas une obligation de lecture, mais si vous pensez que vos connaissances peuvent vous être utiles en lisant un livre, c'est une bonne idée pour commencer.

Apprenez-vous en faisant?

Et maintenant, je finis par vous demander: Comment apprenez- vous à apprendre à coder? Apprenez-vous en faisant, ou êtes-vous plus d'un lecteur? Quelles sont les ressources que vous avez utilisées dans votre quête pour devenir un codeur? Faites-moi savoir dans les commentaires!