Les dernières tendances de développement en matière de développement front-end

Résumé : Cet article est issu de 5 254 rapports d'enquête sur l'utilisation des outils front-end dans le monde entier. J'espère que cet article pourra aider tout le monde à mieux comprendre. les dernières tendances en matière d'outils de développement front-end. Composition des répondants 83 % des répondants ont plus de deux ans d'expérience dans la technologie front-end, et seulement 5 % ont moins d'un an : 63 % des développeurs CSS sont élevés...

Cet article provient de 5 254 rapports d'enquête sur l'utilisation des outils front-end dans le monde entier. J'espère que cet article pourra aider tout le monde à mieux comprendre les dernières tendances en matière d'outils de développement front-end.

Composition des personnes interrogées

83 % des personnes interrogées ont plus de deux ans d'expérience en technologie front-end, seulement 5% des répondants de moins d'un an :

CSS

63% des développeurs sont des développeurs seniors et Experts :

Bien que CSS soit considéré comme une simple collection de paires propriété-valeur de paramètre, CSS peut être difficile à maîtriser. CSS3 introduit de nombreuses nouvelles fonctionnalités, rendant de plus en plus difficile la maîtrise complète du CSS.

Préprocesseur CSS

Plus de 63 % des développeurs utilisent Sass, ce qui fait également de Sass le premier choix incontesté pour le prétraitement. 8% des développeurs utilisent PostCSS. Habituellement, PostCSS est utilisé en conjonction avec des préprocesseurs tels qu'AutoPrefixer.

Seulement 14 % des développeurs n'utilisent aucun prétraitement, préférant utiliser du code CSS brut. Bien que cette méthode soit plus lente à développer, elle constitue le moyen le plus simple et le meilleur de commencer à apprendre le développement front-end. Si 86 % des développeurs utilisent des préprocesseurs, un site Web moyen nécessitera 7,2 requêtes de fichiers CSS.

Seulement 10 % des personnes interrogées ont essayé Less, 19 % des personnes interrogées ont essayé Stylus et 80 % des personnes interrogées n'ont jamais entendu parler de Rework.

Méthode de nommage CSS

46% des développeurs utilisent une méthode de nommage lors du codage, pour le développement CSS avancé Pour les chercheurs et les experts, cette proportion s'élève à 57 %.

La méthode de dénomination la plus populaire est BEM, représentant 40 % du total. Viennent ensuite les modules CSS (16 %), OOCSS (15 %) et SMACSS (13 %).

Autres outils CSS

39 % des personnes interrogées utilisent Modernizr dans leurs projets actuels. 14 % des personnes interrogées utilisent Stylelint pour vérifier la validité CSS. 23 % des développeurs n’utilisent aucun outil CSS ni convention de dénomination.

JavaScript

51% des personnes interrogées sont des développeurs seniors ou des experts en JavaScript.

Bibliothèques et frameworks

Malgré les problèmes de pertinence, plus de 99 % des développeurs ont utilisé jQuery, soit environ 31 % des personnes interrogées je pense que l'utilisation de jQuery est importante pour la plupart des projets. Près de 70% des personnes interrogées continuent d'utiliser jQuery dans des projets existants :

La situation avec les frameworks semble confuse :

• 38 % des projets utilisent actuellement React, mais seulement 29 % des développeurs pensent que l'utilisation de React est fluide, et 18 % des développeurs pensent que l'utilisation de Réagir est nécessaire. 0,1 % des sites Web utilisent React, mais gardez à l’esprit que ces résultats proviennent uniquement des développeurs front-end, et non de tous les développeurs Web.

• 25 % des projets utilisent actuellement Angular 1, mais seulement 8 % des développeurs pensent qu'il est nécessaire d'utiliser Angular 1, et seulement 8 % choisissent d'utiliser Angular 2.

• Vue.js a été utilisé dans 10% des projets, mais moins de 6% des développeurs sont satisfaits du framework, et 3% pensent qu'il est utile d'utiliser Vue.js Nécessaire

Outils d'exécution de tâches et liaison de modules

44 % des développeurs utilisent Gulp, Gulp est donc l'outil le plus populaire. Dans le même temps, le taux d’utilisation du script npm plus simple est passé de 23 % en 2016 à 26 %.

L'utilisation de Grunt a chuté à 12 %. 11 % des personnes interrogées ont choisi de n’utiliser aucun outil d’exécution de tâches.

Le nombre de développeurs utilisant des liaisons de modules a augmenté de 20 % depuis 2016, pour atteindre 68 %. Parmi eux, Webpack est l'outil de liaison de modules le plus populaire, représentant 31 %, suivi de Browserify (11 %) et RequireJS (8 %).

Compilateur : Compiler le code ES6 vers ES5

62 % des développeurs utilisent un compilateur comme Babel pour compiler le code ES6 dans Code ES5 plus convivial pour les anciens navigateurs. 31 % des personnes interrogées ont entendu parler de ces compilateurs mais ne les ont pas utilisés. 7% des développeurs n'ont jamais entendu parler d'un tel compilateur.

Les données de 62% sont relativement élevées. IE et les applications antérieures ne prennent pas en charge la dernière syntaxe JavaScript. Par conséquent, si vous écrivez du code ES6, vous avez besoin du dernier navigateur pour le prendre en charge. Si votre projet doit s'exécuter sous d'anciennes versions de navigateur, il est préférable d'écrire du code ES5.

Autres outils JavaScript

41 % des développeurs utilisent ESLint, 19 % des développeurs utilisent JSLint et 14 % des développeurs Auteurs utilisez des outils comme JSHint pour vérifier la légalité du code.

23 % des personnes interrogées ont déclaré ne pas utiliser d'outils de vérification de la légalité du code. Mais ils peuvent utiliser des éditeurs de texte et des IDE pour vérifier les erreurs de code.

Le taux d'utilisation des outils de tests a augmenté de 12% en un an, pour atteindre 52%. Mais par le passé, les tests JavaScript ont constitué un défi. Bien que des techniques telles que le développement piloté par les tests (TDD) puissent détecter les erreurs logiques, elles ne peuvent pas détecter les erreurs qui se produisent lors d'événements asynchrones. Heureusement, le développement axé sur le comportement (BDD) sera probablement intégré aux véritables activités d’inspection des navigateurs, ce qui rendra également les tests frontaux plus exploitables.

Les systèmes les plus populaires actuellement sont :

• Moka – TDD/BDD (23%)

• Jasmine – BDD ( 17%)

• QUnit – TDD (4%)

• Jest – TDD/BDD (3%)

• Ava – TDD/BDD (2%)

94 % des personnes interrogées ont déclaré avoir utilisé le gestionnaire de packages Node.js npm, et 23 % des visiteurs ont utilisé TypeScript.

Quels outils utiliser en 2017 ?

En général, les outils de développement sont divers. Les développeurs devraient faire davantage de recherches sur les préprocesseurs et les schémas de dénomination pour choisir celui qui leur convient le mieux.

Les points suivants méritent d'être notés :

• Si vous avez besoin d'utiliser plus d'outils, alors Node.js et npm valent la peine d'être choisis

• Gulp et Webpack valent la peine d'être essayés

• Apprenez ES6, même si vous avez travaillé sur un projet ES5 rétrocompatible.

Selon les résultats de l'enquête, jQuery est un choix raisonnable lors du choix d'une bibliothèque. Lors du choix d'un framework, vous pouvez choisir React en raison de sa popularité. Si vous n'avez pas encore choisi de framework, vous pouvez commencer par apprendre les bases du développement HTML, CSS, JavaScript et navigateur. Ces connaissances peuvent vous aider à mieux comprendre le cadre, et peuvent même vous encourager à contribuer à l'amélioration du système-cadre.

Outils de développement front-end recommandés :

Wijmo est un jeu de contrôles JavaScript/HTML5 de nouvelle génération écrit en TypeScript . Il adhère au concept de conception tactile et est le premier au monde à prendre en charge AngularJS, et prend en charge React, VueJS et TypeScript 2.2. Il fournit également plusieurs contrôles tels que FlexGrid et des graphiques avec d'excellentes performances et aucune dépendance. ensemble de contrôles pour la création d'applications d'entreprise.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!