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. CoffeeScript est JavaScript sans les maux de tête. Je n'ai jamais vraiment aimé écrire JavaScript. autant. Depuis le jour où j'ai écrit ma première ligne en l'utilisant, j'ai toujours regretté que tout ce que j'écrive apparaisse toujours comme un Jackson… Lire la suite. En outre, cela coûte de l'argent.

Si vous recherchez une ressource à la fois gratuite et insiste beaucoup sur le fait, 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, 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, il est important de garder à l’esprit que le langage est très accessible: vous lisez probablement ces mots dans une fenêtre du navigateur. Cela signifie que vous utilisez déjà un environnement JavaScript à part entière, dès maintenant. 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 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 actuelle 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 à tout développeur web moderne et pourquoi c'est génial. Cette semaine, je pense qu'il est temps de se salir les mains avec du code et d'apprendre comment… Lire la suite) chargé avec la page, et faisons ce que vous voulez.

C’est un très bon moyen d’apprendre par essais, car c’est très accessible et il n’ya 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 ne vous limitez pas à une seule 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 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 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… En savoir plus. 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 est JavaScript. MDN propose un guide JavaScript structuré que vous pourrez peut-être suivre pas à pas (selon 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 avez besoin de trouver une solution. Apprendre à lire et à comprendre la documentation officielle est une étape importante pour améliorer votre style et 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 connaître une programmation quelconque: C’est ce qu’on appelle Code Simplicity. Elle 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? Apprends-tu en faisant, ou es-tu 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!

Explorez plus sur: Education Technology, JavaScript, Programming.