Steven M.

💬 Contexte : Mission au sein de l'équipe front du Groupe Le Figaro sur une plateforme Symfony/Twig mutualisée gérant 10+ sites à forte audience (Le Figaro, Madame Figaro, Gala, Figaro Élections, Le Particulier, TV Magazine...). ➡️ Développement et architecture • Refonte et factorisation de composants Twig/Sass/ES2020+ partagés entre marques. • Développement de composants interactifs modulaires en Vanilla JS, sans dépendance externe. • Migration vers Symfony UX Components et stabilisation de l'architecture atomique des composants. • Intégration des interfaces responsive à partir du Design System Figma • Automatisation de processus de développement par l'intégration d'outils IA (n8n, GitHub Actions) ➡️ Performance et Qualité • Optimisation Core Web Vitals : amélioration du LCP, CLS, INP • Critical CSS, lazy loading, images responsives, skeleton loaders • Monitoring : Lighthouse, PageSpeed, WebPageTest, Datadog • Vérification de la compatibilité multi-navigateurs et multi-devices via BrowserStack • Couverture de tests : Jest (unitaires) + Playwright (fonctionnels) • Standards : ESLint, Stylelint, Prettier, revues de code ➡️ SEO et Accessibilité • Conformité W3C, structure sémantique, balises meta dynamiques et OpenGraph, JSON-LD • Mise en conformité du RGAA 4.2 : gestion fine du focus, rôles et ARIA • Tests d’accessibilité : VoiceOver, Wave et Axe DevTools ⚙️ Stack technique : • Front : JavaScript (ES2020+), HTML5, Sass (BEM, Design Tokens) • Back : Symfony 7, Twig, Symfony UX Components • Qualité : Jest, Playwright, ESLint, Stylelint, Prettier, Git (Bitbucket / GitHub) • Monitoring : Lighthouse, WebPageTest, Datadog • Accessibilité : RGAA 4.1, Wave, Axe DevTools, VoiceOver • Build & infra : Webpack, Babel, Docker, OrbStack, Jenkins, Argo • Outils : Jira, Confluence, VS Code, WebStorm, Figma

💬 Contexte : Franceinfo.fr – Refonte technique et graphique du site média d’information national à très fort trafic, avec de forts enjeux SEO, performance et accessibilité. ➡️ Développement et architecture • Refonte responsive complète de la plateforme Franceinfo, orientée SEO et performance • Développement de composants Twig réutilisables (Atomic Design, BEM) • Développement en TypeScript natif (ES6+), architecture modulaire, sans dépendance lourde • Mise en place de fonctionnalités PWA (Service Worker custom, stratégies de cache, manifest) • Amélioration de cartographies événementielles géolocalisées (Leaflet) ➡️ Performance et qualité • Optimisation continue des Web Vitals (CLS, LCP, FID) • Suivi et analyse des performances en production (New Relic, Lighthouse CI, DebugBear) • Expérimentation et mesure d’impact via A/B tests et analytics • Vérification de la compatibilité multi-navigateurs et multi-devices • Documentation technique et design system avec ZeroHeight ➡️ SEO et accessibilité • Refonte SEO-first (structured data, crawl, SSR avec hydratation progressive) • Formation à l'Accessibilité Numérique • Référent accessibilité : formation équipe, conformité RGAA 4 • Tests réguliers avec lecteurs d’écran et outils d’audit (NVDA, VoiceOver, Orca, AXE, WAVE) ➡️ Réalisations événementielles • Élections : composants temps réel, cartographie interactive, gestion de pics de trafic • Résultats examens : moteur de recherche optimisé, architecture scalable • Événements sportifs : live updates, dataviz dynamiques ⚙️ Stack technique : • Front : TypeScript, Twig, PWA, Webpack 4, HTML5, CSS3/SCSS, Atomic Design, BEM • Monitoring & analytics : Lighthouse, Dareboost, DebugBear, New Relic, AB Tasty, Piano • Accessibilité & design : VoiceOver, Orca, NVDA, Figma, Zeroheight • Back & infra : Symfony 5, Docker, Varnish, Akamai, tests unitaires, tests de mutation • Outils & méthodologie : Agile (Scrum, Scrumban), Jira, Confluence, Trello, Git, GitLab CI

💬 Contexte : Refonte complète de l’espace client selon le nouveau branding Total Énergie, suite au rachat de Direct Énergie par Total ➡️ Développement et architecture • Intégration full responsive des interfaces. • Structuration SCSS en approche OOCSS • Portage de la base de code jQuery vers JavaScript ES6 • Migration de la chaîne de build de Gulp vers Webpack 4 • Développement de fonctionnalités transverses orientées business (souscription, speed test, KPI) ➡️ Performance et qualité • Amélioration des performances front suite à la modernisation de l’outillage • Stabilisation et fiabilisation des parcours clients ⚙️ Stack technique : • Front : JavaScript natif, HTML5, CSS3, framework CSS propriétaire • CMS : Typo3 (moteur de templates Fluid) • Build : Webpack 4 • Infra : Varnish • Outils : Git, Jira, Confluence • Méthodologie : Agile (Scrum)

💬 Contexte : Dans une équipe de 3 développeurs, développement from scratch de l’application radar Coyote en Vue.js (Vue 2) pour système embarqué automobile, avec de fortes contraintes de performance liées au matériel des véhicules. ➡️ Développement et architecture • Conception et développement de l’application front en Vue.js (Vue 2) et JavaScript natif. • Architecture de la gestion d’état via store Vuex : mutations, actions, plugins. • Développement des services de pagination, popups, gestion audio et communication entre l'application et les widgets véhicules. ➡️ Performance et stabilité • Optimisation des performances JS (gestion fine de l'allocation mémoire). • Optimisation des animations et transitions CSS pour l'environnement contraint. • Travail en environnement virtualisé pour simuler la plateforme embarquée. ➡️ Tests et Qualité • Mise en place de tests unitaires avec Mocha, Sinon, Chai (86% de couverture du code). • Revues de code • Documentation technique du projet sur Confluence. ⚙️ Stack technique : • Front : Vue.js (Vue 2), JavaScript natif • Tests : Mocha, Sinon, Chai • Environnement : Obigo, machines virtuelles • Outils : Git, Zeplin, Jira, Confluence • Méthodologie : Revues de code, Agile (Scrum, Kanban)

💬 Contexte : Consultant Développeur Web Front-end chez NeoLynk, j’ai d’abord travaillé sur des projets internes dédiés aux outils des consultants, avant d’intégrer des missions client. Ces projets internes ont permis une montée en compétence sur Vue.js via des projets concrets. ➡️ Développement • Développement front des sites NeoLynk.fr et NeoLabs • Développement en JavaScript ES6 et Vue.js • Création de layouts avec CSS Grid et Flexbox • Refonte responsive multi-navigateurs • Optimisation SEO (métas, sémantique) et ntégration Open Graph • Mise en place de Gulp : optimisation images, minification, autoprefix, détection d’erreurs CSS/JS ⚙️ Stack technique : • Front : Vue.js (Vue 2), JavaScript ES6, HTML5, CSS3/Sass, OOCSS • Build : Gulp, Babel • Versioning : Git, GitLab • Outils & Méthodologie : Trello, Agile (Scrum, Scrumban)

➡️ Projets freelance • Intégration responsive de sites vitrines statiques et portfolio. • Développement front et back d’une e-boutique responsive pour une marque de maroquinerie (création d’un thème WordPress incluant vitrine, boutique et back-office de gestion des commandes) ➡️ Autodidacte : • Création d’applications web en javascript • Formation d’introduction au framework AngularJS ➡️ 2015 — Projets d'école • Projets Front responsive → SEO, optimisation des images, CSS animations, jQuery & javascript • Projets Back → en PHP orienté objet et Laravel 5 pour l'administration d'une boutique. • Création de template WordPress • Création d'applications mobiles Cross-Plateforme avec Cordova et PhoneGap

💬 Contexte Engagé au sein de l’armée de Terre comme parachutiste, j’ai participé à des missions opérationnelles en France et en Outre-Mer, dans un cadre de formation continue, de discipline militaire et de responsabilités en environnements exigeants. ➡️ Spécialisations opérationnelles • Moniteur de stage tireur d'élite • Moniteur TIOR - Technique d'Intervention Opérationnelle Rapprochée • Parachutiste Compétences : Aisance relationelle · Sens du devoir · Tenir ses objectifs · Management · Depassement de soi

💬 Contexte Au sein de Point Marquage à Sainte-Geneviève-des-Bois, entreprise spécialisée dans la signalétique, le marquage et l’impression tous supports, participation à la chaîne complète de production, de la relation client à la livraison finale. ➡️ Missions • Étude et cadrage des projets en lien direct avec les clients • Conception graphique sur Photoshop, Illustrator et InDesign • Gestion des profils colorimétriques et préparation à l’impression • Impression sur tous types de supports • Sauvegarde et organisation des données de l’entreprise • Veille graphique et tendances visuelles

- Étude et développement de solutions informatisées - Mise en place de systèmes informatiques - Maintenance logicielle et matérielle