Share
Nous avons créé un guide complet pour vous aider à apprendre le JavaScript, que vous soyez débutant en tant que développeur Web ou que vous souhaitiez explorer des sujets plus avancés..
Ou sautez-y et regardez nos cours JavaScript:
Apprendre quelque chose de nouveau fait peur. Pour moi, le plus gros problème avec l'acquisition d'une nouvelle compétence est que je ne sais pas ce que je ne sais pas. Dans ces conditions, il est souvent utile de trouver un plan pour apprendre tout ce qui vous intéresse. Voilà en quoi consiste cet article: votre plan directeur, votre feuille de route, votre plan d'action pour l'apprentissage de JavaScript! Vous n'avez pas à vous soucier de trouver les meilleures ressources, de trier les mauvaises et de déterminer ce qu'il faut apprendre par la suite. Tout est là. Il suffit de le suivre, étape par étape.
Et si, à tout moment, vous vous sentez bloqué (e), vous pouvez faire appel à l'un des experts en JavaScript de Envato Studio..
JavaScript est la langue du navigateur.
Avant de commencer réellement à apprendre le JavaScript, prenez une minute pour comprendre ce qu’il est et ce qu’il fait..
JavaScript n'est pas jQuery, Flash ou Java. C'est un langage de programmation séparé de tous ceux.
JavaScript est la langue du navigateur (pas exclusivement de nos jours, cependant). Son objectif principal est d’ajouter de l’interactivité à une page par ailleurs statique. Dans le navigateur, cela ne va pas remplacer PHP ou Ruby pour vous. Cela ne va même pas remplacer votre HTML ou CSS; vous l'utiliserez en conjonction avec eux. En outre, il n’est pas aussi terrible d’apprendre que vous l’auriez pensé ou entendu..
Encore une remarque: vous avez entendu parler de jQuery, qui est probablement la bibliothèque JavaScript la plus utilisée. Ou peut-être avez-vous entendu parler d'un des autres frameworks JavaScript populaires, tels que Mootools, YUI, Dojo et autres. Où se situent-ils dans l'image? Considérez-les comme une collection d'utilitaires d'aide JavaScript. vous écrivez toujours en JavaScript lorsque vous les utilisez, mais c'est un JavaScript fortement abstrait. Cela vous évite une tonne de travail.
Vous avez peut-être même entendu quelqu'un dire que vous devriez commencer par jQuery (ou une autre bibliothèque) et apprendre JavaScript ensuite. Je suis respectueusement mais fortement en désaccord. Commencez par maîtriser JavaScript, puis utilisez des bibliothèques. Vous comprendrez mieux ce que vous faites. et, par conséquent, vous écrirez beaucoup mieux JavaScript.
Codecademy est un site Web relativement nouveau qui se présente comme "le moyen le plus simple d'apprendre à coder". Vous serez le juge de ça! Actuellement, il n'y a que deux cours:? Premiers pas avec la programmation? et? Guide de démarrage rapide JavaScript.? C'est un moyen formidable de plonger vos orteils dans le pool JavaScript. Très semblable aux exercices Try Ruby, vous allez suivre de courtes leçons, écrire du code dans le navigateur et regarder les résultats. Tout en gagnant des points et en débloquant des badges de réussite.
Si vous connaissez déjà un autre langage de programmation, vous pouvez probablement commencer par le? Guide de démarrage rapide JavaScript ?; Si c'est la première fois que vous commencez à programmer (au-delà du HTML et du CSS), alors vous trouverez le menu «Démarrer avec la programmation». Bien sûr extrêmement utile. Codecademy est gratuit, mais l'inscription est obligatoire.
Les gens à appendTo ont un fantastique ensemble de screencasts spécialement conçus pour les débutants. Si vous voulez apprendre le JavaScript de la bonne manière (et facilement), travaillez avec ces leçons. L'entraînement visuel est toujours un avantage!
"Mettez vos compétences à niveau avec notre solution de formation pragmatique à la demande. Aucune inscription requise. Aucune capture. Aucune blague."
Une fois que vous aurez suivi les cours à la Codecademy, vous souhaiterez une introduction plus approfondie à JavaScript - une introduction qui vous présentera tous les types, opérateurs, structures de contrôle, etc..
Une poignée de bonnes introductions, si vous me le permettez:
Une fois que vous aurez commencé à utiliser JavaScript dans le navigateur, vous voudrez installer Firebug et vous en familiariser. Firebug est un plugin pour Firefox qui vous assiste dans la création et le débogage de vos pages Web: considérez-le comme le couteau du chirurgien pour les développeurs Web. Ne pas utiliser Firefox? Vous aimez Safari ou Chrome mieux? Aucun problème: consultez les outils de développement intégrés, qui sont très similaires à Firebug.
Vous pouvez ouvrir le panneau des outils de développement en appuyant sur
Option + Commande + Isur le Mac, ouContrôle + Maj + Isur le PC.
Vous en apprendrez beaucoup en ouvrant l'outil de votre choix et en cliquant simplement sur l'un de vos sites Web préférés. Voici quelques ressources qui vous permettront de vous mettre au diapason:
Alors maintenant, vous connaissez les bases. Cependant, il y a beaucoup plus à apprendre. Bien que je puisse vous recommander une liste de livres qui vous ruineraient, je la garderai pour quatre des livres de la plus haute qualité que vous trouverez nulle part ailleurs:
Ces deux premières sont des ressources JavaScript générales et approfondies qui amènent ce que vous savez des introductions à un niveau beaucoup plus profond; bien sûr, il y aura un certain chevauchement des introductions, mais pas beaucoup: juste assez pour vous tenir confortable.
(Remarque: bien que tous ces livres soient disponibles sur Amazon, je me suis connecté aux sites Web des éditeurs afin que vous puissiez consulter les exemples de chapitres disponibles.)
Bien que ces livres soient utiles pour comprendre le langage JavaScript et son utilisation dans le navigateur, il y a encore beaucoup à apprendre. Et bien que ces livres traitent de certains modèles et pratiques, voici deux livres consacrés à ces sujets que je pense que vous trouverez utiles..
Pendant que vous travailliez sur les ressources ci-dessus, vous auriez dû suivre les exemples de code: séparez-les et modifiez-les pour voir ce qui se passe. Mais maintenant, il est temps de partir seul. Il est temps de construire quelque chose.
Alors, que pouvez-vous construire? Vous pouvez faire beaucoup de choses. Voici quelques idées.
Accentsconagua
alt taguer ou parcourir les photos si l'utilisateur n'a pas cliqué dessus pendant une minute.div avec du texte dedans, et plusieurs boutons ci-dessus. Un bouton peut ajuster la largeur; un, la hauteur; et un, la couleur de fond. L'important n'est pas que les changements se produisent immédiatement, mais en l'espace d'une seconde, par exemple. N'oubliez pas que Google est votre ami, surtout si vous n'avez pas encore créé d'animation en JavaScript..Je suis sûr que vous pouvez penser à d'autres projets qui seront une excellente pratique. Bien sûr, poussez-vous hors de votre zone de confort; c'est la seule façon d'apprendre.
Assurez-vous également de vous référer à la catégorie JavaScript ici sur Nettuts + pour une liste complète de tutoriels, à tous les niveaux de compétence..
Si vous en êtes arrivé là, vous vous rendrez probablement compte qu'il y a plusieurs choses difficiles à accomplir en mode navigateur (ou du tout) en JavaScript. Les plus gros contrevenants sont probablement des choses comme la manipulation excessive de DOM, AJAX et l'animation. C'est ici qu'une bibliothèque vient le.
Comme je l'ai mentionné plus tôt, le but d'une bibliothèque JavaScript est de décomposer le contenu douloureux. Donc maintenant pourrait être le temps d'en regarder un. Il y en a une tonne au choix, et je vous laisse décider lequel expérimenter. Que ce soit jQuery ou Mootools, YUI ou Dojo, leurs sites respectifs vous donneront tout ce dont vous avez besoin pour commencer. Si vous en ressentez le besoin, essayez-le.
Bien qu'il existe certainement un nombre incalculable de bibliothèques disponibles, vous devriez essayer de vous en tenir à un choix populaire - du moins au début.
Lâchez ce que vous faites et abonnez-vous / suivez ces développeurs. C'est une exigence.
Il existe une tonne d'incroyables génies JavaScript, qui font toujours des choses intéressantes à ne pas manquer. Heureusement, notre éditeur associé Siddharth, qui ne dort jamais, a arrondi la liste des 33 développeurs auxquels vous DEVEZ adhérer en tant que JavaScript indésirable. Lâchez ce que vous faites et abonnez-vous / suivez ces développeurs. C'est une exigence.
Mais vous pouvez faire plus. Ce site Web sur le salon publie souvent des articles sur JavaScript, alors ne partez pas. Découvrez également le JavaScript Show, un podcast sur les plus récents et les plus performants du monde de JavaScript. Vous voudrez peut-être aussi vous inscrire à la lettre d'information électronique JavaScript Weekly.
Envato Market contient des centaines d’articles JavaScript populaires, allant des curseurs aux tickers d’actualités, des calendriers aux paniers d’achat..
Alors jetez un oeil à ce qui existe. Même si vous n'achetez rien, voir ce que d'autres personnes ont créé peut vous donner une idée du potentiel de JavaScript..
Une sélection des articles JavaScript sur le marché EnvatoMerci d'avoir lu! Espérons que ce plan puisse vous aider à devenir un fanatique de JavaScript. Si vous connaissez déjà JavaScript, pouvez-vous recommander d'autres ressources dans les commentaires??
