Développer des sites web écoresponsables et conformes au RGESN
Version du programme : 1
Type de formation
Formation présentielleDurée de formation
14 heures (2 jours)Accessibilité
OuiDévelopper des sites web écoresponsables et conformes au RGESN
Cette formation vise à enseigner les principes de l'écoconception numérique et à développer des sites web respectueux de l'environnement tout en étant conformes au Référentiel Général d'Écoconception de Services Numériques (RGESN). Les participants apprendront à mesurer l'impact environnemental des sites web, à optimiser les ressources et à appliquer les bonnes pratiques de configuration serveur.
Objectifs de la formation
- Mesurer le poids des pages côté client afin d’évaluer la charge environnementale d’une proposition de valeur
- Appliquer les bonnes pratiques de configuration d’un serveur web et vérifier la mise en œuvre
- Identifier des variables d'ajustement utiles à l'optimisation des ressources de type multimédia et textuel
- Lister les principales approches de mise en œuvre d’un projet web et avoir conscience de leurs impacts environnementaux éventuels
- Rédiger du code portable et efficient avec HTLM5 et CSS3
- Intégrer des médias dans une logique d’écoconception avec HTML5
- Explorer d’autres leviers d’action pour limiter (encore plus) l’impact environnemental de son service numérique
- Satisfaire les exigences techniques opérationnelles du Référentiel Général d'Écoconception de Services Numériques (RGESN)
Profil des bénéficiaires
- Chef de projet technique
- Chef de produit
- Intégrateur web
- Développeur web
- Aucun
Contenu de la formation
Outils de développement web et mesure côté client
- Métriques client (requêtes réseau, données transférées, données décodées)
- Outils de développement web Firefox (panneau “Réseau”, vue adaptive)
- Procédure de mesure (configuration, documentation, exploitation)
Bonnes pratiques de configuration d’un serveur web
- Compression réseau
- Mise en cache côté client
- Redirection HTTPS
- HTTP/2
Optimisation des ressources
- Formats d'images pour le Web
- Variables d'ajustement pour l'optimisation des ressources de type multimédia (image, vidéo, audio, PDF, fonte)
- Principales techniques d'optimisation des ressources de type textuel (HTML, CSS, JS)
Approches de mise en œuvre d’un projet web
- Génération dynamique
- Génération statique
- Server Side Rendering (SSR)
- Client Side Rendering (CSR)
- Single Page Application (SPA)
Du code efficient, portable et valide avec HTLM5 et CSS3
- Les éléments details et dialog
- Gestion des formulaires sans JS
- La règle @media CSS
- Flexbox
- CSS Grid
Intégration de médias dans une logique d’écoconception
- Gestion PDF
- Gestion de la vidéo
- Gestion de l'audio
- Gestion des images
Quelques pistes pour limiter (encore plus) l’impact environnemental d’un service numérique
- Conception dite “mobile first”
- Amélioration dite “progressive”
- Activation à la demande (façades)
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- Emargements numériques
- Questionnaires d'évaluation préformation + à chaud + à froid
- Certificats de réalisation
Ressources techniques et pédagogiques
- Exposés théoriques
- Ateliers de mesure
- Exercices de rédaction de code
- Étude de cas concrets et mises en situation
- Démonstrations interactives (laboratoire Temesis)
- Mise à disposition du document support à la suite de la formation
Qualité et satisfaction
Capacité d'accueil
Accessibilité
Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités d’adapter la formation.