Jean-Marie CLÉRY

Portail professionnel destiné aux acteurs culturels (gestion et publication d'offres culturelles) • Intégration d'une saisie avancée d'adresses dans les formulaires avec adaptation du modèle de données • Conception d'un parcours d'onboarding centré sur la création de la première offre → +200% de taux d'activation • Refonte du processus d'inscription/connexion pour réduire la friction et moderniser l'expérience utilisateur • Standardisation des composants React : accessibilité (WAI-ARIA), Responsive Web Design, couverture de tests > 85 % • Création d'un outil CLI interne pour accélérer la génération de composants React • Migration de Formik vers React Hook Form et découplage des composants de formulaire • Contribution à la refonte du design system en lien avec les équipes Design Réduction de la dette technique : réorganisation et découpage de fichiers peu maintenables • Méthodologie Agile (daily, sprint planning, review, rétro) en équipe pluridisciplinaire Stack : React / TypeScript · SCSS · SWR · Vitest · Testing Library · Cypress · Git · Docker

• Formation d'une semaine auprès d'étudiants en 2ème année de développement Web • Conception d'un projet fil rouge original comme support pédagogique progressif • Enseignement des fondamentaux TypeScript appliqués à Node.js et prise en main du micro-framework Express (routing, middlewares) • Gestion des CORS, bonnes pratiques de logging et de gestion des erreurs • Validation des données avec Zod, gestion de base de données avec Drizzle • Conteneurisation de l'application avec Docker • Authentification par JWT et introduction aux tests avec Node Test Framework • Front-end annexe en React / TypeScript (TanStack Router & Query) pour illustrer l'interaction client/serveur Stack : Node.js · TypeScript · Express · Zod · Drizzle · Docker · JWT · Node Test Framework · Reveal.js

– Accompagnement d'étudiants en reconversion professionnelle sur une formation intensive de 3 mois avec apprentissage de HTML, CSS, JavaScript (Algo, DOM), PHP, SQL (MySQL, phpMyAdmin). – Vulgarisation de concepts de développement (POO, MVC). – Rédaction et animation de cours à distance pour les formation en alternance, sur les sujets suivants : JavaScript avancé, Node.js ("core" et serveur HTTP avec Express.js), MongoDB, React/Redux (Toolkit).

Avec les 1ère année : – En charge de l'apprentissage de HTML, CSS et des techniques d'intégration moderne aux étudiants de 1ère année – Conception de cours et de maquettes de difficulté croissante à intégrer, avec corrigés et explications détaillées, dans le respect des standards W3C et des règles d'accessibilité et bonnes pratiques d'UX Design – Conception et diffusion d'un TD axé sur les transitions, animations et 3D en CSS – Sensibilisation à l'approche d'intégration "mobile-first" Avec les 5ème année : – Révisions avant accompagnement d'un projet Web FullStack : – Mise en place d'un projet sous Docker (compose) – TypeScript avancé : (Union & Alias Types, Interfaces, Generics, Mapped Types) – Express.js (middlewares, routers, MVC, mongoose) – MongoDB (DSL, aggregation pipeline) – React (contextAPI, state management, Redux Toolkit)

– Enseignement des langages et concepts liés à HTML5, CSS3, normes W3C, a11y (ARIA), référencement naturel. – Création et animation de cours (slides + exercices) autours des outils et technologies suivantes (au fil de leur évolution) : HTML5, CSS3, JavaScript (Algo, DOM) jQuery, Angular.js, Vue.js 2 et 3, React/Redux, Firebase, Node.js (Tooling, Express.js), MongoDB, Docker. – Enseignement des design patterns communs en JavaScript (module, factory, observer) et de concepts spécifiques (closures, IIFE). Respect des style guidelines populaires (AirBnB, Google). – Création de projets "fil rouge" complets (jusqu'à déploiement) pour les étudiants afin de les faire monter en compétences sur les divers frameworks JavaScript. – Accompagnement de nombreux étudiants sur des projets Web créatifs, applications Web, jeux vidéo (Canvas2D, Phaser.JS) et objets connectés (Leap Motion). – Organisation et encadrements de hackathons (Battle Dev Code, Global Game Jam). – Travail sur les référentiels RNCP des différentes formations en développement Web. – Capacité à vulgariser/transmettre des concepts et patterns de développement.

– Création et animation de cours sur les bases de JavaScript, jusqu'à la programmation orientée-objet (prototypale) – Cours sur la manipulation du DOM et des événements en JS natif, et avec une bibliothèque (jQuery) – Introduction à React.js et à ReactNative pour la programmation mobile. – Cours introductifs sur Leaflet.js et Chart.js pour la visualisation de données.

– Aide à la montée en compétences d'une équipe de développeurs sur React et Redux (Toolkit) – Introduction de JavaScript moderne ES6+ dans la nouvelle codebase, et mise en place d'outils de compilation (Webpack + Babel) pour conserver une compatibilité avec d'anciens navigateurs (IE11)

– Conception et réalisation (maquette incluse) du site vitrine pour des praticiens bien-être – Réalisation en Vue.js d'un module de prise de RDV depuis le site vitrine (bibliothèque Day.js) et envoi de SMS automatique au client et praticien après confirmation – Réalisation du Back-End du site en full Vue.js avec authentification sécurisée par Firebase Auth – Stockage des rendez-vous des praticiens dans une base Firestore, et affichage sous forme de calendrier dans le Back-End (bibliothèque FullCalendar.js) – Possibilité de déplacer/supprimer ou créer des RDVs directement depuis le Back-End – Développement d'une API sécurisée hébergée via les Cloud Functions Firebase pour faire communiquer le module de réservation du Front-End avec le Back-End. – Développement d'un système d'ajout/suppression de créneaux "indisponible" pour permettre aux praticiens de bloquer leurs agenda à certaines périodes souhaitées – Hébergement du site avec Firebase Hosting

– Accompagnement des étudiants de 1ère, 2ème et 3ème année du cursus "Web Development" – Découverte et maîtrise du langage JavaScript moderne (ES6+) – Développement d'un serveur Web Node.js (Express.js + Pug) et d'une API REST, avec déploiement sur Heroku

– Développement d'un jeu mobile HTML5 (Canvas2D) disponible via une URL publique, le but étant de déplacer une montgolfière de gauche à droite de l'écran en évitant les obstacles. – Utilisation des Web APIs DeviceOrientation et DeviceMotion du périphérique pour faire bouger la montgolfière. – Optimisation des performances du code JavaScript pour une fluidité de jeu à 60 FPS – Utilisation de jQuery pour gérer les écrans de jeu (menus, explications, formulaire final)

– Membre du pôle développement et travail d'intégration et de développement des opérations de collecte pour le compte des clients de l'entreprise. – Mise en place de Media Queries CSS pour adapter les opérations de collecte sur format mobile et petits écrans

– Membre de l'équipe web, en charge du développement de la plate-forme E-commerce de l'entreprise (widgets MooTools pour le Front-End) – Réalisation d'un projet en PHP de rédaction et d'envoi de newsletters pour les clients de l'entreprise.

– Travail de développement et d'intégration sur les différents projets des clients de l'entreprise. – Réalisation d'un plugin Spip d'annuaire d'entreprise, avec gestion de fiches de collaborateurs, gestion des relations hiérarchiques entre collaborateurs, affichage sous forme de liste paginée, et système de recherche en AJAX

– Création graphique et intégration en XHTML/CSS du nouveau site institutionnel de l'entreprise. – Développement d'un Back-End en PHP avec authentification par mot de passe, pour permettre aux gérants d'administrer les données d'une page – Développement d'un outil de formatage de texte en JavaScript et PHP qui s'inspirait du BBCode utilisé sur les forums informatique (pratique intensive des expressions régulières (Regex))