Développement web full-stack
Une compétence analysée à partir de réalisations concrètes, avec recul critique et progression.
Ma définition
Concevoir une application web de bout en bout, de l’interface visible par l’utilisateur (frontend) jusqu’à la logique côté serveur (backend), en assurant la cohérence entre les deux. Cela couvre aussi bien la structure et l’apparence des pages que leur interactivité et leur communication avec le serveur.
Mes éléments de preuve
Sur le projet Abeille, j’ai développé une interface web complète en HTML, CSS et JavaScript, servie directement par l’objet connecté, ainsi qu’un backend en PHP. Sur Modlink, j’ai franchi un cap avec un frontend en Svelte et TypeScript, compilé puis compressé en gzip pour être logé dans la mémoire de l’ESP32, et l’usage de la bibliothèque Svelte Flow pour modéliser les scénarios sous forme de diagrammes interactifs. Ces réalisations sont notamment documentées par : maquettes puis wireframes (Visily) validés avant développement, interface embarquée maintenue sous 150 Ko sur Abeille, frontend Svelte compilé et compressé en gzip pour tenir dans la mémoire flash de l’ESP32, et test unitaire Jest sur la fonction de reconstruction graphique des scénarios.
Mon autocritique
Sur Modlink, j’ai laissé l’authentification du site web en fin de parcours, si bien qu’elle est restée inachevée faute de temps. J’ai appris qu’une fonctionnalité transversale comme la sécurité de l’accès doit être pensée dès le début, et non traitée en dernier.
Mon évolution dans cette compétence
J’ai évolué du trio classique HTML/CSS/JavaScript vers un framework moderne (Svelte + TypeScript), en apprenant à choisir la technologie la mieux adaptée à la contrainte : Svelte a été retenu précisément parce qu’il allège l’exécution, un atout déterminant sur un ESP32 aux ressources limitées. Je suis ainsi passé d’une écriture de pages à une véritable réflexion d’architecture frontend.
Artefacts issus des rapports de projet
