14 des meilleurs outils de développement WordPress de 2020… Non clichés et non évidents… Nous parions que vous ne les avez jamais vus auparavant!

14 des meilleurs outils de développement WordPress de 2020… Non clichés et non évidents… Nous parions que vous ne les avez jamais vus auparavant!

14 des meilleurs outils de développement WordPress de 2020… Non clichés et non évidents… Nous parions que vous ne les avez jamais vus auparavant!
СОДЕРЖАНИЕ
02 июня 2020

Le début de l’année est toujours un bon moment pour revenir sur toutes les choses – bonnes et mauvaises – qui se sont produites au cours des 12 derniers mois. Mais aujourd’hui, concentrons-nous sur le bien. Par conséquent, cette liste des meilleurs outils de développement WordPress de 2020!


L’année a été vraiment généreuse à cet égard, et nous avons vu plus d’ajouts sympas à la boîte à outils du développeur WordPress que vous ne pouvez secouer un bâton … si vous êtes le genre de personne qui secoue des bâtons sur les outils de développement.

Cela dit, ce n’est pas simplement une liste aléatoire. Pour compiler cette beauté, j’ai fait le tour du bureau et j’ai demandé à chaque coéquipier de partager ses 3 à 5 meilleurs outils non évidents pour la liste. C’est réel, les gars (!), Venant de gens qui créent des thèmes WordPress pour vivre!

Consultez la liste:

meilleurs outils de développement wordpress

14 des meilleurs outils de développement WordPress de 2020

1. Facteur

getpostman

# API # Testing # Collaboration

Ce n’est pas seulement l’un des meilleurs outils de développement WordPress de 2020; c’est idéal pour tout développeur d’API à la recherche d’une solution puissante et complète pour son flux de travail API. Si vous avez déjà travaillé avec le développement d’API, vous savez que la configuration d’environnements de test est un processus fastidieux et ennuyeux. Pas avec Postman.

Postman est extrêmement facile à utiliser et se concentre sur les tests. Les multiples environnements de test sont non seulement faciles à configurer, mais vous pouvez également partager vos cas de test entre eux. Cela accélérera la pratique essentielle, mais longue, des tests d’API.

Notre développeur principal, Marius Cristea, est un grand fan:

Postman rend tout simple; vous pouvez facilement configurer des workflows personnalisés pour appeler les itinéraires à l’aide d’une interface simple, enregistrer les demandes et les paramètres et les partager avec vos coéquipiers.

Les collections sont un excellent moyen de gérer vos demandes d’API et de les organiser pour une utilisation future. Vous pouvez ensuite utiliser le planning de surveillance pour exécuter périodiquement la collection pour les performances et la réponse. L’outil de surveillance vous permettra également de sélectionner le ou les environnements et d’exécuter des tests. Tout test qui échoue déclenchera une notification à n’importe quel nombre d’intégrations; Slack, Microsoft Teams, GitHub, Dropbox et ainsi de suite.

2. Buddy Works

buddy.works

# DevOps # YAML # Intégration continue

Si vous cherchez une solution simple pour une intégration et une livraison continues, Buddy Works est le meilleur endroit pour commencer. De tous les outils CI / CD disponibles, Buddy a la meilleure interface utilisateur pour une construction, des tests et un déploiement faciles.

Buddy Works s’intégrera avec GutHub, Bitbucket, GitLab et des référentiels privés pour fournir des déploiements automatiques sur FTP / SFTP et des services cloud comme AWS, Google Cloud, Microsoft Azure et Digital Ocean. Il est basé sur Docker, mais prend en charge Kubernetes dès la sortie de la boîte. Il prend également en charge plusieurs langues de PHP, C ++, .NET, Node.js, Golang et plus.

Cela semble étrange à dire, mais la facilité de configuration et, bien supérieure, l’UX font de Buddy Works l’outil hors concours de l’année. Cela réduira également vos outils nécessaires avec des actions de surveillance et de développement DevOps solides. Vous pourrez même utiliser des scripts SSH pour réduire votre charge d’outils. Vous profiterez également du temps de mise à jour réduit avec les fichiers modifiés déployés plutôt que l’ensemble du référentiel.

3. Plus jolie

plus jolie

# JavaScript # PHP # Codage

L’intégration et le déploiement ne sont rien sans un code bien formaté. C’est pourquoi Prettier est l’un de nos meilleurs outils de développement WordPress de 2020. Il est présenté comme un formateur de code avisé qui fournira un style plus propre à vos projets. Avec cela, il ne s’agit que du style, ce qui garantit que l’arbre de syntaxe abstraite restera fonctionnel.

Comme vous vous en doutez, Prettier prend en charge un large éventail de langues, de JavaScript au CSS en passant par JSON. Vous pouvez également intégrer ESLint et un lot d’éditeurs comme Visual Studio et Vim. De loin, la meilleure caractéristique est la décharge de pression qu’il fournit; il supprime les questions de style des revues de code. Lorsque Prettier est installé, vous bénéficiez également de l’accélération des nouveaux arrivants.

Vous pouvez trouver un guide de style n’importe où, mais l’automatisation fournie par Prettier est le gros argument de vente ici. Au clic d’un bouton, Prettier parcourra votre code sale et fera tout le formatage que vous redoutez. Au final, la cohérence et la lisibilité de votre code est la chose la plus importante, laissez les débats tabs vs espaces aux comédiens.

4. Visual Studio Live Share

Visual Studio

# Collaboration # VSLiveShare # VSAppCenter

Après près de douze ans, Visual Studio reste populaire parmi les développeurs de toutes les disciplines. Cette année, Microsoft en a fait l’un des meilleurs outils de développement WordPress de 2020 avec l’extension Live Share pour VS Code et VS 2017.

L’extension en direct vous permettra de partager votre projet en un instant avec vos collègues, quelle que soit la langue dans laquelle vous programmez ou le système d’exploitation sur lequel vous vous trouvez. Il fait du processus d’édition et de débogage une collaboration en temps réel sans les délais associés au sabotage du référentiel et aux configurations d’environnement. Vous pouvez partager presque tout, pas votre café, depuis l’audio, les serveurs, les terminaux et les diffs. Vous pouvez partager tout le contexte avec vos coéquipiers.S’il y a un défaut dans votre environnement, votre coéquipier le verra. Vous pourrez creuser des problèmes plus rapidement et plus profondément que jamais.

Il rassemble vraiment tout avec les outils audio qui facilitent la communication au sein de l’application, plutôt que d’utiliser différents outils pour synchroniser. Vos coéquipiers verront également tout, des commandes aux bases de données sans avoir à exposer vos ports. C’est l’avenir de la collaboration avec le contrôle partagé qui permet aux équipes de trouver plus facilement les problèmes et d’appliquer les changements dans l’instant.

5. Draftium

draftium

# Prototypage # Conception # Développement # Marketing

OK, je triche un peu avec celui-ci mais ça va me sauver la vie. Si vous travaillez régulièrement avec des clients, vous savez à quel point il peut être difficile de s’entendre sur une vision pour un site Web. Vous travaillez probablement aussi avec des designers et des marketeurs pour trouver / développer du contenu qui mettra en valeur un service. Combien de temps vous faut-il pour monter un prototype après que toutes les parties prenantes ont eu leur mot à dire? Combien de temps vous faut-il pour affiner le prototype jusqu’à ce que tout le monde soit d’accord? Un long moment?

Draftium est un "outil de prototypage turbo" qui répond facilement aux critères des meilleurs outils de développement WordPress de 2020. Il vous aidera à mettre en place une structure de site Web en quelques minutes à l’aide de blocs. Le plan payant comprend plus de 300 modèles adaptés aux industries et aux niches, qui peuvent ensuite être améliorés par plus de 200 blocs. Collaborez en temps réel pour accélérer le processus d’approbation et ne plus attendre les e-mails pour faire avancer votre projet. Il est également livré avec des visuels gratuits comme des icônes et des images pour vous aider à rendre le site aussi réel que possible.

C’est bien mieux qu’un morceau de papier, ou un tableau blanc, ou même KeyNote. Lorsque vous démarrez un projet et que tout le monde doit voir le "vision" alors c’est le meilleur outil pour commencer.

6. Téléprésence

téléprésence

# k8s # Kubernetes # CNCF

La téléprésence est l’un des meilleurs outils de développement WordPress de 2020 car elle accélère ce cycle de développement / débogage brutal de Kubernetes en supprimant le processus de construction et de déploiement de conteneurs de l’équation. Vous verrez immédiatement toutes vos modifications de code car la téléprésence intègre votre ordinateur portable ou de bureau au cluster Kubernetes via des proxys.

Les clusters Kubernetes intégreront le code local sur votre poste de travail comme un pod normal et vous permettront un accès complet à l’environnement en direct. Cela signifie que votre processus local aura un environnement similaire au cluster distant tout en restant sous votre contrôle. Non seulement cela, mais la pression sur vos ressources locales est beaucoup, beaucoup plus faible. Enfin, il est indépendant de l’outil. Vous pouvez utiliser n’importe quel outil installé localement pour tester, déboguer et modifier le service distant.

Vous vous demandez peut-être à propos de Minikube. La téléprésence fonctionne bien avec Minikube tout en vous offrant des fonctionnalités accrues pour un développement plus rapide. Si vous souhaitez faire du codage et de l’édition en direct sur vos clusers Kubernetes, la téléprésence est un outil indispensable.

7. parcelle

parceljs

# JavaScript # Codage # VueJS

Lorsque nous recherchions les meilleurs outils de développement WordPress de 2020, nous avons recherché des outils qui promettaient d’améliorer votre expérience globale. Parcel est un fournisseur d’applications Web qui tient cette promesse. Quand un outil dit "aucun plugin requis", nous pensons immédiatement à une meilleure expérience.

À sa base, il fournit une prise en charge complète de JavaScript, CSS, HTML et des actifs de fichier dès que vous ouvrez la boîte. Il est à la fois plus rapide et plus convivial que tout autre fournisseur Web. Si vous voulez éviter les mauvaises configurations, alors Parcel est l’outil qu’il vous faut.

Vous verrez immédiatement une amélioration de la vitesse car elle tire pleinement parti du traitement multicœur pour la compilation de code parallèle. Les versions initiales vont être jusqu’à 50% plus rapides. Lorsque vous utilisez Parcel avec cache, vous verrez des démarrages incroyablement rapides. La promesse de configuration zéro est un gros argument de vente avec des options telles que le fractionnement de code et les transformations disponibles dès le départ. Aucun levage lourd requis.

8. Plugins Vim

Vim est toujours l'un des outils d'édition de texte les plus populaires utilisés aujourd'hui

# VIM # DEVCommunity

Malgré ses 27 ans, Vim est toujours l’un des Les 5 meilleurs éditeurs de texte utilisés par les développeurs aujourd’hui. Cela signifie que nous devons l’avoir comme l’un des meilleurs outils de développement WordPress de 2020. Heureusement pour nous, de nouveaux plugins sont toujours créés pour aider les utilisateurs à tirer le meilleur parti de cet outil. Ce sont les trois meilleurs de 2020:

�� Vim Headfirst vous donne des commandes qui ouvriront rapidement les fichiers frères dans Vim.

�� Vim Branch Stack vous aidera à trouver le chemin de branchement pour une ligne de code actuelle. Si vous travaillez avec des fonctions longues et des branches imbriquées, vous allez adorer.

�� Aides Vim Ruby Block vous permet de vous déplacer plus facilement dans les blocs Ruby avec de nouveaux mappages et frappes pour Vim.

9. Speedline

speedline

# Test # Performance

Speedline est le module de nœud utilisé par Lighthouse, et c’était le premier outil que j’ai mis sur toute cette liste des meilleurs outils de développement WordPress de 2020. Il mesure la progression visuelle de la page visible et fournit une évaluation basée sur la vitesse à laquelle le contenu se charge . Oubliez les jalons auxquels les utilisateurs ne se soucient pas et pensez à ce qu’ils voient.

Speedline vous donnera une meilleure compréhension de l’expérience des utilisateurs finaux, car elle se concentre sur la vitesse à laquelle le contenu visible est livré dans la fenêtre. Vous pouvez mesurer d’autres jalons, mais c’est l’une des meilleures mesures pour l’expérience de l’utilisateur final.

dix. React Performance Devtool

react-perf-devtool

# JavaScript # FrontEnd

Tout est JavaScript de nos jours, vous devez donc surveiller les composants pour assurer le bon fonctionnement de votre site.

React Performance Devtool est la meilleure façon de le faire. Il est actuellement disponible en tant qu’extension pour Chrome et Firefox avec une application autonome sur la feuille de route. Il compile ses statistiques via l’API window.performance et vous fournit à la fois la vue globale et la vue granulaire pour chaque composant.

11. Livre de contes

livre d'histoires

# JavaScript # React # Angular # VueJS

Storybook est un didacticiel d’apprentissage pour la création de composants d’interface utilisateur à partir de zéro en utilisant Angular, Vue ou React. Il faut une approche large mais fatiguée de la création de composants d’interface utilisateur avec des informations de professionnels de l’industrie pour vous aider à accélérer la construction.

C’est l’un des meilleurs outils de développement WordPress de 2020 car il est simple. En seulement deux heures, moins pour les développeurs expérimentés, vous assemblerez une boîte de travail avec des validations à la fin de chaque chapitre. Après avoir terminé votre zone de tâches, vous serez prêt à commencer à créer de nouveaux composants avec Storybook immédiatement.

Chacun des chapitres est clair et vous guide à travers chacune des étapes importantes, des composants composites aux tests en passant par les modules complémentaires. Il existe un bon équilibre entre les bases et les avancées avec les cas de bord spécifiquement mentionnés. Vous verrez également que les options plus avancées sont également reconnues à chaque étape. Si vous cherchez un moyen rapide de couvrir les bases de la création de composants d’interface utilisateur, c’est le meilleur endroit pour commencer.

12. Deployer

déployer

# PHP # WordPress # Magento

Deployer existe depuis un certain temps, mais il reste l’un des meilleurs outils de développement WordPress de 2020. Si vous déployez toujours manuellement, vous avez probablement eu au moins quelques erreurs en cours de route. Bien que les erreurs puissent être naturelles, vous pouvez gagner du temps, de l’argent et des opportunités avec une option automatisée. Deployer pour PHP reste l’un des meilleurs outils automatisés pour les déploiements PHP.

Il existe de nombreux outils de déploiement automatisé, mais peu d’entre eux sont plus faciles à utiliser que Deployer. Si vous rencontrez des problèmes, la documentation est claire et facile à suivre. Deployer prendra vos dépôts de GitHub vers un certain nombre de frameworks PHP populaires, comme WordPress, qui vous permet de faire une transition transparente entre les projets.

Si une erreur est découverte ou qu’un bogue apparaît, Deployer prend en charge la restauration facile avec la restauration de dep pour vous ramener à la version précédente. Les erreurs devraient être moins nombreuses avec l’utilisation de déploiements atomiques intégrés dans l’application.

Pour les utilisateurs de WordPress, vous pouvez utiliser Deployer avec WP-CLI pour gérer à distance les sites. Il y a aussi un tonne de recettes pour aider vous accélérez vos déploiements.

Lorsque vous devez parcourir une série de tâches, Deployer vous aidera à prendre en charge des tâches parallèles, qui pourront ensuite être utilisées ultérieurement sur d’autres serveurs et dans d’autres projets..

13. Dimer

dimerapp

# Tutoriels # Codeur

Parfois, je me demande combien d’outils sont abandonnés car la documentation est trop difficile à analyser. Les développeurs expérimentés pourraient être en mesure de se frayer un chemin à travers toute documentation. Cependant, pour les utilisateurs moins expérimentés, la documentation est la clé pour les convertir en utilisateurs à vie. Dimer est l’un des meilleurs outils de développement WordPress de 2020 car il vous aide à faire une meilleure documentation.

Dimer offre un moyen plus simple de structurer votre documentation avec des sections créées après chaque balise h2. Vous obtenez également des erreurs de compilation lorsque des composants importants sont manquants. L’éditeur est limité (dans le bon sens) pour fournir des familles de polices qui garantissent la lisibilité de votre document final. Si vous vous sentez aventureux, vous pouvez vous intégrer à GitHub pour établir des règles de publication de documents après chaque validation, fusion ou publication.

Dimer est actuellement en version bêta, ce qui signifie que vous pouvez profiter gratuitement des fonctionnalités Pro pendant le développement. Pour les développeurs qui détestent écrire, les rappels et les limitations sont le meilleur moyen de tirer parti de vos connaissances tout en fournissant une documentation lisible à vos utilisateurs.

14. Mon navigateur FYI

mybrowser

# Debug # Support

Mon navigateur FYI est un outil simple pour les moments compliqués. C’est facilement l’un des meilleurs outils de développement WordPress de 2020 car il facilite la vie. Si vous avez déjà dû déboguer un problème lié au navigateur, vous allez adorer cet outil. Mon navigateur FYI recueille toutes les informations importantes telles que l’appareil, la fenêtre d’affichage, le type et la version du navigateur, les cookies et la disponibilité de JavaScript. Il le présente ensuite clairement et fournit des boutons de partage faciles à envoyer au développeur.

Les utilisateurs peuvent copier un lien, ou même fournir la version JSON des données, en un seul clic. Si vous avez déjà dû interroger les utilisateurs pour obtenir des informations sur le navigateur, cet outil sera un soulagement. La feuille de route comprend la vérification des bloqueurs de publicités et la détection des vitesses de connexion.

C’est tout de nous! Peut-être connaissez-vous d’autres outils de développement WordPress dignes qui devraient se retrouver sur cette liste? Faites-le nous savoir dans les commentaires ci-dessous!

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector