14 dei migliori strumenti di sviluppo WordPress del 2020 … Non-Cliche e Non-ovvio … Scommettiamo che non li hai mai visti prima!

L’inizio dell’anno è sempre un buon momento per guardare indietro a tutte le cose – buone e cattive – accadute negli ultimi 12 mesi. Ma oggi concentriamoci solo sul bene. Quindi, questo elenco dei migliori strumenti di sviluppo WordPress del 2020!


L’anno è stato davvero generoso in questo senso, e abbiamo visto aggiunte più interessanti alla cassetta degli attrezzi dello sviluppatore di WordPress di quanto tu possa agitare … se sei il tipo di persona che agita gli strumenti degli sviluppatori.

Detto questo, questo non è solo un vecchio elenco casuale. Per compilare questa bellezza, sono andato in ufficio e ho chiesto a ciascun compagno di squadra di condividere i loro 3-5 strumenti non ovvi per la lista. Questo è vero, ragazzi (!), Proveniente da persone che costruiscono temi WordPress per vivere!

Dai un’occhiata all’elenco:

migliori strumenti di sviluppo wordpress

14 dei migliori strumenti di sviluppo WordPress del 2020

1. Postino

getpostman

# # API Test # Collaborazione

Questo non è solo uno dei migliori strumenti di sviluppo WordPress del 2020; questo è ottimo per qualsiasi sviluppatore di API che cerca una soluzione potente e completa per il proprio flusso di lavoro API. Se hai mai lavorato con lo sviluppo di API, sai che impostare ambienti di test è un processo noioso e noioso. Non con Postino.

Postman è estremamente facile da usare con un’eccellente attenzione ai test. I molteplici ambienti per i test non sono solo facili da configurare, ma puoi anche condividere i tuoi casi di test tra di loro. Ciò accelererà la pratica essenziale, ma dispendiosa in termini di tempo, dei test API.

Il nostro sviluppatore principale, Marius Cristea, è un grande fan:

Postman rende tutto semplice; puoi impostare facilmente flussi di lavoro personalizzati per chiamare i percorsi usando una semplice interfaccia, salvare richieste e parametri e condividerli con i tuoi compagni di squadra.

Le raccolte sono un ottimo modo per gestire le tue richieste API e mantenerle organizzate per un uso futuro. È quindi possibile utilizzare la pianificazione del monitoraggio per eseguire periodicamente la raccolta per prestazioni e risposta. Lo strumento di monitoraggio ti consentirà anche di selezionare l’ambiente o gli ambienti ed eseguire i test. Qualsiasi test fallito attiverà una notifica a qualsiasi numero di integrazioni; Slack, Microsoft Teams, GitHub, Dropbox e così via.

2. Buddy Works

buddy.works

# # DevOps YAML # continuo Integrazione

Se stai cercando una soluzione semplice per l’integrazione e la consegna continue, Buddy Works è il punto di partenza migliore. Di tutti gli strumenti CI / CD disponibili, Buddy ha la migliore interfaccia utente per creare, testare e distribuire facilmente.

Buddy Works si integrerà con GutHub, Bitbucket, GitLab e repository privati ​​per fornire distribuzioni automatiche a FTP / SFTP e servizi cloud come AWS, Google Cloud, Microsoft Azure e Digital Ocean. È basato su Docker, ma supporta subito Kubernetes. Supporta anche più lingue da PHP, C ++, .NET, Node.js, Golang e altro.

Sembra strano da dire, ma la facilità di installazione e, di gran lunga superiore, UX rendono Buddy Works lo strumento più importante dell’anno. Ridurrà anche gli strumenti richiesti con potenti DevOps e azioni di monitoraggio del sito Web. Sarai anche in grado di utilizzare gli script SSH per ridurre il carico degli strumenti. Godrai anche del tempo di aggiornamento ridotto con i file modificati distribuiti anziché l’intero repository.

3. Prettier

più bella

# # JavaScript PHP # Coding

L’integrazione e la distribuzione non sono nulla senza un codice ben formattato. Questo è il motivo per cui Prettier è uno dei nostri migliori strumenti di sviluppo WordPress del 2020. Viene fatturato come un formattatore di codice supponente che fornirà uno stile più pulito ai tuoi progetti. Con ciò, si tratta solo dello stile, che garantisce che l’albero della sintassi astratto rimanga funzionale.

Come ti aspetteresti, Prettier fornisce supporto per una vasta gamma di lingue da JavaScript, a CSS, a JSON. Puoi anche integrare ESLint e un batch di editor come Visual Studio e Vim. Di gran lunga, la migliore caratteristica è lo scarico della pressione che fornisce; rimuove le domande di stile dalle revisioni del codice. Quando Prettier è installato, puoi anche trarre vantaggio dai nuovi arrivati ​​più velocemente.

Puoi trovare una guida di stile ovunque, ma l’automazione fornita da Prettier è il grande punto di forza qui. Con un clic di un pulsante, Prettier eseguirà il tuo codice sporco e farà tutta la formattazione che hai paura. Alla fine, la coerenza e la leggibilità del tuo codice è la cosa più importante, lascia i dibattiti tra schede e spazi ai comici.

4. Visual Studio Live Share

VisualStudio

# # La collaborazione VSLiveShare # VSAppCenter

Dopo quasi dodici anni, Visual Studio rimane popolare tra gli sviluppatori da ogni disciplina. Quest’anno Microsoft lo ha reso uno dei migliori strumenti di sviluppo WordPress del 2020 con l’estensione Live Share per VS Code e VS 2017.

L’estensione live ti consentirà di condividere il tuo progetto in un istante con i tuoi colleghi, indipendentemente dalla lingua in cui stai programmando o dal sistema operativo in cui ti trovi. Rende il processo di modifica e debug una collaborazione in tempo reale senza i ritardi associati alle intasamenti del repository e alle configurazioni dell’ambiente. Puoi condividere quasi tutto, non il tuo caffè, da audio, server, terminali e diff. Puoi condividere l’intero contesto con i tuoi compagni di squadra, se c’è un difetto nel tuo ambiente, il tuo compagno di squadra lo vedrà. Sarai in grado di scavare nei problemi più velocemente e più in profondità che mai.

Porta davvero tutto insieme agli strumenti audio che aiutano a facilitare la comunicazione all’interno dell’app, piuttosto che usare diversi strumenti per la sincronizzazione. I tuoi compagni di squadra vedranno anche di tutto, dai comandi ai database senza la necessità di esporre le tue porte. Questo è il futuro della collaborazione con il controllo condiviso che consente ai team di trovare più facilmente problemi e applicare le modifiche al momento.

5. Draftium

draftium

# # Prototyping design # Sviluppo Marketing #

OK, sto barando un po ‘con questo, ma sarà un salvavita. Se lavori regolarmente con i clienti, allora sai quanto può essere difficile concordare una visione per un sito Web. Probabilmente collaborerai anche con designer e esperti di marketing per trovare / sviluppare contenuti che mettano in evidenza un servizio. Quanto tempo ci vuole per mettere insieme un prototipo dopo che tutti gli stakeholder hanno la loro voce in capitolo? Quanto tempo impieghi per perfezionare il prototipo prima che tutti siano d’accordo? Tanto tempo?

Draftium è un "strumento di prototipazione turbo" che soddisfa facilmente i criteri per i migliori strumenti di sviluppo WordPress del 2020. Ti aiuterà a mettere insieme una struttura di siti Web in pochi minuti usando i blocchi. Il piano a pagamento ha oltre 300 modelli su misura per industrie e nicchie, che possono quindi essere migliorati di oltre 200 blocchi. Collabora in tempo reale per accelerare il processo di approvazione e smettere di aspettare che le e-mail portino avanti il ​​tuo progetto. Viene inoltre fornito con elementi visivi gratuiti come icone e immagini per aiutarti a rendere il sito il più reale possibile.

È molto meglio di un pezzo di carta, o di una lavagna bianca o di KeyNote. Quando si avvia un progetto e tutti devono vedere il "visione" allora questo è lo strumento migliore per iniziare.

6. Telepresence

telepresenza

# # K8S kubernetes # CNCF

La telepresenza è uno dei migliori strumenti di sviluppo WordPress del 2020 perché accelera il brutale ciclo di sviluppo / debug di Kubernetes rimuovendo il processo di creazione e distribuzione del contenitore dall’equazione. Vedrai immediatamente tutte le modifiche del codice perché Telepresence rende il tuo laptop o desktop parte del cluster Kubernetes tramite proxy.

I cluster Kubernetes integreranno il codice locale sulla tua workstation come un normale pod e ti consentiranno l’accesso completo all’ambiente live. Ciò significa che il processo locale avrà un ambiente simile al cluster remoto rimanendo nel controllo. Non solo, ma la tensione sulle risorse locali è molto, molto più bassa. Infine, è agnostico. È possibile utilizzare qualsiasi strumento installato localmente per testare, eseguire il debug e modificare il servizio remoto.

Potresti chiederti di Minikube. La telepresenza funziona bene con Minikube e offre al contempo funzionalità avanzate per uno sviluppo più rapido. Se vuoi eseguire la codifica e la modifica dal vivo sui cluser di Kubernetes, Telepresence è uno strumento indispensabile.

7. pacco

parceljs

# # # JavaScript Coding VueJS

Quando stavamo cercando i migliori strumenti di sviluppo WordPress del 2020, abbiamo cercato gli strumenti che promettevano di migliorare la tua esperienza complessiva. Parcel è un bundler di applicazioni web che mantiene questa promessa. Quando dice uno strumento "zero plug-in richiesti", allora pensiamo immediatamente a una migliore esperienza.

Nella sua forma più semplice, fornisce pieno supporto per JavaScript, CSS, HTML e risorse di file non appena si apre la finestra. È sia più veloce che più amichevole di qualsiasi altro web bundler. Se vuoi evitare le brutte impostazioni di configurazione, Parcel è lo strumento che fa per te.

Vedrai immediatamente un miglioramento della velocità perché sfrutta appieno l’elaborazione multi-core per la compilazione di codice parallelo. Le build iniziali saranno fino al 50% più veloci. Quando usi Parcel con cache, vedrai startup incredibilmente veloci. La promessa di configurazione zero è un grande punto di forza con opzioni come la suddivisione del codice e le trasformazioni disponibili dall’inizio. Nessun sollevamento pesante richiesto.

8. Plugin Vim

Vim è ancora uno degli strumenti di modifica del testo più popolari in uso oggi

# # VIM DEVCommunity

Nonostante abbia 27 anni, Vim è ancora uno dei primi 5 editor di testo utilizzati dagli sviluppatori oggi. Ciò significa che dobbiamo averlo come uno dei migliori strumenti di sviluppo WordPress del 2020. Fortunatamente per noi, ci sono sempre nuovi plugin creati per aiutare gli utenti a sfruttare al meglio questo strumento. Questi sono i tre migliori del 2020:

�� Vim Headfirst ti dà comandi che apriranno rapidamente i file dei fratelli in Vim.

�� Vim Branch Stack ti aiuterà a trovare il percorso di diramazione per una riga di codice corrente. Se lavori con funzioni lunghe e rami nidificati, ti piacerà molto.

�� Vim Ruby Block Helpers ti rende più facile aggirare i blocchi di Ruby con nuove mappature e sequenze di tasti per Vim.

9. Speedline

Speedline

# Test # Prestazioni

Speedline è il modulo nodo utilizzato da Lighthouse ed è stato il primo strumento che ho inserito in questo intero elenco dei migliori strumenti di sviluppo WordPress del 2020. Misura l’avanzamento visivo della pagina visibile e fornisce una valutazione in base alla velocità di caricamento del contenuto . Dimentica le pietre miliari di cui gli utenti non si preoccupano e pensa a ciò che vedono.

Speedline ti fornirà una comprensione più approfondita dell’esperienza degli utenti finali perché si concentra sulla velocità con cui i contenuti visibili vengono consegnati al viewport. Puoi misurare altri traguardi, ma questa è una delle migliori misurazioni per l’esperienza dell’utente finale.

10. React Performance Devtool

reagire-perf-DevTool

# # JavaScript FrontEnd

Oggigiorno tutto è JavaScript, quindi è necessario monitorare i componenti per garantire il corretto funzionamento del sito.

React Performance Devtool è il modo migliore per farlo. È attualmente disponibile come estensione per Chrome e Firefox con un’app standalone sulla roadmap. Compila le sue statistiche tramite l’API window.performance e offre sia la vista generale che la vista granulare per ogni componente.

11. Libro di storia

libro di storia

# # JavaScript Reagire # angolare # VueJS

Storybook è un tutorial di apprendimento per la creazione di componenti dell’interfaccia utente da zero utilizzando Angular, Vue o React. Ci vuole un approccio ampio ma logoro alla creazione di componenti dell’interfaccia utente con informazioni dai professionisti del settore per aiutarti a costruire più velocemente.

È uno dei migliori strumenti di sviluppo WordPress del 2020 perché è semplice. In sole due ore, meno per sviluppatori esperti, metterai insieme una casella di lavoro funzionante con commit alla fine di ogni capitolo. Dopo aver completato la casella delle attività, sarai subito pronto per iniziare a creare nuovi componenti con Storybook immediatamente.

Ciascuno dei capitoli è chiaro e ti guida attraverso ognuna delle fasi importanti dai componenti compositi, dai test agli Addon. C’è un buon equilibrio tra le basi e avanzate con casi limite specificamente menzionati. Vedrai anche che le opzioni più avanzate sono riconosciute anche in ogni fase del processo. Se stai cercando un modo rapido per coprire le basi della creazione dei componenti dell’interfaccia utente, questo è il posto migliore da cui iniziare.

12. Deployer

deployer

# # PHP WordPress # Magento

Deployer è in circolazione da un po ‘, ma è ancora uno dei migliori strumenti di sviluppo WordPress del 2020. Se stai ancora implementando manualmente, probabilmente hai avuto almeno alcuni errori lungo il percorso. Sebbene gli errori possano essere naturali, puoi risparmiare tempo, denaro e opportunità con un’opzione automatizzata. Deployer per PHP rimane uno dei migliori strumenti automatizzati per le distribuzioni di PHP.

Esistono molti strumenti di distribuzione automatizzati, ma pochi sono più facili da usare rispetto a Deployer. In caso di problemi, allora la documentazione è chiara e facile da seguire. Deployer porterà i tuoi repository da GitHub a una serie di framework PHP popolari, come WordPress, che ti consente di passare facilmente da un progetto all’altro.

Se viene rilevato un errore o emerge un bug, Deployer supporta un facile rollback con rollback dep per portarti alla versione precedente. Gli errori dovrebbero essere inferiori con l’uso di distribuzioni atomiche inserite nell’app.

Per gli utenti di WordPress, è possibile utilizzare Deployer con WP-CLI per gestire i siti in remoto. C’è anche un tonnellate di ricette per aiutare ti muovi più velocemente tra le tue implementazioni.

Quando è necessario passare attraverso una serie di attività, Deployer ti aiuterà con il supporto di attività parallele, che possono quindi essere utilizzate in seguito su altri server e in altri progetti.

13. Dimer

dimerapp

# Tutorial # Coder

A volte mi chiedo quanti strumenti siano stati abbandonati perché la documentazione è troppo difficile da analizzare. Gli sviluppatori esperti potrebbero essere in grado di confondersi con qualsiasi documentazione. Tuttavia, per gli utenti meno esperti, la documentazione è la chiave per convertirli in utenti per tutta la vita. Dimer è uno dei migliori strumenti di sviluppo WordPress del 2020 perché ti aiuta a creare una migliore documentazione.

Dimer offre un modo più semplice per strutturare la documentazione con sezioni create dopo ogni tag h2. Si verificano anche errori del compilatore quando mancano componenti importanti. L’editor è limitato (in senso buono) per fornire famiglie di caratteri che garantiscano la leggibilità del documento finale. Se ti senti avventuroso, puoi integrarti con GitHub per stabilire regole per la pubblicazione di documenti dopo ogni commit, unione o rilascio.

Dimer è attualmente in beta, il che significa che puoi goderti le funzionalità Pro gratuitamente mentre lo sviluppo è in corso. Per gli sviluppatori che odiano scrivere, i promemoria e le limitazioni sono il modo migliore per trarre vantaggio dalle tue conoscenze fornendo al contempo documentazione leggibile per i tuoi utenti.

14. Il mio browser FYI

mybrowser

# # Supporto di debug

My Browser FYI è uno strumento semplice per tempi complicati. Questo è facilmente uno dei migliori strumenti di sviluppo WordPress del 2020 perché semplifica la vita. Se hai mai dovuto eseguire il debug di un problema relativo al browser, adorerai questo strumento. Il mio browser FYI raccoglie tutte le informazioni importanti come dispositivo, finestra, tipo e versione del browser, cookie e disponibilità JavaScript. Quindi lo presenta chiaramente e fornisce semplici pulsanti di condivisione per inviarlo allo sviluppatore.

Gli utenti possono copiare un collegamento o persino fornire la versione JSON dei dati con un solo clic. Se hai mai dovuto interrogare gli utenti per le informazioni del browser, questo strumento sarà di grande sollievo. La tabella di marcia include il controllo dei blocchi degli annunci e il rilevamento delle velocità di connessione.

Questo è tutto da noi! Forse conosci altri degni strumenti di sviluppo di WordPress che dovrebbero trovarsi in questo elenco? Fateci sapere nei commenti qui sotto!

Non dimenticare di partecipare al nostro corso intensivo per accelerare il tuo sito WordPress. Con alcune semplici correzioni, puoi ridurre i tempi di caricamento anche del 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map