Pour valider mes compétences et apprendre de nouvelles technologies, j’ai suivi une formation de six mois de développeur web et web mobile. Retour sur ce parcours qui m’a permis de consolider mes acquis, de découvrir Symfony, et de mener à bien un projet de A à Z.
Printemps 2021, cela fait maintenant 20 ans que je travaille à la création de sites internet. La majorité de mes compétences, je les ai acquises en autodidacte, en me formant tout au long de ces années, suivant les besoins et les tendances du moment. Les technologies et la façon de travailler évoluant sans cesse, il n’est pas toujours facile de suivre et de rester à niveau.
Quel est mon niveau de compétence ?
Pour répondre à cette question, je décide de passer une certification professionnelle en suivant une formation de six mois de développeur web et web mobile (DWWM). Celle-ci va me permettre de valider mes acquis, d’apprendre de nouvelles technologies, principalement Symfony, et d’obtenir une certification professionnelle reconnue.
Pour l’examen, je dois présenter un site qui intègre une solution de gestion de contenu ou un e-commerce, développer un back-end en tenant compte de la sécurité de l’interface, du référencement, de l’optimisation pour les mobiles et de la charte graphique.
Le thème de l’application a été trouvé assez rapidement : aider un professeur de musique à gérer ses cours à l’aide d’un agenda en ligne.
Le contexte du projet
Un professeur de musique donne des cours d’instrument à son domicile. Jusqu’à maintenant, cela ne lui posait pas de problème car il avait peu d’élèves. Il les gérait tant bien que mal en prenant les rendez-vous par téléphone ou par message, répondait par mail, et notait tout ça dans son agenda.
Il souhaite désormais un site vitrine avec la possibilité pour un visiteur de s’inscrire à un cours de musique en ligne.
Les avantages d’une application web dédiée
- Répondre aux questions récurrentes des élèves et des prospects.
- Simplifier la prise de rendez-vous en ligne.
- Faciliter le suivi pédagogique des élèves.
- Offrir une plateforme sécurisée de partage de documents.
- Améliorer la visibilité de l’école grâce au référencement.
Contenu du site
- Page d’accueil : Présentation des cours, derniers articles, lien pour se connecter.
- Biographie du professeur : Une section pour raconter son parcours et son expertise.
- Page de contact : Avec formulaire de contact intégré.
- Présentation des cours : Détail des cours proposés avec formulaire d’inscription en ligne.
- Section articles : Publications sans commentaires pour un meilleur référencement.
Fonctionnalités
du back-end
- Élèves : Gestion de l’agenda, prise de rendez-vous, et contacts.
- Professeur : Accès aux informations des élèves, partage de documents pédagogiques, rédaction et gestion des articles pour le blog.
- Administrateur : Gestion complète des utilisateurs et des droits d’accès.
Technologies utilisées
Cette formation m’a permis de me familiariser avec Symfony durant deux mois, et c’est avec ce framework que j’ai développé l’application. Voici la liste complète des technologies et outils utilisés :
HTML5, CSS3, Javascript ES6, Sass, Twig, PHP 8, Ajax, MySQL, Photoshop, Illustrator, Adobe XD, Visual Studio Code, MySQL Workbench, GitHub.
Le développement de l’application
C’est un site Responsive développé en Mobile First, les wireframes et les maquettes interactives ont été réalisés dans ce sens. La principale fonction de l’application est la prise de rendez-vous via un agenda en ligne, une fonctionnalité clé que j’ai développée sans difficulté après avoir défini et établi les procédures nécessaires.
La sécurité a été une priorité, nécessitant la gestion rigoureuse des droits de chaque rôle et une connexion sécurisée. J’ai également mis en œuvre le protocole HTTPS pour protéger les échanges de données grâce au protocole TLS.
Pour le référencement, j’ai mis en place une stratégie de contenu basée sur la publication régulière d’articles par le professeur dans le back-office. Cela permet de maintenir le site actif et d’améliorer son positionnement sur les moteurs de recherche.
Les tests de performance ont été concluants avec un score de 100% sur PageSpeed Insights, obtenu grâce à la minimisation du code CSS et JS, l’utilisation de pictogrammes en SVG et des images au format WEBP.
Le dossier technique
Un document de 54 pages qui détaille tout le projet. Il comprend le résumé du projet, le cahier des charges, les spécifications techniques, et des extraits de code. Ce dossier technique est disponible sur simple demande pour toute personne intéressée par les détails du développement.
L’examen
L’application fonctionne parfaitement, le dossier technique est complet et je maîtrise mon sujet. Le 1er février 2022, après 1h30 de présentation et d’entretien, l’examen se termine positivement, avec les félicitations du jury.
Le diplôme
Outre le diplôme, c’est la satisfaction d’avoir mené à bien ce projet, de l’idée de départ à la mise en ligne. Mes compétences en HTML, CSS, Javascript sont confirmées, et j’ai également acquis de nouvelles compétences en Symfony et Twig, que j’ai eu le plaisir de découvrir et d’utiliser avec succès.
Et après ?
Fort de cette certification, je suis plus que jamais prêt à relever de nouveaux défis dans le développement web. Ce parcours m’a permis de consolider mes compétences, d’en acquérir de nouvelles, et de mieux comprendre les attentes et les enjeux actuels du marché. Je suis enthousiaste à l’idée d’appliquer ces connaissances à de futurs projets et de continuer à offrir des solutions web innovantes et performantes à mes clients.