Article original : A Learning Path for Newbies in WordPress Development

Par Ihtisham Zahoor

À l'ère de l'information, un obstacle à l'apprentissage de quelque chose de nouveau n'est pas de savoir où trouver les ressources. C'est de savoir par où commencer et comment donner un sens à toutes les ressources disponibles en ligne de nos jours. Cela est particulièrement vrai dans le développement web, où de nouveaux outils apparaissent du jour au lendemain.

En 2015, depuis que j'ai décidé d'apprendre le développement web, j'ai été confronté à des défis de doute de soi et de manque de motivation. Mais le défi qui a le plus drainé mon énergie était de ne pas savoir quel chemin suivre.

Compte tenu des défis initiaux de ce parcours, j'ai écrit cet article pour les passionnés de technologie qui veulent se lancer dans le développement web. Plus particulièrement dans le développement WordPress. Tout cela dans l'espoir que vous allez passer votre temps à construire quelque chose de cool plutôt que de vous lancer dans ce cycle sans fin de l'apprentissage d'un outil à l'autre.

Attention ! Beaucoup d'apprentissage dans ce parcours

Je suis un développeur WordPress (bien que mon syndrome de l'imposteur me dise le contraire). Je ne peux partager que mon expérience liée à WordPress. Mais avant de plonger dans les détails, examinons d'abord une session de questions/réponses.

Maintenant, la réponse est-elle méchante ? Peut-être. Est-elle vraie ? Absolument ! WordPress et le développement web en général sont aussi sérieux et exigeants que n'importe quelle profession. Alors préparez-vous à...

• Un apprentissage tout au long de la vie
• Des nuits blanches occasionnelles

Très bien, avez-vous lu et compris les points ci-dessus ? Parfait. Maintenant, détendez-vous, car ce n'est pas pour vous décourager ou quoi que ce soit. C'est juste la vie d'un développeur, comme l'exige la nature toujours changeante de ce domaine.

La bonne nouvelle est qu'il n'y a pas beaucoup de technologies web que vous devez apprendre pour maîtriser l'art du développement WordPress. Cela dit, donnez du temps à ce logiciel incroyable, et WordPress vous le rendra.

WordPress changera votre vie si vous le laissez faire — Chris Lema

C'est inspirant et mignon, n'est-ce pas ? C'est l'une des raisons pour lesquelles Topher DeRosia (un grand merci) a fourni la plateforme HeroPress pour les WordPressers (oui, c'est ainsi que nous nous appelons fièrement). Ici, les WordPressers partagent régulièrement leurs histoires d'origine avec WordPress avec la communauté. Soyez assuré qu'en lisant ces histoires, vous allez ressentir une montée d'adrénaline, car beaucoup d'entre vous vont se reconnaître dans ces récits.

WordPress pour tous !

WordPress est super facile à utiliser. En fait, n'importe qui, sans aucune connaissance technique, peut installer et commencer à utiliser WordPress en un rien de temps. Cependant, WordPress possède un vaste écosystème. Pour ma part, je catégoriserais le développement WordPress en deux domaines différents. Je vais d'abord lister ces domaines ci-dessous, puis je les discuterai séparément.

• Personnalisation de sites WordPress
• Développement de thèmes/plugins WordPress

Personnalisation de sites WordPress

La personnalisation de sites WordPress est le domaine dont tout le monde parle, car elle représente la majeure partie du travail effectué avec WordPress. La personnalisation de sites est un domaine où aucune connaissance préalable en codage n'est requise.

Cela signifie qu'un utilisateur avancé de WordPress peut facilement effectuer des tâches telles que l'installation et la personnalisation de thèmes/plugins à l'aide de constructeurs de pages, le débogage de sites et la maintenance de sites, etc. De plus, la personnalisation de thèmes consiste à personnaliser ou modifier un thème préconçu selon les exigences de votre client.

Pour vous donner une perspective sur le processus, vous pouvez regarder le court tutoriel suivant de Tyler Moore. Dans son tutoriel, il crée un nouveau site web en personnalisant un thème préconçu à l'aide du constructeur de pages Elementor.

Développement de thèmes/plugins WordPress

C'est là que tout le plaisir commence pour les passionnés de WordPress. Nous pouvons l'appeler le développement WordPress réel, car ce domaine est tout sur la connaissance et la plongée dans les détails techniques de la programmation. Cela peut être aussi simple que l'utilisation de quelques hooks WordPress pour modifier des réponses ou aussi complexe que la construction d'un produit complet sur WordPress.

Donc, si vous souhaitez vous lancer dans ce domaine, vous devez investir plus de temps à apprendre les technologies web impliquées dans le développement WordPress. Compte tenu de cela, le reste de cet article discutera de toutes les technologies et de quelques astuces pour vous lancer dans le développement WordPress réel.

Parcours d'apprentissage

Pour commencer votre voyage dans le développement WordPress, ces outils et technologies sont ceux avec lesquels vous allez travailler.

1. Dites bonjour et embrassez les modules HTML5 avec les concepts de sémantique et d'accessibilité. HTML est ce qui donne une structure au contenu du site.

2. Cette citation dit tout :

Tu es le CSS de mon HTML — Un génie

CSS est la façon dont HTML est présenté dans le navigateur web. Assurez-vous d'apprendre le préprocesseur SASS comme votre sauveur pour écrire du CSS modulaire une fois que vous avez compris les bases.

3. L'organisation derrière WordPress a de grands projets pour faire de JavaScript une partie du front-end de WordPress. Cela vient officiellement de l'auteur original de WordPress.

Apprenez JavaScript, en profondeur — Matt Mullenweg

Oui, je sais que cela peut sembler exagéré pour un débutant qui commence à suivre ce conseil, mais gardez un œil sur les développements dans ce domaine. Maintenant, cela ne signifie pas que vous devez maîtriser JavaScript pour travailler avec WordPress. Commencez par les bases, y compris sa bibliothèque très populaire jQuery.

4. Ne serait-ce pas bien si vous pouviez avoir une avance de 1000 étapes avec ces trois technologies pour accélérer votre processus de développement ? Eh bien, c'est là que les frameworks front-end comme Twitter Bootstrap entrent en jeu. Explorez-le et soyez émerveillé. Ne confondez pas les frameworks front-end avec les frameworks JavaScript. Le front-end est utilisé de manière interchangeable avec les bibliothèques et frameworks JavaScript, ce qui est un chemin différent.

5. PHP est le langage de script qui alimente WordPress. Si vous voulez plonger profondément dans WordPress, apprenez PHP en premier avec ses concepts OOP, y compris MySQL comme base de données back-end.

6. En général, lorsque les gens parlent de développement WordPress, cela signifie généralement seulement deux segments de WordPress.

7. Développement de thèmes WordPress, qui consiste à développer une présentation (mise en page) de sites (d'où le nom « Thème »).

8. Développement de plugins WordPress, qui consiste à ajouter des fonctionnalités aux sites WordPress

Pour un développeur, il est de la plus haute importance de comprendre et d'être à l'aise avec ces deux segments. Et pour ajouter un peu plus à votre parcours d'apprentissage, familiarisez-vous avec l'internationalisation et la localisation. Vous devez également connaître les hooks et les APIs de WordPress, pour n'en nommer que quelques-uns.

Lors du développement de sites, la majeure partie de votre temps sera passée dans un environnement de développement local et dans un éditeur de code. Pour le bien de l'information complète dans cet article, laissez-moi vous diriger vers un environnement de développement local facile à configurer mais puissant (Local by Flywheel) et un éditeur de code ultra-rapide (Visual Studio Code de Microsoft). Oui, ils sont tous deux gratuits comme WordPress.

Flux de travail

À mesure que votre flux de travail devient plus avancé et complexe, il est important pour vous de rester sain d'esprit et de continuer à profiter de la vie. Dans ce cas, vous allez devoir rationaliser votre flux de travail. Essayez des outils d'automatisation des tâches comme Grunt/Gulp et utilisez un système de contrôle de version comme git pour éviter de commettre des erreurs.

Illustration du guide du parcours d'apprentissage publié sur GitHub

Pour clarifier les choses pour vous, j'ai publié une illustration du parcours d'apprentissage sous forme de guide étape par étape sur GitHub que j'ai fourni ci-dessous.

Apprenez-en, donnez des commentaires, améliorez-le pour le rendre meilleur pour les débutants, et n'hésitez pas à envoyer des demandes de PR.

Ressources

Au cas où vous seriez toujours inquiet de devoir plus qu'un tas de mots motivants pour commencer à faire un travail significatif, peut-être avez-vous besoin d'un guide étape par étape — eh bien, ne vous inquiétez plus. Suivez le WordPress Developer Handbook et le WordPress Developer Codex comme une religion et considérez-vous entre de bonnes mains.

De plus, vous pouvez recevoir une grande aide du forum WordPress Support ainsi qu'en trouvant vos réponses sur le site de Q&A Stack Overflow, qui est immensément populaire parmi la communauté des développeurs.

En dehors des ressources officielles de WordPress, du forum de support et des sites de Q&A centrés sur les développeurs, il existe une pléthore de sites comme WPBeginner, rendus possibles par l'incroyable communauté WordPress, offrant des tutoriels et des guides gratuits centrés sur WordPress.

CodexSpot est une telle tentative par un groupe de geeks WordPress, y compris moi-même, pour redonner à la communauté. CodexSpot est une plateforme en ligne, axée uniquement sur la fourniture de solutions web. Notre objectif est de fournir des tutoriels de qualité, des guides DIY et de vous tenir au courant des nouvelles et des tendances de l'industrie web.

Nous sommes de grands supporters de l'initiative des logiciels libres et open source et ne manquons aucune opportunité d'évangéliser les pratiques FOSS pour promouvoir ce mouvement. En outre, nous offrons également des générateurs et des outils de développement web gratuits pour accélérer votre temps de développement.

Maintenant, il existe un autre type de ressource d'apprentissage, qui sont les cours premium. En comparaison avec les ressources gratuites, le principal avantage des cours premium est le support en temps opportun offert par les instructeurs de cours pour leurs étudiants. Cela signifie que la capacité à obtenir des réponses à vos questions par les instructeurs eux-mêmes, vous bénéficie énormément pendant votre parcours d'apprentissage. De plus, ils restent à la pointe des dernières tendances de l'industrie.

J'ai personnellement appris beaucoup des cours Lynda.com (maintenant LinkedIn Learning), fortement recommandés. J'ai également trouvé le cours Learn WordPress de Chris Castiglione, un bon cours pour débutants. Donc, si vous cherchez un cours premium sur WordPress, vous trouverez l'un de ces cours digne de votre argent.

À ce stade, vous avez la dédication et des tonnes de ressources facilement disponibles pour apprendre tout sur WordPress. Cependant, il est tout aussi important que vous compreniez le marché de l'emploi et ce que les entreprises recherchent chez les candidats postulant pour le poste de développeur WordPress.

Toptal, un réseau exclusif des meilleurs freelances au monde, a publié un guide pour embaucher un « Great WordPress Developer » que vous pouvez lire pour mieux vous aligner avec les compétences WordPress les plus demandées.

Conclusion

N'essayez pas d'apprendre tout à la fois. Commencez par les bases. Implémentez ce que vous avez appris et construisez à partir de là. Prenez note de ces deux règles suivantes, non strictes, pour vous guider, car ces règles vous seront utiles dans votre parcours.

• L'apprentissage Just in Time (JIT) consiste à apprendre l'outil lorsque vous en avez besoin.
• La règle 80/20 de l'apprentissage consiste à donner 20 % de votre temps à l'apprentissage et 80 % de votre temps à l'implémentation de ce que vous avez déjà appris.

Maintenant, répétez après moi :

J'apprends.
Je code !
Je code encore !!
Je code un peu plus !!!
Je continue à coder !!!!!

... et c'est ainsi que vous commencez avec WordPress. Bonne chance WordPresser et bienvenue dans la famille WordPress !