Compétence Technique
CSS
Créer des interfaces soignées, lisibles et cohérentes visuellement.
Ma définition
CSS (Cascading Style Sheets) est un langage utilisé pour définir l’apparence et la mise en forme des pages web. Il permet de styliser les éléments HTML en contrôlant des aspects comme les couleurs, les tailles, les espacements, les animations ou encore la disposition des éléments à l’écran.
CSS joue un rôle essentiel dans le développement frontend, car il permet de transformer une structure brute en une interface visuelle agréable et ergonomique. Il contribue également à l’expérience utilisateur en rendant les interfaces plus intuitives et adaptées à différents supports (ordinateurs, tablettes, mobiles).
Dans les applications modernes, CSS est souvent utilisé en complément de frameworks ou de bibliothèques comme React, et s’intègre dans des approches plus structurées comme le responsive design ou les systèmes de composants.
Éléments de preuve
J’ai utilisé CSS tout au long de mon parcours, aussi bien dans des projets académiques que professionnels, notamment dans le développement d’interfaces web avec React.
Lors de mon stage chez EasyVista, j’ai été amené à travailler sur le style de composants dans des projets comme les plugins WYSIWYG et les modules web. Cela impliquait d’adapter l'interface utilisateur en respectant des contraintes de design existantes, tout en assurant une bonne cohérence visuelle entre les différents éléments.
Dans mes projets, j’ai utilisé CSS pour designer les interfaces, gérer les mises en page et améliorer l’expérience utilisateur. J’ai notamment travaillé sur des problématiques de responsive design afin de rendre les interfaces utilisables sur différents types d’écrans.
Dans le cadre de mon projet personnel, le site vitrine pour Madame Olympio, j’ai pu mettre en pratique mes compétences en CSS de manière plus autonome. J’ai travaillé sur l’aspect visuel global du site, en veillant à proposer une interface claire, professionnelle et en accord avec l’image du cabinet.
Enfin, lors de mon alternance chez AUXASPHERE SAS, j’ai continué à utiliser CSS dans un contexte plus complexe, en intégrant des styles dans une application React à plus grande échelle composée de microservices. Cela m’a permis de mieux comprendre les enjeux liés à la maintenabilité du code CSS dans des projets importants.
Auto-critique
Je considère aujourd’hui avoir atteint un niveau confirmé en CSS.
Tous les projets web sur lesquels j’ai travaillé ont nécessité l’utilisation de CSS, ce qui m’a permis de manipuler ce langage de manière régulière et de développer une bonne maîtrise des fondamentaux. J’ai pu modeler des interfaces, gérer des mises en page, travailler sur le responsive design et intégrer des styles dans des environnements variés, notamment avec React.
Cette pratique répétée m’a permis de gagner en aisance et en efficacité, notamment dans la mise en forme d’interfaces cohérentes et adaptées aux besoins utilisateurs.
Cependant, certains aspects restent encore à approfondir. Je ne maîtrise pas encore pleinement les techniques avancées permettant d’améliorer significativement l’expérience utilisateur, comme les transitions dynamiques, les animations complexes ou les micro-interactions. Ces éléments jouent un rôle important dans la perception d’une interface moderne et fluide.
Perspective d'Évolution
Mon objectif est de faire évoluer mon niveau confirmé vers un niveau expert en CSS, en approfondissant les aspects avancés liés à la qualité visuelle et à l’expérience utilisateur.
Je souhaite également renforcer ma maîtrise des techniques de mise en page avancées, ainsi que des bonnes pratiques d’organisation du CSS dans des projets de grande envergure. L’objectif est de produire un code à la fois lisible, maintenable et facilement évolutif.
Dans le cadre de mon projet professionnel visant à devenir Tech Lead, il est important pour moi d’avoir une vision complète du frontend, incluant l’aspect visuel et ergonomique des interfaces.
Enfin, je compte continuer à progresser à travers la pratique, avec des tutoriels et documentations disponibles, en m’inspirant de réalisations existantes, en expérimentant de nouvelles approches et en m’exposant à des problématiques variées.