Développer des sites web écoresponsables 

Vous avez suivi une formation théorique sur les impacts environnementaux et sociétaux du Numérique et sur la démarche d’écoconception ? Apprenez maintenant à développer des services numériques plus respectueux de l’environnement et de l’humain !

Date de mise à jour des informations

10 avril 2024.

Durée

14 heures (2 x 7 heures, soit 2 jours).

Tarif et modalités d’accès

Cette formation est disponible :

  • En intra-entreprise : tarification établie sur devis, contactez-nous
  • En inter-entreprise : 1200 € HT par personne (3 inscrits minimum)

Format distanciel ou présentiel (présentiel recommandé).

Prochaine session

Les prochaines sessions de formation « Développer des sites web écoresponsables » en inter-entreprises se tiendront :

  • À Paris ou à distance (selon les inscriptions) les 24 et 25 septembre 2024.

Nombre de participants par session : 3 à 12.

Pour vous inscrire, contactez-nous.

Délais d’accès

Dès validation de la prise en charge par un OPCO (OPérateur de COmpétences), délai de 10 et 30 jours selon la disponibilité des formateurs.

Profils des stagiaires

  • Product owner
  • Chef de projet technique
  • Développeur web
  • Intégrateur web

Prérequis

  • Aucun prérequis.

Idéalement, être déjà sensibilisé(e) aux enjeux environnementaux du numérique préalablement à la formation, à travers la réalisation d’un projet ou d’une action par exemple, voire le suivi d’une fresque ou d’un MOOC sur les impacts environnementaux du numérique.

Objectifs de la formation

À l’issue de la formation, le stagiaire doit être en capacité de :

  • Mesurer avec fiabilité 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
  • Connaitre les 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)

Contenu et mise en œuvre de la formation

Variée dans le fond et dans la forme, cette formation de 2 jours permet d’acquérir les compétences théoriques et techniques essentielles au développement d’une solution web écoresponsable.

1. 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)

2. Bonnes pratiques de configuration d’un serveur web

  • Compression réseau
  • Mise en cache côté client
  • Redirection HTTPS
  • HTTP/2
  • Exposé du formateur
  • Atelier de vérification avec les outils de développement web de Firefox

3. 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)

4. 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)

5. Du code efficient, portable et valide avec HTLM5 et CSS3

  • L’élément <details>
  • Gestion des formulaires sans JS
  • La règle @media
  • CSS Flexbox
  • CSS Grid

6. Intégration de médias dans une logique d’écoconception

  • Gestion PDF
  • Gestion de la vidéo
  • Gestion de l’audio
  • Gestion des images

7. 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)

8. Évaluation finale et conclusion

  • Quiz

Organisation de la formation

Profil du formateur

À la fois analyste en performance web environnementale, formateur en écoconception numérique et développeur web écoresponsable, Julien Wilhelm intervient en tant que spécialiste de la conception responsable auprès des entreprises privées et publiques. Autodidacte validé par ses pairs, il promeut la qualité, l’efficience et l’efficacité des solutions web.

Moyens pédagogiques et techniques

  • 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

Dispositif de suivi de l’exécution de l’évaluation des résultats de la formation

  • Certificat de réalisation
  • Évaluation des acquis au cours de la formation sous forme d’ateliers
  • Questionnaire d’évaluation en fin de session permettant d’évaluer l’atteinte des objectifs

Accessibilité aux personnes handicapées

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.

Satisfaction

Les participants ont attribué une note moyenne de satisfaction de 4 sur 5 sur cette formation en 2023 et 100 % indiquent avoir atteint leurs objectifs.

Pour vous inscrire ou en savoir plus sur la formation « Développer des sites web écoresponsables » :