Top 25 des tutoriels JavaScript gratuits pour améliorer vos compétences en JavaScript
Publié: 2022-03-08La programmation frontale a continué d'augmenter en 2021, et nous ne pouvons que prévoir une autre phase de croissance énorme pour les langages frontaux en 2022. Des millions de nouveaux utilisateurs Web se connectent, et tous finiront par apprendre l'informatique, le développement Web , et la programmation. JavaScript s'est imposé comme un leader dans la bibliothèque de langages de programmation, dépassant les classiques d'autrefois comme Java ; certains disent que JavaScript atteint son apogée. On sent qu'il a encore de la place pour monter, et dominer les choix de langage de programmation.
ECMAScript 6 bat déjà son plein, il ne se passe pas un jour sans que quelqu'un n'écrive sur ES6 et ce qu'il apporte à la table pour les développeurs JavaScript nouveaux et chevronnés. L'avenir de JavaScript s'annonce bien, pour les deux ; développeurs web et logiciels. L'ingénierie matérielle et logicielle sont deux nouveaux domaines dans lesquels JavaScript peut être vu en train de dominer, en particulier à travers des frameworks populaires comme Node.js - JavaScript atteint de nouveaux marchés à chaque instant. De nombreux langages auront du mal à suivre, le pouvoir de la communauté derrière JavaScript a dépassé de nombreux arguments logiques et rationnels qui pourraient impliquer que d'autres langages sont meilleurs. Analyser quelque chose pour voir s'il conviendra à votre prochain emploi revient à vous poser quelques questions honnêtes.
JavaScript en tant que langage de programmation a prouvé au monde qu'il est durable, puissant et fiable. Apprendre JavaScript n'a jamais été aussi intrigant, beaucoup d'emplois à temps plein et indépendants, beaucoup de projets intéressants sur lesquels travailler chez GitHub, un flux constant de nouveaux articles et tutoriels de la communauté JavaScript, l'écosystème des langages est ultra sain, et super utile quand il s'agit de cela. Nous voulons contribuer à cet aspect communautaire en recrutant quelques douzaines d'articles de didacticiel JavaScript qui ont été publiés au cours des 2-3 derniers mois, en veillant à ce que la qualité des articles soit conforme aux derniers conseils, astuces et, bien sûr, aux normes JavaScript. , comme l'ES6.
Écrire des modules JavaScript réutilisables de nouvelle génération dans ECMAScript 6
Jim Cowart a passé beaucoup de temps à essayer de comprendre ES6 et à découvrir ses bizarreries et caractéristiques les plus secrètes qui peuvent aider les développeurs à construire mieux, plus rapidement et avec plus de résilience. L'intention principale de l'article est d'aider les développeurs Web anciens et nouveaux à créer des bibliothèques ES6 pouvant être utilisées dans le contexte ES5, ce qui signifie que Jim va également expliquer et montrer comment Babel peut être utilisé pour transformer les bibliothèques ES6 en bibliothèques ES5 entièrement fonctionnelles, et la raison de le faire est que les navigateurs Web essaient toujours de rattraper la nouvelle norme. Pour rendre la bibliothèque réutilisable et facile à utiliser pour d'autres développeurs, Jim se concentre beaucoup sur les modules, donnant un module pour presque tout, d'une manière qui lui convient.
Apprenez à créer des visualisations de données avec D3.js
La visualisation des données ne pourrait pas être plus importante à l'ère actuelle de la croissance du Web, de la croissance des entreprises grâce à la technologie et des objectifs généraux de la science des données. Et cela peut être si spécifique que parfois seule une poignée de personnes très douées créent le genre de visualisations qui attirent l'attention de certains des sites médiatiques les plus connus de la planète, bien que pas toujours légalement. La visualisation des données peut aider à visualiser des ensembles de données simples, à analyser les performances de votre site Web, à approfondir les données analytiques, etc.
Au fil des ans, JavaScript est devenu un favori parmi les scientifiques des données qui souhaitent jouer avec les données dans le navigateur et avec précision de manière efficace. Depuis la sortie de D3.js en 2011, la bibliothèque a dépassé toute concurrence possible. C'est un nom familier pour les développeurs JavaScript qui ont besoin d'un outil complexe pour effectuer des tâches complexes de science des données.
Bibliothèques d'applications frontales et architectures de composants
Cody Lindley a écrit un article JavaScript avisé qui agit plus comme un didacticiel pour aider les développeurs à apprendre comment les composants JavaScript natifs des frameworks et bibliothèques JavaScript les plus populaires sont devenus les mêmes. Comprendre ce concept facilite le choix entre les frameworks ou les bibliothèques avec lesquels travailler, car vous réalisez soudainement que ce ne sera pas autant de travail pour apprendre quelque chose de nouveau, car il utilisera la même structure de composants que votre dernier framework.
Meilleures pratiques React.js pour 2016
React était partout dans l'actualité en 2015. C'est la bibliothèque JavaScript à la croissance la plus rapide que la communauté ait vue ces dernières années, et elle est toujours activement utilisée par des centaines de milliers de développeurs chaque jour. React rend ridiculement simple la création d'interfaces d'interface utilisateur natives qui n'interfèrent pas avec les autres aspects de votre projet sur lesquels vous travaillez, donc dans un sens, vous pouvez utiliser React pour créer votre interface utilisateur, ou vous pouvez utiliser React pour vous aider à créer un une meilleure interface utilisateur, et à aucun moment React n'assumera le rôle d'une bibliothèque principale et ne fonctionnera à la place que lorsque vous le lui demanderez. Bien que tout cela semble simple, il y a encore une courbe d'apprentissage, et le CTO de RisingStack, Peter Marton, raconte tout sur les meilleures pratiques pour React, de son point de vue.
Nouveau sur Ember ? Commencer ici! (tutoriel 2016)
Nous avons déjà établi notre opinion sur Ember, c'est un framework de développement web moderne qui convenait parfaitement à l'un de nos articles récents ; meilleurs frameworks JavaScript. Ember permet aux développeurs JavaScript de créer rapidement des applications Web modernes pour les ordinateurs de bureau et les appareils mobiles sans trop compromettre ce que d'autres bibliothèques assemblées pourraient offrir. Si vous êtes nouveau sur Ember et que vous en avez entendu parler plus récemment, nous vous recommandons vivement de consulter ce didacticiel de Frank Treacy. Son style d'écriture et ses conseils sont parfaits pour comprendre plus en profondeur Ember Framework.
Comment apprendre ES6
De nombreux développeurs JavaScript savaient ce qu'est ES6, bien avant la publication de la norme. C'est la voie des langages de programmation, les normes deviennent disponibles sous forme de brouillons pour que la communauté les expérimente, avant que toute finalisation ne soit effectuée. Il en va de même pour ECMAScript 7 ou ES7 , les fonctionnalités sont déjà disponibles, mais tout le monde attend que les navigateurs rattrapent leur retard, ce qui n'est pas toujours facile. Eric Elliott a compilé un ensemble pratique d'articles et de conseils sur son article Medium sur la façon de mieux aborder le processus d'apprentissage ES6.
Définitions de fonctions en JavaScript
Marius Schulz donne aux développeurs JavaScript un aperçu du fonctionnement des définitions de fonctions en JavaScript et de la manière dont elles peuvent être abordées de trois manières différentes, en particulier depuis la sortie d'ES6 et des fonctions fléchées.
Démarrez votre propre bibliothèque JavaScript en utilisant webpack et ES6
Les bibliothèques JavaScript sont de minuscules petits scripts JavaScript (pas toujours minuscules) qui aident les développeurs à étendre leurs projets avec une fonction spécifique que vous auriez autrement besoin de créer séparément. Certains disent que React.js agit comme une bibliothèque, alors que d'autres disent qu'il s'agit plutôt d'un framework. Quoi qu'il en soit, Krasimir Tsonev réduit le processus de création d'une bibliothèque JavaScript avec ES6 et l'aide de WebPack.
7 fonctions JavaScript essentielles
David Walsh est un favori parmi de nombreux développeurs front-end, un développeur cohérent et également un écrivain qui n'a pas peur de partager ses pensées, ses opinions et ses expériences avec le monde du front-end. Son site Web est un excellent exemple de la portée du développement natif et de la beauté avec laquelle il peut être exécuté sous la forme d'un site Web de contenu. Cependant, son article ne concerne pas le design, mais les fonctions JavaScript ; une partie essentielle de la langue est des fonctions. David donne en plus sept fonctions que nous avons peut-être abandonnées lors de notre apprentissage de la langue et de ses aspects les plus importants.
Google Maps simplifié avec GMaps.js
Tout sur le Web se résume à un élément, un élément spécifique qui exécute une fonctionnalité sélectionnée. Dans le cas des cartes, nous pouvons utiliser le widget natif de Google Maps à partir de la page officielle de Google, ou nous pouvons compter sur des bibliothèques tierces qui fournissent un peu plus de fonctionnalités que ce que nous obtiendrions d'un widget autonome. Nous avons ici un didacticiel sur la meilleure façon d'aborder la bibliothèque GMaps.js et de tirer le meilleur parti de la création de vos cartes.
Résultats de l'enquête auprès des développeurs JavaScript
Les sondages peuvent ne pas ressembler du tout à des tutoriels, mais dans un sens, ils le sont. Ce sont des tutoriels vers la communauté, la façon dont la communauté pense, et ce que la communauté considère comme le meilleur pour aborder le langage, JavaScript, compte tenu de son évolution moderne. Alors oui, nous vous recommandons d'utiliser cette enquête pour en savoir plus sur les développeurs JavaScript, quelles sont leurs opinions et leurs recommandations, et peut-être intégrer certaines de ces informations dans votre propre flux de travail productif.
Réaction universelle
Des bibliothèques comme React ont changé la façon dont les applications côté client sont produites. Cette méthode de programmation présente de nombreux avantages, des performances améliorées et une accessibilité plus facile. Pourtant, il y a aussi des inconvénients, et l'un des inconvénients est de devoir fournir du contenu JavaScript aux utilisateurs qui n'ont pas de navigateurs compatibles JavaScript ou de robots de moteur de recherche qui ne fonctionnent pas bien avec JavaScript. La bonne nouvelle est que ce problème a été reconnu et qu'il est possible de créer une application côté client complète qui peut être rendue sur le serveur. React ouvre la voie pour faire de l'exécution JavaScript côté serveur et côté client une réalité, et Jack Franklin a publié un didacticiel qui examine plus en profondeur les problèmes et comment ils peuvent être résolus.
Comment planifier des tâches en arrière-plan en JavaScript
Craig Buckler donne une explication concise du fonctionnement des tâches d'arrière-plan en JavaScript et de la meilleure façon de les aborder. Craig Buckler a écrit des milliers d'articles pour SitePoint et possède une vaste expérience dans des langages tels que JavaScript, HTML5 et CSS3. Vous pouvez donc le croire sur parole lorsqu'il parle de sujets aussi vastes.
Les flux RSS rendent le contenu publié sur le Web beaucoup plus accessible. Aujourd'hui, 99 % des blogs prennent en charge les flux RSS, ce qui permet aux autres de recevoir régulièrement du contenu grâce à l'utilisation de flux. D'autres utilisations des flux incluent la possibilité de les analyser, puis d'utiliser les données analysées de différentes manières, que ce soit pour un site Web de ferme de liens ou pour une application nécessitant des ensembles spécifiques de données à partir d'un flux RSS analysé. Raymond Camden explore ce sujet plus en détail. et décompte les options possibles pour les développeurs JavaScript qui souhaitent utiliser JavaScript pour analyser les flux RSS.
Dudley Storey partage son histoire sur la façon dont il a transformé son site Web pour qu'il soit complètement exempt de tout framework JavaScript, et utilise à la place Vanilla JavaScript pour créer une expérience de navigation Web interactive pour ses lecteurs, sa dernière création a été un didacticiel sur la façon de faire pivoter des éléments de page individuels en utilisant Vanilla JavaScript. C'est un didacticiel fascinant qui ouvrira les portes à de nombreuses autres façons interactives d'utiliser JS dans vos projets Web.
Comment créer une application Todo à l'aide de React, Redux et Immutable.js
React, Redux et Immutable.js font évoluer rapidement les noms de bibliothèques JavaScript qui changent la façon dont nous percevons le développement et dont nous créons des applications pour tous les appareils. Emre Guneyler nous donne dans cet article une introduction rapide sur les trois bibliothèques et comment créer une seule "application todo" qui vous donnerait une meilleure idée de la façon dont se déroule la création d'applications avec des frameworks et des bibliothèques modernes.
5 étapes pour préparer votre code Angular 1 à Angular 2
Nous sommes de grands fans d'Angular.js - il suffit de consulter certains de nos meilleurs contenus Angular.js, tels que les modèles de site Web Responsive AngularJS, les modèles d'administration AngularJS et les ressources communautaires pour Angular 2 - nous sommes bien préparés pour accueillir Angular 2, et même plus encore avec l'ajout de ce tutoriel d'Oren Farhi. L'arrivée d'Angular 2 est inévitable, et si vous êtes un développeur Angular.js actif en ce moment, lisez ce tutoriel pour vous préparer aux changements à venir et préparez votre code pour une transition facile vers une nouvelle version.
Présentation d'ES6 en 350 puces
ES6 a été la plus grande mise à jour d'une norme JavaScript au cours des dernières années, c'est un ajout énorme à un langage de programmation déjà solide, mais cet ajout change vraiment la façon dont JavaScript fonctionne sur le Web. La façon dont cela continuera à fonctionner à mesure que les navigateurs commenceront à intégrer davantage de fonctionnalités délicates. Ce référentiel GitHub est une combinaison de plus de 350 puces qui traitent d'une tonne d'aspects différents d'ES6, comme les fonctionnalités, et comment utiliser ces fonctionnalités. Également des fonctions et à quoi ressemblent les nouvelles fonctions, avec de nombreux liens de ressources sortants pour vous aider à approfondir votre compréhension d'ES6.
Concurrently JavaScript : une série en 3 parties sur la concurrence dans JS
Kyle Simpson prend un moment pour partager ses réflexions sur la concurrence et l'asynchronicité JavaScript et sur la manière dont vous pouvez utiliser ces mêmes concepts dans votre environnement de développement. Un contenu fascinant, et bien plus encore un didacticiel approfondi divisé en trois parties différentes.
Le coût des cadres
Essayez d'apprendre à coder en JavaScript sans tomber sur des conseils intenses sur la façon dont l'utilisation d'un framework va résoudre tous vos problèmes, une grande partie de l'apprentissage de JavaScript de nos jours est basée sur des frameworks, comme React, Angular, Backbone et autres. Oui, les frameworks facilitent la création rapide d'applications Web et mobiles, mais quels sont les coûts réels de l'utilisation de frameworks, et non de JS natif (vanilla) ? Paul Lewis décrit cela en rassemblant une analyse de référence concise qui aide les développeurs nouveaux (et peut-être chevronnés) à faire de meilleurs choix de frameworks.
Anatomie d'une grande application angulaire
Angular est actuellement le principal framework JavaScript pour la création d'applications Web rapides. Cependant, la construction d'applications angulaires étendues et volumineuses peut s'avérer délicate, certains diraient que cela arrive au point où vous êtes sur le point de devenir fou, alors Kristian Poslek prend son temps pour redonner à la communauté en offrant un tutoriel sur la façon de créer de grandes applications angulaires sans devenir fou.
Détection de proximité de visage avec JavaScript
Les langages de programmation deviennent de plus en plus intelligents, chaque jour. Dans son tutoriel, Peter Bengtsson explique comment nous pouvons utiliser JavaScript pour créer un moteur de détection de proximité de visage que vous pouvez utiliser immédiatement dans vos applications et projets.
Que peut faire JavaScript ?
Vous n'êtes pas tout à fait sûr de ce que JavaScript peut faire ? David Small présente une présentation simple mais efficace sur les choses que JavaScript peut faire et le but principal de ce langage. Lecture intéressante pour quiconque s'intéresse à JavaScript, un tutoriel qui enseigne les aspects les plus larges du langage.
Sortir de la fatigue JavaScript - React Edition
La fatigue est un tueur de productivité, travailler avec quelque chose trop longtemps peut provoquer une fatigue profonde qui peut durer longtemps, mais aussi bien sûr, il y a le genre de fatigue que nous attribuons à des cadres spécifiques, ce qui dans ce cas se produit être Réagir. Alors, comment sortons-nous de notre fatigue envers React ? Reto Schlapfer a une réponse à cette question, plongez-y.
Ressources pour apprendre JavaScript en ligne
Nous avons exploré certains des meilleurs tutoriels à jour sur JavaScript que le Web propose, mais qu'allez-vous faire de tous ces tutoriels si vous n'avez aucune connaissance préalable de JavaScript ? Je suppose que c'est très peu probable, puisque vous avez particulièrement recherché des didacticiels JavaScript. Pourtant, il y a de fortes chances que vous souhaitiez étendre vos connaissances JS ou peut-être les rafraîchir après une longue période d'absence. Dans ce cas, voici une liste très accessible de sites Web et de plateformes qui proposent d'apprendre JavaScript en ligne gratuitement. Seulement le meilleur.
- Codecademy — une plateforme pour appréhender les fondamentaux du développement web, en particulier JavaScript. Codecademy est l'un des premiers sites avec lesquels les développeurs front-end nouveaux et en herbe commencent leur carrière. C'est amusant, c'est interactif et ça fait bien le travail.
- Learn-JS - est une plate-forme similaire à Codecademy, avec un ensemble différent de tâches et de courbes d'apprentissage, et très utile après avoir terminé Codecademy, pour affiner vos compétences nouvellement acquises et peut-être remarquer ce que vous auriez pu manquer.
- freeCodeCamp - une plate-forme de codage communautaire en évolution rapide où chaque membre du site peut participer à la résolution de problèmes, de défis, puis aider à proposer de nouvelles applications passionnantes pour les organisations à but non lucratif qui ne peuvent pas se permettre des codeurs professionnels. C'est une situation gagnant-gagnant.
- Guide de style - les guides de style aident à créer du code qui facilite la création des autres, AirBNB a publié son propre guide de style et il est rapidement devenu le guide de style JavaScript le plus populaire que vous puissiez trouver sur GitHub, ou ailleurs d'ailleurs.
Pour conclure, il est très évident que l'apprentissage de JavaScript ne devrait pas être un si gros problème, les développeurs actifs partagent constamment leurs conseils, idées et tutoriels sur la façon de devenir meilleur, ainsi que sur la façon d'utiliser le langage à son potentiel maximum. Nous espérons sincèrement que ces ressources seront des plus utiles pour votre processus d'apprentissage.