Il miglior linguaggio di programmazione da imparare per gli utenti di WordPress
Pubblicato: 2017-07-17Qual è il miglior linguaggio di programmazione da imparare se vuoi migliorare con WordPress? Dipende. Essere a posto con WordPress è facile. Essere bravi con WordPress, però, richiede qualcosa in più. Imparare uno o due linguaggi di programmazione è probabilmente il posto migliore per iniziare a diventare grandioso con esso. Ma ci sono così tanti linguaggi diversi usati nello sviluppo web, capire da dove cominciare può essere spaventoso.
Non preoccuparti, amico. Ti ho preso.
PHP
Nonostante ciò che pensa il mio iPhone, PHP non è un errore di battitura quando non sto cercando del delizioso cibo vietnamita su Yelp. È il linguaggio di programmazione fondamentale di WordPress e la spina dorsale di oltre l'80% di Internet. Questi due fatti insieme dovrebbero essere sufficienti per farti venire voglia di imparare PHP.
Se PHP è il tuo primo linguaggio di programmazione, potrebbe essere intimidatorio da guardare, ma può essere piuttosto semplice. Nel caso di Divi, puoi guardare single.php (il file che esegue una singola pagina) e vedere questo:
<?php get_header(); $is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() ); ?>
Il codice acquisisce l'intestazione, verifica se è stato utilizzato il generatore di pagine, quindi acquisisce il contenuto in base all'ID assegnato. Questo è un singolo file che si precipita fuori e prende il contenuto dal database invece di avere dozzine (o centinaia o migliaia) di pagine HTML che devono essere specificate individualmente da parte tua.
Questa è una funzionalità molto dinamica e PHP è stato uno dei primissimi modi che ha consentito la creazione di siti Web dinamici. Utilizza un interprete per analizzare il codice PHP (che è spesso combinato con HTML) ed eseguire determinate azioni in base a determinate condizioni. Fondamentalmente, la lingua è ciò che consente a WordPress di essere WordPress.
Se vuoi apportare modifiche sostanziali e approfondire WordPress, avrai bisogno di PHP. Qualsiasi funzionalità che desideri aggiungere è scritta in PHP. Plugin? Hai indovinato: scritto in PHP.
Nonostante la sua reputazione di ostile, le versioni recenti della lingua lo hanno reso molto più efficiente e facile da usare. Nel 2014, rintracciare i bug e correggere il vecchio codice era come cercare di estrarre un singolo noodle da una ciotola di spaghetti in un unico pezzo. Eseguire il debug di PHP nel 2017, tuttavia, è più simile a sbrogliare un maglione a maglia larga: trovi quello che vuoi e tiri fino a quando non è finito.
E man mano che vengono effettuati più aggiornamenti al core WP, più facile e meno intimidatorio diventerà il PHP con cui interagirai. È sicuro dire che se vuoi essere bravo a lavorare con WordPress, PHP è il miglior linguaggio di programmazione da imparare.
Esempio di codice PHP
Il codice WordPress e le risorse per gli sviluppatori sono ottimi punti di partenza quando si osserva come PHP viene utilizzato in WP. Ad esempio, questo è il codice che visualizza il contenuto del post. Nota come è una combinazione di tag HTML e script PHP:
function the_content( $more_link_text = null, $strip_teaser = false) {
$content = get_the_content( $more_link_text, $strip_teaser );
/**
* Filters the post content.
*
* @since 0.71
*
* @param string $content Content of the current post.
*/
$content = apply_filters( 'the_content', $content );
$content = str_replace( ']]>', ']]>', $content );
echo $content;
}Se vuoi impostare la tua installazione su un multisito, aggiungi semplicemente al tuo wp-config.php .
Per aumentare i limiti di memoria dal valore predefinito (che raramente è abbastanza alto), put
define( 'WP_MEMORY_LIMIT', '512M' );
nel tuo wpconfig.php .
JavaScript
JavaScript è un linguaggio di programmazione interessante. Inizialmente creato per l'interazione con l'utente e lo sviluppo front-end, JavaScript è diventato il nuovo punto forte negli ultimi anni. Ora un linguaggio full-stack (nel senso che funziona con browser front-end e database e server back-end), JavaScript è il linguaggio di programmazione in più rapida crescita sull'interweb.
Con piattaforme come Ember.js, Node.js, React e AngularJS, il divario tra la quantità di Internet basata su PHP e JavaScript sarà solo destinata a ridursi.
Questa ubiquità significa che se stai cercando un modo per stare al passo con WordPress in futuro, JavaScript dovrebbe essere la tua scelta. Anche se WP è basato su PHP, circa il 27% del codice principale è ora scritto in JS. E quel numero aumenterà solo man mano che verranno effettuati ulteriori aggiornamenti e contributi.
JS è un linguaggio di programmazione orientato agli oggetti, il che significa che imposti "oggetti per modellare cose del mondo reale che vogliamo rappresentare all'interno dei nostri programmi e/o fornire un modo semplice per accedere a funzionalità che altrimenti sarebbero difficili o impossibili da realizzare uso di.” In poche parole, ti impedisce di scrivere un sacco di codice ripetitivo, di svolgere il lavoro più rapidamente e di semplificarti la vita.
È il miglior linguaggio di programmazione da imparare? Forse. Se scegli JavaScipt, la sicurezza del tuo lavoro e la domanda nell'ambito di WordPress miglioreranno sempre di più, e se decidi di espanderti oltre la nostra comunità, avrai un netto vantaggio competitivo grazie alla tua esperienza (soprattutto se anche tu lavorare in PHP).
Esempio di codice JavaScript per WordPress
Make WordPress è una risorsa straordinaria se stai cercando di vedere come PHP o JavaScript vengono utilizzati negli aggiornamenti principali del software. Hanno alcuni ottimi esempi di come dovrebbe essere il tuo codice, in particolare in termini di standard condivisi tra PHP e JS.
var i;
if ( condition ) {
doSomething( 'with a string' );
} else if ( otherCondition ) {
otherThing({
key: value,
otherKey: otherValue
});
} else {
somethingElse( true );
}
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
iterating++;
}
for ( i = 0; i < 100; i++ ) {
object[ array[ i ] ] = someFn( i );
$( '.container' ).val( array[ i ] );
}
try {
// Expressions
} catch ( e ) {
// Expressions
}HTML
Tecnicamente parlando, HTML non è un linguaggio di programmazione. È un linguaggio di markup (dopo tutto, è l'acronimo di hypertext markup language). La differenza è che i linguaggi di programmazione sono basati su funzioni, oggetti, automazione e interattività. Il markup riguarda il markup (vedi cosa ho fatto?) Ciò che vedono gli utenti. Ottieni il codice per creare tabelle, inserire immagini e formattare il testo. L'HTML è ciò che ha reso le pagine di Geocities e MySpace così fantastiche (?) ai tempi.
L'HTML di per sé è statico (sebbene HTML5 abbia introdotto una serie di nuove strutture dinamiche). Se hai intenzione di lavorare con WordPress, l'HTML è l'unico linguaggio di cui avrai bisogno di una conoscenza pratica. Anche se WordPress si sta spostando verso una modifica più visiva di contenuti, temi e stili, essere abili nell'HTML non scomparirà mai completamente.
L'HTML è piuttosto semplice, però. Aggiungi link e visualizzi il testo. Separare paragrafi, creare tabelle e inserire immagini. È lo scheletro di ogni pagina su Internet, davvero. È così fondamentale che non saperlo (almeno abbastanza da essere pericoloso) ti costerà assolutamente dei posti di lavoro. L'HTML è sicuramente in corsa come il miglior linguaggio di programmazione da imparare.
Esempio di codice HTML
<html>
<head>
<title>BJ's Awesome HTML Page</title>
</head>
<body>
<h2>This is my awesome website</h2>
<p>I wrote this in HTML. How about them apples?</p>
<p><strong>I even made this paragraph bold. You like that, right?</strong></p>
<p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
</body>
</html>
CSS
In questi giorni, non puoi avere solo abilità in HTML. Devi essere abile anche con i CSS. Poiché questo non è il 1997 e non stai creando un sito Geocities, devi usare entrambi i linguaggi di markup per fare qualcosa.
Pensa a CSS e HTML come Leslie Knope e Ann Perkins: i migliori amici che non puoi separare se ci provi. CSS sta per foglio di stile a cascata, con l'accento sullo stile . Sì, hai indovinato, i CSS sono ciò che usi per rendere le cose belle, per portare le tue pagine HTML dall'aspetto di Geocities all'aspetto, beh, di qualsiasi altra cosa. Questo da solo lo rende un contendente per il miglior linguaggio di programmazione da imparare.
CSS è ciò che usi per animare gli elementi ora che non usiamo Flash o Shockwave. Li ricordi? Ah, ricordi. Usiamo i CSS per spostare gli elementi, impilarli, modellarli (sì, puoi usare i CSS per creare tutti i tipi di forme stravaganti) e far saltare il tuo sito web attraverso i cerchi che vuoi.
La particolarità del CSS è che sebbene possa essere utilizzato in linea con l'HTML (aggiungi semplicemente il
style=""
tag a un elemento), non dovrebbe esserlo. La pagina eseguirà il rendering di ogni istanza del tag singolarmente, il che rallenta notevolmente la tua pagina.
Inserisci il foglio di stile. Potresti avere familiarità con qualcosa chiamato custom.css . L'utilizzo di un file separato per chiamare tutti gli stili da un'unica posizione significa che viene caricato solo una volta. Decidi se un elemento ha bisogno di una classe o di un id (una classe verrà utilizzata più volte in tutto il porcile, mentre un id è per qualcosa che richiede un'attenzione più specifica).
Pensalo come gli oggetti di cui abbiamo parlato sopra con JavaScript o le funzioni in PHP. Non vuoi replicare il codice e vuoi mantenere minime le richieste del tuo server. I fogli di stile ti consentono di chiamare il server una volta e applicarlo più volte.
Codice di esempio CSS
Personalmente conservo uno scheletro di file custom.css che copio/incollo in ogni nuovo sito su cui lavoro. Naturalmente, lo modifico abbondantemente ogni volta, ma avere un modello di base consente di risparmiare molto tempo quando si disegnano gli stessi elementi per ogni sito. Questo è l'inizio, quindi puoi vedere di cosa sto parlando.
body {
font-family: "Roboto", arial, sans-serif;
font-size: 18px;
line-height: 28px;
color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
color: #fff;
font-family: 'Exo', sans-serif;
font-weight: 700;
}
h1 {
font-size: 2.75rem;
margin: 40px 0px;
font-weight: 400;
}
h2 {
font-size: 32px;
line-height: 35px;
}
h3 {
font-size: 24px;
line-height: 32px;
}
h4 {
font-size: 24px;
line-height: 28px;
}
h5 {
font-size: 10px;
font-weight: normal;
line-height: 16px;
}
h6 {
}
.widgettitle {
text-align: center;
}
Come l'HTML, non c'è modo di aggirare la conoscenza dei CSS. Mentre sono separati, vanno insieme come patate dolci e jalapenos (prova se non mi credi).
Quindi qual è il miglior linguaggio di programmazione da imparare?
Sai cosa imparare ora, ma da dove dovresti iniziare? Non c'è carenza di risorse per imparare un linguaggio di programmazione, ma sono davvero parziale rispetto ai tre seguenti. Ho usato questi tre siti come i miei strumenti principali quando ho deciso di prepararmi per iniziare a lavorare come freelance.
- Codecademy – Corsi pratici gratuiti per tonnellate di linguaggi di programmazione. Il loro editor nel browser ti guida attraverso tutto ciò che devi sapere, passo dopo passo.
- CodeSchool – Come Codecademy, i corsi pratici gratuiti ti guidano attraverso la lingua che preferisci. Tendono a mettere a tema le loro lezioni intorno a cose come gli zombi per mantenerle interessanti.
- Team Treehouse - Non gratuito come gli altri due, il Team Treehouse è più simile a una scuola online rispetto agli altri. Usano tracce che ti fanno sentire come se stessi parlando a una classe su un particolare argomento del linguaggio di programmazione prescelto.
- The Elegant Themes Blog – Non siamo un blog di programmazione, ma ci sono tantissimi articoli come quello che ho linkato qui che esamina le migliori risorse che puoi usare per imparare a programmare. Sono personalmente affezionato a quelli che discutono di diversi editor di testo come Sublime Text e Notepad ++. Adoro provare nuovi editor di testo.
Queste lingue non sono le tue uniche opzioni, ma sono le basi su cui è costruito WordPress. Quindi, se stai cercando il miglior linguaggio di programmazione da imparare, fatti un favore e rendilo uno di questi, mmmkay?
Immagine in miniatura dell'articolo di Fernandodiass / shutterstock.com