L'intermédiaire

Cela fait longtemps que je respecte une série de directives avant de publier en ligne un site web complet et de qualité, sans omettre les tâches récurrentes de sécurité ou les règles de sémantiques et de SEO naturel. D’habitude, je garde ma checkliste qualité web au sein de mes projets en local (hors-ligne), mais via un petit projet en ligne vite fait, je vous le partage aujourd’hui.

Ma checkliste qualité web ?

En réalisant ce travail, je me suis penché sur les autres checklistes du web. Et je me suis inspiré de celle-ci.
Je trouvais intéressant de créer une barre de progression qui augmente à chaque fois qu’une checkboxe était cochée. Je me suis alors tourné vers JavaScript et le Framework React/Vite. J’ai créé un dépôt sur Github afin que vous puissiez voir le code et reprendre le projet. Et vous pouvez voir le projet final ici :

https://projetsmerlin.github.io/Marvin/dist

Et la suite ?

Comme d’habitude, le projet n’est pas figé. En fait, ce qui est le plus intéressant ici, c’est la base de données de ces étapes à réaliser pour la mise en ligne. Je vais pouvoir la retravailler et la modifier en vue de la renforcer. Je peux le faire via un fichier TS disponible sur le dépôt ici. Vous verrez que j’ai choisi 6 pairs clés/valeurs afin de mieux organiser les checboxes dont il est question. En voici la structure :

id: "l'identifiant"
content: "la description de la tâche"
status: "true ou false. Si True, la checkboxe par défaut est checkée"
category: "sa catégorie"
myrdhin: : "True ou False. Si True, elle fait partie d'un template déjà préparé"
externalUrl: "Un lien vers un outil qui permettra d'accomplir la tâche"

Voilà, je pense que ces clés parlent d’elles-mêmes. À terme, je pense changer la clé « Myrdhin« , qui permet à une checkboxe d’appartenir à un Template pour qu’elle puisse appartenir à plusieurs Templates sous forme d’un tableau ([Array]). (En gros, si vous cochez « Myrdhin », tout en haut, les checkboxes qui font partie du Template « Myrdhin » via la valeur « True », seront pré cochées.

Et vous, vous avez également une checkliste à respecter pour vos projets en ligne ?

Bonne rentrée à tous.