Meilleur langage de programmation à apprendre pour les utilisateurs de WordPress
Publié: 2017-07-17Quel est le meilleur langage de programmation à apprendre si vous voulez vous améliorer sur WordPress ? Ça dépend. Être bien chez WordPress est facile. Être génial avec WordPress, cependant, nécessite un petit quelque chose en plus. Apprendre un ou deux langages de programmation est probablement le meilleur endroit pour commencer à devenir bon avec. Mais il y a tellement de langages différents utilisés dans le développement Web, savoir par où commencer peut être effrayant.
Ne t'inquiète pas, mon ami. Je t'ai.
PHP
Malgré ce que pense mon iPhone, PHP n'est pas une faute de frappe lorsque je ne cherche pas de délicieux plats vietnamiens sur Yelp. C'est le langage de programmation fondamental de WordPress et l'épine dorsale de plus de 80% d'Internet. Ces deux faits réunis devraient suffire à vous donner envie d'apprendre le PHP.
Si PHP est votre premier langage de programmation, il peut être intimidant à regarder, mais peut être assez simple. Dans le cas de Divi, vous pouvez regarder single.php (le fichier qui exécute une seule page) et voir ceci :
<?php get_header(); $is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() ); ?>
Le code saisit l'en-tête, regarde si le générateur de page a été utilisé, puis saisit le contenu par son ID attribué. C'est un fichier unique qui se précipite et récupère le contenu de la base de données au lieu d'avoir des dizaines (ou des centaines ou des milliers) de pages HTML qui doivent être spécifiées individuellement de votre part.
Il s'agit d'une fonctionnalité très dynamique, et PHP a été l'un des tout premiers moyens permettant de créer des sites Web dynamiques. Il utilise un interpréteur pour analyser le code PHP (qui est souvent combiné avec du HTML) et effectuer certaines actions en fonction de certaines conditions. Fondamentalement, la langue est ce qui permet à WordPress d'être WordPress.
Si vous souhaitez apporter des modifications substantielles et approfondir WordPress, vous aurez besoin de PHP. Toute fonctionnalité que vous souhaitez ajouter est écrite en PHP. Plugins ? Vous l'avez deviné : écrit en PHP.
Malgré sa réputation d'être hostile, les versions récentes de la langue l'ont rendu beaucoup plus efficace et convivial. En 2014, traquer les bugs et corriger l'ancien code, c'était comme essayer de retirer une seule nouille d'un bol de spaghetti en un seul morceau. Cependant, le débogage de PHP en 2017 s'apparente davantage à démêler un pull en maille lâche : vous trouvez ce que vous voulez et tirez jusqu'à ce que ce soit fait.
Et à mesure que de plus en plus de mises à jour sont apportées au noyau WP, plus le PHP avec lequel vous interagissez deviendra facile et intimidant. Il est sûr de dire que si vous voulez travailler avec WordPress, PHP est le meilleur langage de programmation à apprendre.
Exemple de code PHP
Le codex WordPress et les ressources pour les développeurs sont d'excellents points de départ pour examiner comment PHP est utilisé dans WP. Par exemple, c'est le code qui affiche le contenu de la publication. Remarquez qu'il s'agit d'une combinaison de balises HTML et de scripts 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;
}Si vous souhaitez définir votre installation sur un multisite, il vous suffit d'ajouter à votre wp-config.php .
Pour augmenter les limites de mémoire par défaut (qui est rarement assez élevée), mettez
define( 'WP_MEMORY_LIMIT', '512M' );
dans votre wpconfig.php .
JavaScript
JavaScript est un langage de programmation intéressant. Initialement créé pour l'interaction utilisateur et le développement front-end, JavaScript est devenu la nouvelle tendance au cours des dernières années. Désormais un langage à pile complète (ce qui signifie qu'il fonctionne avec les navigateurs frontaux et les bases de données et serveurs principaux), JavaScript est le langage de programmation qui connaît la croissance la plus rapide sur l'interweb.
Avec des plates-formes comme Ember.js, Node.js, React et AngularJS, l'écart entre la quantité d'Internet basée sur PHP et JavaScript ne fera que se réduire.
Cette omniprésence signifie que si vous cherchez un moyen de suivre WordPress à l'avenir, JavaScript devrait être votre choix. Même si WP est construit sur PHP, environ 27% du code principal est maintenant écrit en JS. Et ce nombre ne fera qu'augmenter à mesure que davantage de mises à jour et de contributions seront apportées.
JS est un langage de programmation orienté objet, ce qui signifie que vous configurez des "objets pour modéliser des choses du monde réel que nous voulons représenter dans nos programmes, et/ou fournir un moyen simple d'accéder à des fonctionnalités qui seraient autrement difficiles ou impossibles à faire utilisation de. En un mot très simplifié, cela vous empêche d'écrire beaucoup de code répétitif, de faire le travail plus rapidement et de vous faciliter la vie.
Est-ce le meilleur langage de programmation à apprendre ? Peut-être. Si vous choisissez JavaScipt, votre sécurité d'emploi et votre demande dans la sphère WordPress ne feront que s'améliorer, et si vous décidez de vous développer au-delà de notre communauté, vous aurez un avantage concurrentiel certain grâce à votre expertise (surtout si vous aussi travailler en PHP).
Exemple de code JavaScript pour WordPress
Make WordPress est une ressource incroyable si vous cherchez à voir comment PHP ou JavaScript est utilisé dans les mises à jour de base du logiciel. Ils ont d'excellents exemples de ce à quoi devrait ressembler votre code, en particulier en termes de normes partagées entre PHP et 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
Techniquement parlant, HTML n'est pas un langage de programmation. C'est un langage de balisage (après tout, c'est un acronyme pour langage de balisage hypertexte). La différence est que les langages de programmation sont basés sur des fonctions, des objets, l'automatisation et l'interactivité. Le balisage consiste à baliser (vous voyez ce que j'ai fait ?) ce que voient les utilisateurs. Vous obtenez du code pour créer des tableaux, insérer des images et formater du texte. Le HTML est ce qui a rendu les pages Geocities et MySpace si impressionnantes (?) À l'époque.
HTML en lui-même est statique (bien que HTML5 ait introduit un certain nombre de nouvelles structures dynamiques). Si vous envisagez de travailler avec WordPress, HTML est le seul langage dont vous aurez besoin d'une connaissance pratique. Même si WordPress évolue vers une édition plus visuelle du contenu, des thèmes et des styles, la maîtrise du HTML ne disparaîtra jamais complètement.
HTML est assez basique, cependant. Vous ajoutez des liens et affichez du texte. Vous séparez les paragraphes, créez des tableaux et insérez des images. C'est vraiment le squelette de chaque page sur Internet. C'est tellement fondamental que ne pas le savoir (au moins assez pour être dangereux) vous coûtera absolument des emplois. HTML est définitivement en lice comme le meilleur langage de programmation à apprendre.
Exemple de code 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
De nos jours, vous ne pouvez pas seulement avoir des compétences en HTML. Vous devez également maîtriser le CSS. Parce que nous ne sommes pas en 1997 et que vous ne créez pas un site Geocities, vous devez utiliser les deux langages de balisage pour faire quoi que ce soit.
Pensez au CSS et au HTML comme Leslie Knope et Ann Perkins : des meilleures amies que vous ne pouvez tout simplement pas séparer si vous essayez. CSS signifie feuille de style en cascade, en mettant l'accent sur le style . Oui, vous l'avez deviné, CSS est ce que vous utilisez pour rendre les choses jolies, pour faire passer vos pages HTML de l'apparence de Geocities à, enfin, n'importe quoi d'autre. Cela seul en fait un candidat pour le meilleur langage de programmation à apprendre.
CSS est ce que vous utilisez pour animer des éléments maintenant que nous n'utilisons plus Flash ou Shockwave. Souvenir? Ah, des souvenirs. Nous utilisons CSS pour déplacer des éléments, les empiler, les façonner (oui, vous pouvez utiliser CSS pour créer toutes sortes de formes farfelues) et faire sauter votre site Web à travers tous les cerceaux que vous voulez.
Ce qui est spécial avec CSS, c'est que même s'il peut être utilisé en ligne avec HTML (il suffit d'ajouter le
style=""
tag à un élément), il ne devrait pas l'être. La page affichera chaque instance de la balise individuellement, ce qui ralentit considérablement votre page.
Entrez la feuille de style. Vous connaissez peut-être un petit quelque chose appelé custom.css . L'utilisation d'un fichier séparé pour appeler tous les styles à partir d'un emplacement signifie qu'il n'est chargé qu'une seule fois. Vous décidez si un élément a besoin d'une classe ou d'un identifiant (une classe sera utilisée plusieurs fois dans l'ensemble, tandis qu'un identifiant est pour quelque chose qui nécessite une attention plus spécifique).
Pensez-y comme les objets dont nous avons parlé ci-dessus avec JavaScript, ou des fonctions en PHP. Vous ne voulez pas répliquer le code et vous voulez minimiser les demandes de votre serveur. Les feuilles de style vous permettent d'appeler le serveur une fois et de l'appliquer plusieurs fois.
Exemple de code CSS
Personnellement, je garde un squelette de fichier custom.css que je copie/colle dans chaque nouveau site sur lequel je travaille. Bien sûr, je le modifie abondamment à chaque fois, mais avoir un modèle de base permet de gagner beaucoup de temps lorsque vous allez styliser les mêmes éléments pour chaque site. C'est le début, donc vous pouvez voir de quoi je parle.
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;
}
Comme le HTML, il n'y a aucun moyen de contourner le CSS. Bien qu'ils soient séparés, ils vont ensemble comme des patates douces et des jalapenos (essayez-le si vous ne me croyez pas).
Alors, quel est le meilleur langage de programmation à apprendre ?
Vous savez quoi apprendre maintenant, mais par où commencer ? Il n'y a pas de pénurie de ressources pour vous permettre d'apprendre un langage de programmation, mais je suis vraiment partisan des trois ci-dessous. J'ai utilisé ces trois sites comme outils principaux lorsque j'ai décidé de me préparer à commencer à travailler en indépendant.
- Codecademy – Cours pratiques gratuits pour des tonnes de langages de programmation. Leur éditeur intégré au navigateur vous explique tout ce que vous devez savoir, étape par étape.
- CodeSchool – Comme Codecademy, des cours pratiques gratuits vous guident dans la langue de votre choix. Ils ont tendance à articuler leurs cours autour de sujets comme les zombies pour les garder intéressants.
- Team Treehouse – Pas gratuit comme les deux autres, Team Treehouse ressemble plus à une école en ligne qu'à l'une des autres. Ils utilisent des pistes qui donnent l'impression que vous parlez à une classe d'un sujet particulier du langage de programmation que vous avez choisi.
- The Elegant Themes Blog – Nous ne sommes pas un blog de programmation, mais il existe des tonnes d'articles comme celui que j'ai mis en lien ici et qui examinent les meilleures ressources que vous pouvez utiliser pour apprendre à programmer. J'aime personnellement ceux qui discutent de différents éditeurs de texte comme Sublime Text et Notepad ++. J'adore essayer de nouveaux éditeurs de texte.
Ces langages ne sont pas vos seules options, mais ce sont les fondations sur lesquelles WordPress est construit. Donc, si vous cherchez le meilleur langage de programmation à apprendre, faites-vous plaisir et faites-en l'un d'entre eux, mmmkay ?
Image miniature de l'article par Fernandodiass / shutterstock.com