Le métier en une phrase : périmètre tech produit
Le formateur ou formatrice web est professionnel, pédagogue et technicien qui transmet des compétences opérationnelles (développement web, intégration, UX/UI, SEO, no-code/IA/automatisation) en ancrant chaque apprentissage dans une production réelle et des preuves (captures, audits, commits).
Par exemple, il « montre » pas WordPress : il explique l’architecture, audite la perf, sécurise, documente… puis justifie les choix.
Missions (ce qu’il/elle fait)
- Former à la création de sites/apps (HTML/CSS/JS, frameworks, CMS, no-code).
- Enseigner l’UX et l’accessibilité : mobile-first, WCAG/RGAA, perf.
- Transmettre le SEO technique & éditorial (sémantique, crawl, Core Web Vitals, IA-readiness).
- Accompagner reconversion et montée en compétence (juniors/équipes).
- Concevoir des parcours projets avec livrables concrets + preuves et évaluation par compétences.
- Actualiser en continu : IA générative, agents, PWA, Web3, AR/VR.
2025–2026 : former à penser “product”, documenter comme un pro, agir en autonomie.
Compétences clés
Techniques
- HTML sémantique, CSS moderne (Flex/Grid/Container Queries), JS ES6+.
- Front : React, Vue, Svelte. Back : Node.js, PHP, Python.
- CMS (WordPress, Strapi, Ghost) & no-code (Webflow, Bubble, Airtable, n8n).
- SEO : Lighthouse, robots/sitemaps, Core Web Vitals, contenus “IA-ready”.
- Bonnes pratiques a11y, performance, sécurité.
Pédagogiques
- Parcours centrés projet (site, app, audit, doc).
- Jeux-cadres (Thiagi) pour apprendre par l’action.
- Système de preuves :
/proofs/(captures, rapports, commits horodatés). - Classes virtuelles interactives (CoScreen, Excalidraw, breakout rooms).
- Évaluation par compétences (autonomie, rigueur, collaboration).
Soft skills
- Simplifier sans trahir la technique.
- Empathie (reconversion, Gen Z : besoin de sens, d’autonomie).
- Veille active (web, IA, réglementation RGPD/AI Act).
- Facilitateur plutôt que “sachant”.
Outils de référence
Dév : VS Code, Git/GitHub, Vite, Docker
Intégration : Lighthouse, WAVE, axe DevTools, Responsively, Squoosh
SEO : Search Console, Surfer SEO, Ranxplorer, Linkody, Otomatic.ai
UX/UI : Figma, Excalidraw, Maze, Stark
No-code/Automatisation : Webflow, Bubble, Airtable, n8n, Make
Pédagogie : Notion, Readwise Reader, CoScreen, OBS Studio, Thiagi (ouvrage)
Veille IA : Abondance, Hugging Face, FutureTools, Feedly AI
Attendus (livrables concrets)
- Un parcours modulaire réutilisable (objectifs clairs).
- Des supports vivants (Notion/GitBook), mis à jour.
- Des ateliers documentés par preuves (
/proofs/). - Un journal de bord (feedbacks, ajustements, KPIs).
- Des projets réels : site, app no-code, audit SEO, landing optimisée.
- Une culture de choix outillés (ex. Ranxplorer vs Surfer, n8n vs Make).
Quand faire appel à un·e formateur·trice web ?
- Préparer des juniors à l’emploi (développeur, intégrateur, SEO, UX).
- Up-skilling d’équipes (IA, no-code, automatisation).
- Concevoir une formation certifiante (RNCP/blocs).
- Accompagner une reconversion vers les métiers du web.
- Animer des ateliers techniques (a11y, perf, veille IA).
Se former au métier (sans “diplôme miracle”)
Parcours classiques : BTS SIO, BUT MMI, licences pro web + modules pédagogie (DU, CAFFA).
Certifs : Qualiopi, GEN, RNCP Formateur.
Reconversion : expérience terrain (dev/SEO/UX) + facilitation (Thiagi, design thinking).
Autoformation : ouvrage Thiagi, sciences cognitives, CUA.
Pratique : workshops, ressources partagées, protocoles documentés.
Compétences à valider
- Concevoir un atelier avec jeu-cadre + preuves.
- Animer une classe virtuelle interactive (pas de monologue).
- Évaluer par compétences (pas l’esthétique).
- Mettre en place une veille IA reproductible.
Débouchés et tendances
- Organismes de formation : forte demande sur parcours web.
- Écoles/Universités : profils techno-pédagogues.
- Entreprises : up-skilling IA/no-code/SEO.
- Freelance : ateliers courts, reconversion, conseil pédagogique.
Tendance 2025–2026 : rôle de facilitateur·trice de product builders — décider, critiquer, documenter, agir en autonomie.
Points de repère (à ne pas confondre)
- Formateur numérique : usages généraux (bureautique, réseaux).
- Ingénieur pédagogique : parcours SCORM, LMS, conformité.
- Formateur en ligne : contenus e-learning.
- Formateur·trice web : production réelle, culture technique, preuves, autonomie, veille IA.
En résumé
Le formateur ou formatrice web n’est ni théoricien, ni simple animateur.
C’est un passeur de compétences opérationnelles qui allie rigueur technique, empathie pédagogique et veille stratégique.
Objectif : former des pros capables de construire, corriger, mesurer, documenter — et s’adapter à un web qui change vite.