avatar de l'auteur Nam Lee

Nam Lee < apprentie dev web >

Spécialisation WordPress

le 12 décembre 2020

O'clock

C'est parti pour 20 jours de spécialisation fullstack !

Épisode 01 : Intégration

Nous abordons cette spécialisation avec l'intégration en SASS.

Le but est de créer une plateforme d'échange entre développeurs et clients, oProfile.

Épisode 02 : Interactions

L'intégration continue.

Et le challenge du jour est de mettre en place un défilement automatique des avis clients.

Épisode 03 : Backend

Changement de projet pour le blog d'un marin.

Il nous faut installer WordPress en ligne de commande.

Et en bonus, ajouter un effet de parallaxe sur la banière de la page d'accueil.

Épisode 04 : Thème

A l'ordre du jour, dynamisation des templates du thème.

Cette fois, le bonus est de charger les fichiers Javascript avec un hook WordPress.

Épisode 05 : Thème avancé

Création d'un champ custom pour le footer de la page d'accueil.

Et utiliser la valeur de ce champ pour dynamiser le footer.

Épisode 06 : Atelier

Retour sur oProfile pour l'installation de WordPress et la dynamisation.

Épisode 07 : Plugin de configuration

Découverte des custom post types (CPT) et des taxonomies.

Épisode 08 : Plugin et types de contenu custom

Pour nos CPT Développeur et Client, il faut assigner des rôles, sans oublier les capabilities.

Et qu'un utilisateur puisse choisir s'il est Développeur ou Client lors de l'inscription.

Épisode 09 : Plugin, rôles et Acces Control List (ACL)

Nous avançons sur un dashboard personnalisé pour le Développeur, autre que celui de Wordpress donc.

L'idée est d'utiliser un formulaire.

Le challenger est de créer ce formulaire et le bonus d'enregistrer les modifications.

Épisode 10 : Plugin et table custom

Notre Développeur pourra associer une technologie maîtrisée à un grade de maîtrise.

Pour cela, il nous faut une table custom.

Et des petites étoiles pour afficher le grade de maîtrise.

Épisode 11 : Plugin, dashboard et atelier

Nous terminons le dashboard du Développeur et quittons, le plugin, demain commence un autre projet.

Épisode 12 : Bilan et découvert d'oCooking

Petit bilan de mi-parcours avant d'attaquer un projet de recettes de cuisine.

Et en challenge, création du MCD d'oCooking en se basant sur les user stories fournies.

Épisode 13 : Atelier

Après correction du MCD, nous découvrons l'API REST de WordPress./p>

Puis il est temps de créer l'intégration statique du projet.

Du HTML, du SASS mais pas de JS.

Épisode 14 : Découvert de Vue.js

Nous découvrons donc Vue.js et commençons à générer des instances au sein de composants eux-mêmes instanciés dans notre composant racine.

Épisode 15 : Découvert de Vue.js, suite

On génère la liste des recettes et on filtre par type.

Le challenge est d'ajouter les ingrédients.

Épisode 16 : API GET

Aujourd'hui c'est validation de données.

Celle du formulaire d'inscription.

Nous ajoutons également les vues manquantes au projet.

Épisode 17 : API POST

Nous avons utilisé le plugin JWT Auth pour faire appel à la route de génération du token.

Le challenge est de réaliser l'appel en POST pour récupérer un token dans le formulaire de connexion.

Épisode 18 : Auth

Cette fois, il faut gérer la soumission du formulaire de création de recette.

Épisode 19 : API, créer du contenu

Nous ajoutons une vue pour afficher les recettes de l'utilisateur connecté.

En bonus, nous créons un formulaire pour qu'il puisse inviter un ami et un autre qui lui permet de demander un nouveau mot de passe.

Épisode 20 : Fin

Voilà, c'est fini.

Pour ce dernier jour de cours, nous avons modifié nos noms et photos de profils (sans oublier de déconnecter les webcams).

Notre professeur a réussi à retrouver qui était qui vers midi et en attendant, nous avons bien ri.

Pour choisir nos nouveaux noms, nous sommes allés sur Lorraine Ipsum qui génère de faux noms.

Récapitulatif

Je ne regrette absolument pas mon choix de spécialisation.

Cette dernière est très complète.

Et comme nous n'étions qu'une douzaine, c'était plus agréable pour suivre.

Maintenant place à l'Apothéose !