Développeur front-end

Contexte

Il réalise les interfaces des portails et veille à la cohérence des parcours utilisateurs sur les différents écrans.

Missions

• Phase 1 — Réalisation des portails : développer les interfaces React à partir des maquettes fonctionnelles ; structurer des composants réutilisables pour assurer la cohérence visuelle ; intégrer les écrans responsive selon une approche Mobile First ; réaliser les formulaires, tableaux de bord et parcours de validation ; connecter les interfaces aux services back-end et gérer les états de chargement, les erreurs et les confirmations ; vérifier les comportements sur les différents écrans et corriger les problèmes d’ergonomie.
• Phase 2 — Amélioration et stabilisation : intégrer les ajustements UX/UI issus du pilote et des retours de recette ; analyser et reproduire les anomalies multi-écrans ; corriger les défauts d’affichage et de navigation ; simplifier les parcours et améliorer la lisibilité des formulaires et des tableaux de bord ; vérifier l’absence de régressions après modification ; stabiliser les interfaces et documenter les corrections apportées.
• Coordination et qualité : décliner les maquettes fonctionnelles en interfaces opérationnelles ; clarifier les comportements attendus avec le consultant fonctionnel ; coordonner l’intégration des services avec les développeurs back-end ; traiter les retours de recette avec le QA ; partager les contraintes d’intégration et signaler les points bloquants ; documenter les composants et les choix d’interface pour faciliter la maintenance.

Compétences techniques

• React et JavaScript : maîtrise du développement de composants fonctionnels, des propriétés, des états et des événements ; utilisation des hooks pour gérer les comportements et les données des interfaces ; conception de composants réutilisables et de logiques partagées ; gestion des appels asynchrones et des mises à jour d’affichage ; organisation du code pour limiter les duplications et faciliter les évolutions. Capacité à diagnostiquer les rendus inutiles et les erreurs de comportement.
• HTML, CSS et intégration responsive : maîtrise de la structuration sémantique des pages, des mises en page Flexbox et Grid, des media queries et des styles de composants ; intégration fidèle des maquettes selon une approche Mobile First ; gestion des espacements, des alignements, des débordements et des contenus variables ; vérification du comportement des écrans sur mobile, tablette et ordinateur ; maintien d’une présentation homogène entre les navigateurs et les différentes pages du portail.
• Intégration d’API et gestion des données : réalisation et suivi des requêtes aux services back-end ; exploitation et transformation des réponses pour alimenter les composants ; gestion des paramètres, des chargements, des erreurs et des résultats vides ; synchronisation des données affichées après une action utilisateur ; mise en œuvre des filtres, tris et mécanismes de pagination selon les services disponibles ; analyse des échanges pour distinguer une anomalie d’interface d’un problème de service.
• Formulaires et tableaux de bord : conception de formulaires avec gestion des valeurs, des champs obligatoires, des dépendances entre champs et des règles de validation ; restitution explicite des erreurs et des confirmations ; conservation des saisies en cas d’échec et prévention des soumissions multiples ; réalisation de tableaux de données avec filtres, tris, pagination et actions contextualisées ; prise en compte des volumes de données et de la lisibilité sur petits écrans.
• Ergonomie et robustesse des interfaces : traduction des maquettes en parcours cohérents ; gestion des états actifs, désactivés, de chargement et d’erreur ; cohérence des libellés, des messages et des comportements entre composants ; vérification de la navigation et de l’enchaînement des étapes de validation ; traitement des contenus longs, absents ou inattendus ; diagnostic des anomalies d’affichage, d’interaction et de navigation sur les différents écrans.
• Tests, diagnostic et maintenabilité : conception de tests de composants et de scénarios couvrant les parcours critiques, les règles de validation et les cas d’erreur ; reproduction méthodique des anomalies et analyse à l’aide des outils de développement du navigateur ; vérification des corrections et des non-régressions ; structuration des composants et des styles pour faciliter leur maintenance ; documentation des interfaces de composants, des dépendances aux API et des comportements attendus ; capacité à justifier les choix d’implémentation lors de la recette technique.