L'écosystème du Javascript

Bonjour cher agrumes,

Ne connaissant que de loin le langage Javascript ainsi que ses rudiments, j'aimerais parfaire ma culture en dressant ici un petite liste des outils faisant partie de l'écosystème du Langage JavaScript.

Un langage n'est rien sans sa communauté et son écosystème, raison pour lesquelles j'aimerai pouvoir me faire une idée de ce qu'il y'a derrière le JS. Et comme j'aime bien ranger certaines choses, je vais vous demander de m'aider à ranger tout ce qui fait partie de cet écosystème.

Merci d'avance, en attendant, voici ce que j'ai sous la main.

Documentation

Documentations officielles

• ES6 par Mozilla

Documentations officieuses

Framework

Clients

• JQuery
• Ember.js
• Angular
• Meteor
• BackboneJS
• React
• RequireJS

Serveurs

• NodeJS
• Express.js

Langages compilables en JavaScript

• CoffeeScript
• TypeScript

Tests unitaires

• Jasmine
• QUnit
• Mocha

Outils

Gestionnaire de dépendances

• npm

Orchestrateurs

• grunt
• gulp

Compatibilité

• modernizr

Transpileurs

• cssnext
• Babel

Module bundler

• webpack

Analyseur de code

• ESLint
• JSHint

Mobile

• Cordova

IDE

• Webstorm
• Sublime Text

Pour les docs, il y a ce site qui reprend pas mal de choses (avec accès hors ligne possible). Par exemple, pour Angular, jQuery et JavaScript.

Sinon il y a aussi CoffeeScript pour développer.

Il y a aussi RequireJS, qui précède un peu ES6 et complète npm pour la gestion des dépendances (surtout en front-end)…

Enfin, si on doit faire la liste de tous les outils dispos en JS, on a pas fini vu qu'il en sort plusieurs par jour !

Je pense que ce qui interesse firm1 ce sont les outils de références, pas tous les trucs qui sortent chaque jour ou les trucs utilisés par deux dev dans le monde.

Dans ce cas le plus gros a été évoqué je pense, en tout cas pour les outils qui me concernent et que je connais.

Même si on peut rentrer plus dans les détails avec des choses comme LESS (qui tourne en JS, en ligne de commande ou dans le navigateur, même si c'est surtout pour manipuler du CSS) et surtout Express (qui est quand même un gros framework pas mal utilisé)…

Ça dépend ce qui l'intéresse. Je sais par exemple qu'à mon taf ils utilisent express.js ou mongoose par ex. Mais je ne sais pas si ça rentre dans ce qu'il cherche.

Merci à vous pour ces informations. En effet ce que je cherche c'est l'écosystème de référence. Des trucs qui sont utilisés aujourd'hui et qui ont fait leur preuve dans un sens.

@viki53, si tu arrive à rattacher les framework/outils que tu cite dans une des catégories sus-citées ou une autre non citée, je t'en serais bien reconnaissant.

Ok merci bien, j'ai mis à jour le premier topic, mais je ne sais toujours pas ou caser LESS.

Ceci dit, je pense qu'il doit exister d'autres outils de référence qui ne sont pas encore cités, n'hésitez pas à m'en faire part.

Il y a Cordova aussi, pour faire du mobile.

C'est pas que du JS, mais y'en a une bonne couche quand même…

En "Analyseur de code", il y a aussi JSHint qui est pas mal utilisé.

En effet. Ajouté

Il y a Cordova aussi, pour faire du mobile.

Aussi, ajouté.

Je n'ai pourtant pas l'impression que ça change tant que ça pour ce qui est des outils de références. Je précise bien que je ne cherche pas les dernières libs à la mode, mais des outils qui ont fait leur preuve (utilisés dans des vrais projets, etc.)

RequireJS se définit lui-même comme un module loader, au même titre que Browserify

Si j'ai bien compris (en tout cas du fonctionnement de Browserify), il s'agit d'un outil qui permet d'importer des lib en faisant juste un require(). Donc on peut le ranger dans une sous catégorie de "Framework > Gestion des dépendances" selon toi ?

@DigitalSuricate : Merci c'est corrigé

Je placerais bien nw (permet de faire des applis "natives" en JS) dans cette liste.

En surcouches de JS il y a CoffeeScript et Typescript qui sont intéressants.

En outils de tests j'utilise pas mal PhantomJS avec CasperJS.

Précisons que NW, un peu comme PhoneGap, ce fait pas vraiment du natif mais package le JS dans un exécutable classique. Mais pour desktop (plutôt que du mobile comme PhoneGap) et en intégrant à la fois un WebKit complet et Node.js (ce qui permet de contrôler à la fois le rendu via WebKit et d'accéder aux APIs système via Node).

Juste pour signaler que le lien vers ES6 est mort. Mais dans tous les cas, la communauté francophone a réalisé de bonnes traductions de ces articles en français : https://tech.mozfr.org/tag/ES6%20en%20d%C3%A9tails !

Je viens aussi de tomber sur cet article qui compare les performances de React à celles du JS vanilla. Quand React se vante d'améliorer les performances, visiblement la vérité est un peu différente…