Les meilleurs outils de développement que tout développeur devrait utiliser.

Les outils de développement Web ont parcouru un long chemin en quelques années à peine. Grâce à ces progrès, nous pouvons exploiter la puissance de bibliothèques hautement testées pour améliorer notre flux de travail et bénéficier de plus grandes possibilités lorsqu'il s'agit de conception réactive. Non seulement cela, mais nous pouvons construire des choses ensemble grâce à des systèmes de contrôle de version sans cesse améliorés.

Des add-ons et plugins de navigateur aux processeurs qui rationalisent votre code, il n'y a jamais eu autant de possibilités pour créer des applications web géniales.  Mais avec l'augmentation quasi quotidienne du nombre d'outils de développement web, trouver le meilleur logiciel pour accomplir le travail peut parfois être intimidant. Pour vous aider, nous avons créé une liste d'outils essentiels au développement initial pour vous aider à démarrer.

Sublime Text

Commençons par les bases : un éditeur de code de premier ordre - un éditeur de code bien conçu, super efficace et ultra-rapide. Il y en a plusieurs qui le font bien, mais le meilleur (et le plus populaire) est sans doute Sublime Text.

Le secret du succès de Sublime réside dans la vaste gamme de raccourcis clavier du programme - comme la possibilité d'effectuer un montage simultané (effectuer les mêmes changements interactifs dans plusieurs zones sélectionnées) ainsi qu'une navigation rapide vers les fichiers, les symboles et les lignes. Et lorsque vous passez plus de 8 heures avec votre éditeur chaque jour, les quelques précieuses secondes économisées pour chaque processus s'additionnent vraiment...

Outils de développement Chrome

Ne serait-ce pas génial si vous pouviez éditer votre HTML et CSS en temps réel, ou débugger votre JavaScript, tout en visionnant une analyse complète des performances de votre site web ?

Les outils de développement Chrome intégrés de Google vous permettent de le faire. Regroupés et disponibles en Chrome et Safari, ils permettent aux développeurs d'accéder à l'intérieur de leur application web. De plus, une palette d'outils réseau peut vous aider à optimiser vos flux de chargement, tandis qu'une ligne de temps vous permet de mieux comprendre ce que fait le navigateur à un moment donné.

Google publie une mise à jour toutes les six semaines - consultez leur site Web ainsi que le canal Google DevelopersYouTube pour garder vos compétences à jour.

jQuery

JavaScript a longtemps été considéré comme un langage frontal essentiel par les développeurs, bien qu'il ne soit pas sans problèmes : criblé d'incohérences de navigateur, sa syntaxe quelque peu compliquée et inabordable signifiait que la fonctionnalité en souffrait souvent.

C'était jusqu'en 2006, lorsque jQuery - une petite bibliothèque JavaScript rapide et multiplateforme visant à simplifier le processus frontal - est apparue sur la scène. En résumant une grande partie des fonctionnalités que les développeurs doivent généralement résoudre eux-mêmes, jQuery a permis de créer des animations, d'ajouter des plug-ins ou même de naviguer dans les documents.

Et c'est clairement un succès - jQuery était de loin la bibliothèque JavaScript la plus populaire en 2015, avec une installation sur 65 % des 10 millions de sites les plus visités sur le Web.

GitHub

C'est le pire cauchemar de tout développeur - vous travaillez sur un nouveau projet et vous foirez. Entrez dans les systèmes de contrôle de version (VCS) - et plus spécifiquement, GitHub.

En déployant votre projet avec le service, vous pouvez voir tous les changements que vous avez faits ou même revenir à votre état précédent (en rendant les erreurs fastidieuses une chose du passé). Le service d'hébergement de référentiel dispose également d'une riche communauté de développement open-source (rendant la collaboration entre les équipes aussi facile que possible), ainsi que de plusieurs autres composants tels que le suivi des bogues, les demandes de fonctionnalités, la gestion des tâches et les wikis pour chaque projet.

De nombreux employeurs recherchent des compétences Git finement affinées, c'est donc le moment idéal pour s'inscrire - en plus, c'est une excellente façon de s'impliquer et d'apprendre des meilleurs avec un large éventail de projets open-source sur lesquels travailler.

Twitter Bootstrap

Vous en avez assez de taper le même style pour un conteneur ? Et ce bouton qui revient tout le temps ? Une fois que vous commencez à construire régulièrement des applications frontales, vous commencerez à remarquer les mêmes modèles qui émergent.

Les frameworks d'interface utilisateur sont une tentative de résoudre ces problèmes en résumant les éléments communs dans des modules réutilisables - ce qui signifie que les développeurs peuvent échafauder les éléments de nouvelles applications avec rapidité et facilité.

Le plus largement utilisé de ces cadres est Bootstrap, un package complet d'interface utilisateur développé par l'équipe de Twitter. Avec des outils pour normaliser les feuilles de style, construire des objets modaux, ajouter des plugins JavaScript, et une pléthore d'autres fonctionnalités, Bootstrap peut réduire considérablement la quantité de code (et le temps) nécessaire à la construction de votre projet.

Angular.js

Le HTML est généralement la pierre angulaire de la boîte à outils de tout développeur frontal, mais il a ce que beaucoup perçoivent comme une grave faille : il n'a pas été conçu pour gérer les vues dynamiques.

C'est là qu'intervient AngularJS, un framework d'application web open-source. Développé par Google, AngularJS vous permet d'étendre la syntaxe HTML de votre application, résultant en un environnement plus expressif, plus lisible et plus rapide à développer qui n'aurait pas pu être construit avec HTML seul.

Le projet n'est pas sans critiques : certains pensent que ce type de liaison de données rend le code désordonné et non séparé, mais nous pensons qu'il s'agit d'une compétence inestimable à avoir dans votre kit front-end.

Sass

Les outils de développement Web qui vous font gagner du temps sont vos meilleurs amis et l'une des premières choses que vous apprendrez sur le code est qu'il doit être SEC ("Ne vous répétez pas"). La deuxième chose que vous apprendrez probablement, c'est que le CSS n'est généralement pas très SEC.

Entrez dans le monde du pré-processeur CSS, un outil qui vous aidera à écrire du code maintenable et à l'épreuve du temps, tout en réduisant la quantité de CSS que vous devez écrire (en le gardant SEC).

Peut-être le plus populaire d'entre eux est Sass, un projet open-source de huit ans qui a défini le genre des pré-processeurs CSS modernes. Bien qu'un peu difficile à appréhender au départ, la combinaison de variables, d'imbrication et de mixages de Sass rendra les CSS simples lorsqu'ils seront compilés, ce qui signifie que vos feuilles de style seront plus lisibles et (surtout) SEC.