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

“Amour - l'amour est un verbe, l'amour est un mot qui agit,” ou alors la chanson va. Et en réalité, on peut dire la même chose de JavaScript: ce langage de programmation brûlant est un Faire la langue.

Si vous pensez que JavaScript est intéressant, vous devez faire JavaScript - pas seulement lu à ce sujet. La mise en route est beaucoup plus facile que vous ne le pensez et ne coûte rien. J'ai repéré trois ressources de choix pour apprendre JavaScript qui sont toutes sur le point de vous amener à faire quelque chose avec la langue, plutôt que de simplement lire ou regarder des vidéos.

Pour une visite guidée: JavaScript Track de Codeacademy

En supposant que vous en sachiez très peu sur JavaScript, une première visite guidée dans cette langue serait un bon début. Certaines personnes le font avec un livre ou deux, d'autres avec une série de vidéos. L'excellente Code School a un chemin JavaScript qui utilise à la fois 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. autant. Depuis le jour où j’ai écrit ma première ligne en l’utilisant, j’ai toujours regretté que tout ce que j’écrivais ressemble toujours à un Jackson…. En outre, cela coûte de l'argent.

Si vous recherchez une ressource à la fois gratuite et l’accent est mis sur le suivi, il vous faut 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 plus grande partie de l'écran est occupée par un éditeur de code élégant, directement dans votre navigateur. Pour progresser dans le cours, vous devez effectuer des tâches de codage réelles (simples):

Le navigateur vérifie votre code - une fois que vous avez bien compris, vous passez à la phase suivante. Le cours couvre de nombreuses bases de JavaScript, des fonctions aux boucles, en passant par les flux de contrôle, les structures de données et les objets. C'est un excellent moyen de vous familiariser avec le langage principal avant de plonger dans des bibliothèques telles que jQuery. Si vous connaissez déjà un peu de JavaScript, vous n'avez pas à commencer depuis le début: vous pouvez faire n'importe quelle section, ou même progresser dans plusieurs sections en parallèle..

Pour expérimenter: la console de Chrome et jsFiddle

Une fois que vous avez compris les bases de la syntaxe JavaScript simple, la chose la plus importante à garder à l’esprit est que le langage est très accessible: vous lisez probablement ces mots à partir de la fenêtre du navigateur. Cela signifie que vous utilisez déjà un environnement JavaScript à part entière, en ce moment même. Rien à installer ou à configurer - il suffit de cliquer avec le bouton droit de la souris sur un élément de la page et de sélectionner Inspecter l'élément. Vous obtiendrez ce qui suit:

En cliquant sur l'icône indiquée ci-dessus, vous pouvez afficher une console JavaScript qui s'exécute dans le contexte de la page que vous consultez actuellement. En d'autres termes, vous pouvez manipuler la page en cours avec du code JavaScript arbitraire, utiliser n'importe quelle bibliothèque (telle que jQuery Tutoriel jQuery - Mise en route: principes de base et sélecteurs Tutoriel jQuery - Démarrage: principes de base et sélecteurs La semaine dernière, j'ai parlé de l'importance de jQuery à n'importe quel développeur web moderne et pourquoi c'est génial. Cette semaine, je pense qu'il est temps de nous salir les mains avec du code et d'apprendre comment…) charger avec la page et faire ce que vous voulez.

C'est un très bon moyen d'apprendre par essais et erreurs, car il est si accessible et qu'il n'y a aucune peur. Vous ne pouvez causer aucun dommage - aucune de vos modifications n'est enregistrée nulle part, et il suffit d'un appui sur la touche F5 pour annuler tout ce que vous avez fait et recommencer. Une autre chose importante à comprendre à propos de la console est que vous n'êtes pas limité à une ligne: 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 souhaiterez peut-être créer votre propre environnement: combinaison personnalisée de bibliothèques HTML, CSS, JavaScript et de votre propre code. Cela peut vous aider à tester des idées plus complètes. Si vous souhaitez créer quelque chose comme ceci 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, tels que la bibliothèque JavaScript sur laquelle vous voulez compter. Il existe également de nombreux exemples, dont certains sont peut-être trop élaborés pour les débutants:

Une utilisation judicieuse de la console de Chrome et de jsFiddle devrait vous aider à garder le JavaScript accessible, ludique et vivant dans votre esprit. Si vous vous concentrez uniquement sur des visites guidées dans la langue sans faire vos propres expériences, JavaScript pourrait sembler plus intimidant qu’il ne l’est réellement. Après tout, c'est votre code - jouer!

Pour référence: Mozilla Developer Network et la documentation de l'API jQuery

Nous avons déjà mentionné le réseau de développeurs Mozilla, l'une des nombreuses ressources pouvant vous aider à apprendre à coder Apprenez à coder: 10 ressources en ligne gratuites et fantastiques pour perfectionner vos compétences Codage. Un sujet qui est évité par beaucoup. Il existe une abondance de ressources et d'outils gratuits, tous disponibles en ligne. Bien sûr, vous pourriez suivre des cours sur le sujet dans un endroit proche…. 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, vous devez savoir que le MDN sert de manuel de référence très solide pour tout ce qui concerne JavaScript. MDN propose un guide JavaScript structuré que vous pourrez éventuellement suivre étape par étape (en fonction de votre niveau de connaissance en programmation), mais sa véritable force réside dans sa section de référence JavaScript. Ceci est une section que vous pouvez utiliser comme dictionnaire, pour comprendre la structure d'instructions spécifiques.

La documentation de l'API jQuery est une autre ressource de référence clé. Tout comme le MDN, cette documentation sur l'API peut sembler décourageante, effrayante et tout à fait hostile au début. Et oui, aucune de ces ressources de référence ne vous guidera à travers des explications douces - mais ils le compensent en étant exhaustif, très digne de confiance et faisant autorité.

Les codeurs ne doivent pas nécessairement tout savoir - une grande partie du travail consiste à savoir où regarder quand vous devez trouver quelque chose. Apprendre à lire et à comprendre la documentation officielle est une étape importante dans l'amélioration de votre style et de vos connaissances en matière de codage. Les références sont des outils puissants dans la quête pour apprendre par la pratique, car chaque sujet est généralement autonome: vous pouvez rapidement rechercher quelque chose pour lequel vous avez besoin de plus d'informations, obtenir l'essentiel de ce dont vous avez besoin et continuer à coder..

Et enfin, un livre optionnel

Il fait est un livre que je voudrais recommander. Il ne s'agit pas de JavaScript et vous n'y trouverez aucun exercice. En fait, il n’ya pratiquement aucun code. Et pourtant, c’est un très bon livre à lire si vous êtes curieux de savoir quelque programmation que ce soit: C’est ce qu’on appelle Code Simplicity. Il vous apprend à penser à la programmation et à aborder le sujet dans son ensemble. Vous pouvez lire ma critique complète directement sur la page Amazon (actuellement désignée comme la plus utile des critiques de clients, 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 réfléchir au sujet dans son ensemble.

Code Simplicity n'est pas une lecture obligatoire, mais si vous sentez que vos connaissances peuvent être utiles en lisant un livre, c'est un excellent livre pour commencer.

Apprenez-vous en faisant?

Et maintenant, je peux enfin vous demander: comment vous approche apprendre à coder? Apprenez-vous en faisant, ou êtes-vous plus 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!