Top 25 des tutoriels JavaScript gratuits pour améliorer vos compétences JavaScript

La programmation front-end a continué d'augmenter en 2015, et nous ne pouvons prévoir une autre phase de croissance énorme pour les langages front-end qu'en 2016. Des millions de nouveaux utilisateurs Web se connectent, et tous finiront par apprendre l'informatique, le développement Web , et la programmation en particulier. JavaScript s'est imposé comme un leader dans la bibliothèque de langages de programmation, dépassant les anciens classiques comme Java ; certains disent que JavaScript est à son apogée, alors que nous pensons qu'il lui reste encore de la place pour s'élever 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 aux développeurs JavaScript nouveaux et chevronnés. L'avenir de JavaScript s'annonce prometteur, pour les deux ; développeurs web et logiciels. L'ingénierie matérielle et logicielle sont deux nouveaux domaines dans lesquels JavaScript peut être considéré comme dominant, en particulier grâce à l'utilisation de frameworks populaires comme Node.js - JavaScript atteint de nouveaux marchés à chaque instant, et de nombreuses langues 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 soient meilleurs. Analyser quelque chose pour voir si cela 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, plein d'emplois à la fois à temps plein et en freelance, beaucoup de projets intéressants sur lesquels travailler sur GitHub, un flux constant de nouveaux articles et tutoriels de la communauté JavaScript, l'écosystème des langues est ultra sain, et super utile quand il s'agit de ça. Nous souhaitons contribuer à cet aspect communautaire en recrutant quelques dizaines d'articles de didacticiels 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.

Écriture de modules JavaScript réutilisables de nouvelle génération dans ECMAScript 6

Jim Cowart a passé beaucoup de temps à essayer de comprendre ES6 et à essayer de découvrir ses bizarreries et traits les plus secrets 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 en est que les navigateurs Web essaient toujours de rattraper le nouveau standard. Pour rendre la bibliothèque réutilisable et facile à utiliser pour d'autres développeurs, Jim se concentre beaucoup sur les modules, en 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 fins générales de 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 être utile pour visualiser des ensembles de données simples, analyser les performances de votre site Web, approfondir les données d'analyse, et bien plus encore.

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 de manière efficace et précise. Depuis la sortie de D3.js en 2011, la bibliothèque a dépassé toute concurrence possible et 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 opiniâtre 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 tous devenus les mêmes. Comprendre ce concept facilite le choix entre les frameworks ou les bibliothèques avec lesquels travailler, car tout à coup vous réalisez que ce ne sera pas autant de travail pour apprendre quelque chose de nouveau, car il utilisera à peu près la même structure de composants que votre dernier cadre.

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 au cours des 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 lequel vous travaillez. 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, parle des meilleures pratiques pour React, de son propre point de vue.

Nouveau sur Ember ? Commencer ici! (tutoriel 2016)

Nous avons déjà établi notre opinion sur Ember, c'est un cadre 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 avoir à faire beaucoup de compromis sur 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 fortement de consulter ce tutoriel de Frank Treacy. Son style d'écriture et ses conseils sont parfaits pour mieux comprendre Ember Framework.

Comment apprendre l'ES6

En réalité, de nombreux développeurs JavaScript savaient ce qu'est ES6 bien avant la sortie de la norme. C'est la façon dont les langages de programmation sont utilisés, les normes deviennent disponibles sous forme de brouillons pour que la communauté puisse les expérimenter, avant que les finalisations ne soient faites. Idem 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 un processus fluide. Eric Elliott a compilé un ensemble pratique d'articles et de conseils sur son article Medium sur la meilleure façon d'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 Arrow.

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, là où certains 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 aussi un écrivain qui n'a pas peur de partager ses pensées, ses opinions et ses expériences avec le monde front-end. Son propre site Web est un excellent exemple de la mesure dans laquelle le développement natif peut être poussé et de la beauté de son exécution sous la forme d'un site Web de contenu. Cependant, son article ne concerne pas le design, mais les fonctions JavaScript ; la partie la plus essentielle de la langue est constituée de fonctions, et David donne en plus sept fonctions que nous avons peut-être abandonnées au cours de notre processus d'apprentissage de la langue et de ses aspects les plus importants.

Google Maps simplifié avec GMaps.js

Chaque chose 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 Google Maps natif de la page officielle de Google, ou nous pouvons nous appuyer sur des bibliothèques tierces qui offrent un peu plus de fonctionnalités que ce que nous obtiendrions avec un widget autonome. Nous avons ici un tutoriel 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 aussi 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 comme moyen d'en savoir plus sur les développeurs JavaScript, quelles sont leurs opinions et recommandations, et peut-être d'intégrer certaines de ces informations dans votre propre flux de travail productif.

Réagir universel

Des bibliothèques comme React ont vraiment changé la façon dont les applications côté client sont produites. Il y a beaucoup d'avantages à cette façon de programmer, des performances améliorées, parmi une accessibilité plus facile, mais il y a aussi des inconvénients, et l'un des inconvénients est de devoir servir du contenu JavaScript aux utilisateurs qui n'ont pas de navigateurs compatibles avec JavaScript, ou pour la recherche des robots moteurs qui ne fonctionnent pas vraiment 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 détail les problèmes et la manière dont 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 en 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.

Analyser les flux RSS en JavaScript – Options

Les flux RSS rendent le contenu publié sur les sites Web d'autant plus accessible. 99% des blogs prennent aujourd'hui en charge les flux RSS, ce qui permet aux autres de recevoir facilement du contenu régulièrement 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 de données spécifiques à partir d'un flux RSS analysé, Raymond Camden explore ce sujet plus en détail et compte à rebours les options possibles pour les développeurs JavaScript qui souhaitent utiliser JavaScript pour analyser les flux RSS.

Faire pivoter les éléments sur le défilement avec JavaScript

Dudley Storey partage son histoire sur la façon dont il a transformé son site Web pour qu'il soit totalement libre de tout framework JavaScript, et utilise plutôt Vanilla JavaScript pour créer une expérience de navigation Web interactive pour ses lecteurs, sa dernière création a été un tutoriel 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 sont des noms de bibliothèque JavaScript en évolution rapide qui changent la façon dont nous percevons le développement, ainsi que la façon 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 à faire » qui vous donnerait une meilleure vue d'ensemble de la création d'applications avec des cadres et des bibliothèques modernes.

5 étapes pour préparer votre code angulaire 1 à angulaire 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 AngularJS réactifs, 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 d'autant plus avec l'ajout de ce tutoriel d'Oren Farhi. L'arrivée d'Angular 2 est inévitable, et si vous êtes actuellement un développeur Angular.js actif, lisez ce tutoriel pour vous préparer aux changements à venir et préparer votre code pour une transition facile vers une nouvelle version.

Aperçu de l'ES6 en 350 points

ES6 a été la plus grande mise à jour d'une norme JavaScript au cours des dernières années, c'est un énorme ajout à un langage de programmation déjà solide, mais cet ajout change vraiment la façon dont JavaScript fonctionne sur le Web, et la façon dont il continuera à fonctionner en tant que navigateurs commencer à intégrer davantage de fonctionnalités délicates. Ce référentiel GitHub est une combinaison de plus de 350 points à 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 de l'ES6.

Concurrently JavaScript : une série en 3 parties sur la concurrence en JS

Kyle Simpson prend un moment pour partager ses réflexions sur la simultanéité et l'asynchronicité JavaScript, et sur la façon dont vous pouvez utiliser ces mêmes concepts dans votre propre environnement de développement. Un contenu fascinant, et plus encore un didacticiel approfondi divisé en trois parties différentes.

Le coût des cadres

Essayez d'apprendre à coder en JavaScript sans trouver de 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 JavaScript de nos jours est en fait 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 (vanille) ? 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 concernant les frameworks.

Anatomie d'une grande application angulaire

Angular est actuellement le principal framework JavaScript pour la création d'applications Web rapides. Cependant, la création 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 proposant 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. Peter Bengtsson explique dans son tutoriel 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 réellement faire ? David Small présente une présentation simple mais efficace sur les choses que JavaScript peut réellement faire, et quel est le but principal de ce langage. Lecture intéressante pour quiconque s'intéresse à JavaScript, un didacticiel qui enseigne les aspects les plus larges du langage.

Sortir de la fatigue de 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, qui dans ce cas se produit être Réagir. Alors, comment sortir de notre fatigue envers React ? Reto Schlapfer a une réponse à cette question, plongez-vous.

Ressources pour apprendre JavaScript en ligne

Nous avons exploré certains des meilleurs didacticiels à jour sur JavaScript que le Web a à offrir, mais qu'allez-vous faire de tous ces didacticiels si vous n'avez aucune connaissance préalable en JavaScript ? Je suppose que c'est hautement improbable, puisque vous avez particulièrement recherché des tutoriels JavaScript, mais il est probable 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 plate-forme pour comprendre les principes fondamentaux du développement Web, en particulier JavaScript. Codecademy est l'un des premiers sites avec lesquels les nouveaux et aspirants développeurs front-end 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 de tâches et de courbes d'apprentissage différent, et très utile après avoir terminé Codecademy, pour affiner vos compétences nouvellement acquises et peut-être remarquer ce que vous avez peut-être manqué.
• 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 à développer 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 construction pour les 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 n'importe où 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, leurs idées et leurs tutoriels sur la façon de s'améliorer, ainsi que sur la façon d'utiliser le langage au maximum de son potentiel. Nous espérons sincèrement que ces ressources seront d'une grande utilité pour votre processus d'apprentissage.