Développer des sites web écoresponsables et conformes au RGESN
Programme version: 1
Next date
9/15/26Type of training
Face-to-faceTraining duration
14 hours (2 days)Accessibility
YesDé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 de l'Écoconception des Services Numériques (RGESN). Les participants apprendront à évaluer l'impact environnemental des sites web, à optimiser les ressources et à appliquer les bonnes pratiques de configuration serveur. Interentreprises, sur Grenoble ou Lyon. Les formations peuvent se dérouler, au choix, dans nos locaux à Grenoble ou Lyon. (les localisations sont proposées à titre indicatif, n'hésitez pas à prendre contact avec nous pour nous faire part de votre intérêt). Tarif adhérent DL : 1477€ HT / apprenant Tarif non adhérent DL : 1739€ HT / apprenant
Objectives of the training
- 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 de l'Écoconception des Services Numériques (RGESN)
Profile of beneficiaries
- Chef de projet technique
- Chef de produit
- Intégrateur web
- Développeur web
- Aucun
Training content
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)
Teaching team
Monitoring of implementation and evaluation of results
- Emargements numériques
- Questionnaires d'évaluation préformation + à chaud + à froid
- Certificats de réalisation
Technical and educational resources
- 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
Quality and satisfaction
Reception capacity
Login delay
Accessibility
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.