Vai al contenuto principale

JavaScript e WordPress API REST: Come capire il gergo

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 600.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

JavaScript è uno degli argomenti su WordPress. L'API Rest incoraggia gli sviluppatori non solo a imparare a interagire con essa, ma a migliorare il loro utilizzo di applicazioni Web più efficienti con WordPress.

Ma se sei nuovo di JavaScript, ti perderai facilmente in tutta questa nuova tecnologia e gergo. un "grugnito" potrebbe essere il rumore che fai quando provi a eseguire il debug di un codice JavaScript, AJAX potrebbe essere una polvere per pulire il tuo JavaScript e REST può essere quello che ti serve quando è tutto finito.

Quindi, in questo articolo andremo a passare attraverso la maggior parte del gergo di questo nuovo universo intorno a JavaScript.

Mi occuperò la seguente terminologia:

  • Concetti fondamentali
  • librerie
  • quadri
  • modello di sistema
  • Strumenti di sviluppo

Quindi cominciamo con Concetti fondamentali Che devi capire per assimilare meglio la suite.

javascript
Se volete maggiori informazioni, è possibile farlo su JavaScript.com

Concetti fondamentali

Cominciamo con il concetto più elementare (È tutto JavaScript). JavaScript è un linguaggio di programmazione "front-end", il che significa che viene eseguito sul computer client. JavaScript può essere utilizzato per qualsiasi tipo di azione dinamica: aggiungere interazioni, recuperare dati, visualizzare popup. Non essere tentato di fare troppo.

Una libreria è una directory di codice che è possibile utilizzare per completare un progetto. Aggiunge codice aggiuntivo che semplifica l'integrazione di una funzionalità o migliora semplicemente la velocità di sviluppo.

Un contesto è simile a una libreria, ma più grande in questo senso o è una raccolta di librerie e diverse funzionalità.

Sistema di template JavaScript ti consente di evitare di ripetere te stesso e aderisce al concetto Non Repeat Yourself: A SECCO". Si riferisce alla parte della vista del modello di progettazione "MVC" che ti evita di dover scrivere più volte lo stesso codice. È un po 'come il' templatage su temi«.

Il modello MVC è generalmente descritto da framework e librerie. Ogni libreria tende a concentrarsi su uno di questi tre elementi (Vista controller modello). Il modello è una struttura di dati (su WordPress, questo si riferisce al database). Il vue è un elemento che fa riferimento all'interfaccia utente (testo, immagine, pulsante, animazione, ecc). Il contrôleur è la connessione tra il modello e la vista. Il codice che scrivi recupera l'elemento da una pagina per interagire con i dati.

reuterstv
Reuteurs.tc un esempio di applicazione su Page Unique.

Un'applicazione a pagina singola è un sito Web a pagina singola, che si comporta non come un sito Web con più pagine, ma come un'applicazione, la differenza qui è che le pagine si aggiornano tramite JavaScript. Ciò significa che il contenuto è precaricato, il che riduce significativamente il tempo di caricamento di una pagina.

Gli svantaggi sono sicuramente gli impatti sulla SEO, perché i robot non possono facilmente navigare attraverso un'applicazione, in particolare non hanno browser web come semplici utenti e quindi non hanno JavaScript.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

API significa Application Programming Interface (Application Programming Interface). Si tratta di una combinazione di codice (funzioni, ganci, ecc.), fornito da un sistema che ti consente di interagire con esso. Se hai già aggiunto widget di Twitter sul tuo blog, devi interagire con l'API di Twitter. WordPress offre diverse API diverse e ognuna consente di gestire meglio le risorse e le funzionalità di quest'ultima. L'API REST è diversa in quanto consente ad altri sistemi di interagire con WordPress.

feelingrestful

REST sta per Rappresentational State Transfer. Utilizza un'architettura disaccoppiata, il che significa che diversi componenti di un sito o di un'applicazione sono separati. In pratica, ciò significa che il tuo sito può essere salvato da qualche parte, mentre i dati di cui viene eseguito il backup vengono salvati da qualche altra parte.

AJAX significa JavaScript asincrono e XML o JavaScript e XML asincrono. Questa è una tecnica che ti consente di interagire con un sito Web senza aggiornare una pagina. L'interfaccia di amministrazione di WordPress utilizza AJAX come la maggior parte dei siti Web come Twitter, Facebook, ecc. Non fidarti del nome, non è necessario eseguire XML per utilizzare AJAX.

JSON significa notazione orientata JavaScript. Ti permette di recuperare i dati da un'applicazione usando JavaScript che ti dà la possibilità di manipolare i dati. Se in passato hai utilizzato XML per salvare e manipolare dati su pagine Web, JSON sarà il nuovo modo in cui lo fai ora. Nel modello MVC, questo si riferisce al controller, perché è tutta l'interazione tra i dati e l'interfaccia.

Biblioteche

Esistono numerose librerie JavaScript e può essere molto difficile sapere quando e cosa utilizzare. Tratterò alcuni plugin JavaScript popolari. A volte vorrete scegliere l'uno o l'altro, a volte userete entrambi i set in quanto si riferiscono a diverse parti del modello MVC.

Tutte le seguenti librerie sono open source e gratuite.

jQuery

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

jQuery è probabilmente la libreria JavaScript più conosciuta. Diversi siti lo usano per aggiungere animazioni "front-end" al loro sito. È una libreria che semplifica davvero l'uso di JavaScript sul tuo sito Web, dandoti anche la possibilità di accedere a funzioni speciali.

jQuery è integrato su WordPress, puoi usarlo facilmente sui tuoi temi e plugin. Questa libreria viene sostanzialmente utilizzata per aggiungere animazioni e non interagisce sempre con i dati del tuo sito.

Reagire è una libreria sviluppata e gestita da Facebook e ospitata in una directory Github. È una libreria che si occupa della vista nel modello MVC. React è una libreria popolare che ti permetterà di creare interfacce che utilizzeranno il formato JSON per interagire con le API REST.

Angolare è una libreria gestita e utilizzata da Google. Angular svolge un lavoro simile a React, quindi è possibile utilizzarlo per interagire con l'API REST. Se scegli di interagire con React, probabilmente non userai Angular e viceversa.

bootstrap non è solo una libreria JavaScript, ma una libreria di documenti JavaScript, HTML e CSS. Sviluppato da Twitter, è un bibliotecario generalmente utilizzato per creare temi WordPress. Tuttavia, non interagisce con i dati: si tratta solo di manipolare la vista.

underscoreJS

Underscore.js è un'altra libreria appositamente progettata per aiutarti a interagire con la vista nel modello MVC. Non deve essere confuso con " sottolineature", Il tema base di WordPress progettato da Automattic.

Underscore aggiunge funzionalità per aumentare la velocità dello sviluppo di JavaScript. Offre un po 'più di funzionalità di jQuery nella gestione di oggetti e array JavaScript.

quadri

il quadro Spina dorsale dipende dalla libreria Underscore e jQuery. È stato progettato per creare applicazioni su una singola pagina, utilizzando i tre elementi di una struttura MVP.

Node.js è un framework JavaSript che funziona su Windows, OSX e Linux, quindi viene utilizzato dalla maggior parte delle applicazioni piuttosto che per lo sviluppo di applicazioni web.

manubrio

Sistema modello

Baffi ti dà modelli che puoi usare su JavaScript o con altri framework come Node.js. È un sistema senza logica, poiché non integra condizioni "if", "else" o persino loop.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

manubrio, Baffi utilizzato per visualizzare un paio di baffi rendering o quella di lei.

Strumenti di sviluppo

Grugnito è uno strumento di sviluppo JavaScript che ti permetterà di accelerare lo sviluppo e i test. È una specie di prompt dei comandi che fornisce una serie di strumenti per automatizzare il processo JavaScript come concatenare file, eseguire test, ridurre al minimo i tuoi script.

grugnito

Comporre il tutto

Sopra troverai strumenti che puoi usare per migliorare il tuo sviluppo JavaScript, e probabilmente ci sono molti altri strumenti disponibili. Ma probabilmente non dovrai usarli tutti. Diversi strumenti svolgono quasi le stesse attività, probabilmente dovrai passare il tempo a cercare gli strumenti più adatti a te.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
10 azioni
quota8
Tweet1
Enregistrer1