Développeur frontend Vue.js expérimenté H/F

Contexte de la mission :

Au sein des Services Numériques France, la mission s'inscrit dans une squad WEB dont l'objectif principal est de maintenir et faire évoluer les produits web, notamment les parcours de souscription, l'espace client et l'application mobile. L'équipe est composée de 10 personnes. Intégré(e) à une équipe agile et pluridisciplinaire (PM, PO, développeurs, designers, QA), le consultant participera activement à la construction de fonctionnalités utiles et innovantes.

Description du rôle :

Développement et maintenance d'applications web modernes avec Vue.js 3. La mission consiste à créer des interfaces utilisateur performantes, accessibles et conformes aux normes RGAA, avec respect des Web Core Vitals et collaboration étroite avec les équipes design et backend.

Missions principales :

• Développer des composants Vue.js 3 réutilisables et performants
• Créer des interfaces avec HTML5/CSS3 sémantiques et accessibles
• Implémenter l'accessibilité RGAA 4 (WCAG 2.1 AA minimum)
• Optimiser les Web Core Vitals (LCP, FID, CLS, INP)
• Traduire les maquettes Figma en composants Vue.js
• Collaborer avec les équipes design et backend
• Assurer la qualité du code et le respect des bonnes pratiques
• Participer à l'architecture frontend
• Réaliser des revues de code et contribuer à l'amélioration continue

Stack technique :

• Framework : Vue.js 3 (Composition API), TypeScript
• Markup & styles : HTML5, CSS3 (Flexbox, Grid, animations)
• Build : Vite, ESLint, Prettier
• State management : Pinia
• API : Axios, REST
• Testing : Vitest, Jest
• Design : Figma
• Autres outils : Git, Node.js, Chrome DevTools

Profil recherché

Prérequis obligatoires :

1. Vue.js 3 – Maîtrise confirmée
• Composition API et Options API
• Réactivité (ref, reactive, computed, watch)
• Cycle de vie, props, events, slots
• Intégration avec HTML5/CSS3
• Axios et API REST (GET, POST, PUT, DELETE, PATCH)
• Gestion des en-têtes et authentification (JWT, Bearer tokens)
• Interceptors (requête et réponse)
• Gestion des erreurs et retry logic
• Intégration avec Pinia
• Testing avec mocking via Vitest/Jest

2. HTML5 & CSS3 – Maîtrise confirmée
• Sémantique HTML5
• CSS3 avancé (Flexbox, Grid, animations, transitions)
• Responsive design mobile-first
• Accessibilité dans le markup (ARIA, labels, alt text)
• Certification ou expérience de 3+ ans validée

3. Accessibilité web (RGAA 4)
• Formation et certification exigées
• WCAG 2.1 niveau AA minimum
• ARIA et sémantique HTML5
• Navigation clavier et lecteur d'écran
• Contraste, focus, ordre de tabulation
• Formulaires accessibles
• Tests avec axe DevTools et Lighthouse
• Expérience requise : minimum 2 projets RGAA validés et un audit réalisé

4. Web Core Vitals & performance
• Maîtrise des métriques LCP, FID, CLS, INP, TTFB
• Optimisation de bundle, lazy loading, code splitting
• Optimisation des images et stratégies de cache
• Monitoring avec Lighthouse, PageSpeed Insights, WebPageTest

5. Figma – Compétence essentielle
• Lecture et interprétation des maquettes
• Extraction des dimensions, espacements et couleurs
• Collaboration avec les designers
• Respect du design system