Formation Développer des sites Web Écoresponsable

Ref :

Développement Durée :
2 jours - 14 heures
 Lieu :
Paris Intra-Murros

Tarif

Intra :
Nous consulter
Inter :
1 250€ / pers
Inscrivez-vous

Demande d'informations

Contactez-nous
être rappelé

Les prochaines dates par ville

[+]Asnières-sur-Seine

Pré-requis

Comprendre les notions de client, de serveur, de réseau (les 3 tiers du Numérique)
Maîtriser les fondamentaux des langages HTML, CSS et JavaScript
Avoir suivi une formation de sensibilisation aux impacts environnementaux et sociétaux du Numérique et à la démarche d’écoconception de services numériques, ou pouvoir justifier des connaissances théoriques requises

Public concerné

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

Objectifs

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

Programme détaillé

Apprenez maintenant à développer des services numériques plus respectueux de l’environnement et de l’humain !

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

Outils de développement web et mesure côté client - Durée : 2 heures

  • 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)
    • Méthodes d’animation :
      • Exposé du formateur
      • Atelier de mesure avec les outils de développement web de Firefox

Bonnes pratiques de configuration d’un serveur web - Durée : 1,5 heure

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

Optimisation des ressources - Durée : 2,5 heures

  • Formats d’images pour le Web
  • Variables d’ajustement utiles à l’optimisation des ressources de type multimédia (images, vidéos, documents, fontes), par exemple la compression ou le redimensionnement
  • Principales techniques d’optimisation des ressources de type textuel (HTML, CSS, JS), par exemple la minification ou la concaténation
    • Méthodes d’animation :
      • Exposé du formateur
      • Exemples interactifs d’optimisation (WebPerfLab Temesis) 
      • Autres exemples d’optimisation à titre démonstratif (ligne de commande)

Approches de mise en œuvre d’un projet web - Durée : 1 heure

  • Génération dynamique / Génération statique
  • Server Side Rendering (SSR) / Client Side Rendering (CSR)
  • Single Page Application (SPA)
    • Méthodes d’animation :
      • Exposé du formateur ;
      • Exemples (bons et mauvais élèves)

Du code efficient, portable et valide avec HTLM5 et CSS3 - Durée : 2,5 heures

  • Sémantique HTML moderne (nav, section, article, etc.)
  • Gestion des formulaires (contraintes, validation)
  • CSS3 (media queries, flexbox, grid, etc.)
  • Validation officielle du code (W3C)
  • Support cross-browser
    • Méthodes d’animation :
      • Atelier de correction de code (CSS seul)
      • Atelier de création de code (HTML seul) 
      • Exposé du formateur ;

Intégration de médias dans une logique d’écoconception - Durée : 2,5 heures

  • Intégration d’images (<img>, <picture>)
  • Intégration audio, vidéo (<audio>, <video>, <source>)
  • Attributs magiques (“loading”, “srcset”, “media”, etc.)
  • Autres balises à considérer (<a>)
    • Méthodes d’animation :
      • Exposé du formateur
      • Atelier de correction de code

Quelques pistes pour limiter (encore plus) l’impact environnemental d’un service numérique - Durée : 0,5 heure

  • Conception dite “mobile first”
  • Amélioration dite “progressive”
  • Activation à la demande (façades)
    • Méthodes d’animation :
      • Exposé du formateur.

Évaluation finale et conclusion - Durée : 1,5 heure

  • Méthodes d’animation : quiz

Modalités pédagogiques

À 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, de rédaction et de correction de code
  • Étude de cas concrets et mises en situation
  • Exemples interactifs (laboratoire Temesis)
  • Mise à disposition du document support à la suite de la formation

Nos Actualités

14 janvier

L'OSS est certifié Qualiopi

Nous avons le plaisir de vous informer que L'OSS - Open Source School crée par Smile est certifié Qualiopi.

Choisir un Organisme de Développement des Compétences certifié Qualiopi, c'est la garantie d'un processus de formation respecté et de qualité.
C'est également une condition indispensable de financement de vos actions de formation.

 

02 avril

5 Questions posées à Pierre FICHEUX, Expert-Technique Embarqué et formateur chez OSS

Nous avons rencontré Pierre FICHEUX pour en savoir plus sur la formation Android 8 AOSP et son formateur smiley !

04 février

6 Questions à Jérémy ROSEN, Expert Systemd et formateur chez OSS

Jeremy ROSEN, 15 ans d’expérience dans l’Embarqué, certifié « Expert SystemD » chez Smile et formateur à l'Open Source School depuis plus de 2 ans.

Nous avons rencontré Jérémy ROSEN pour en savoir plus sur la formation SystemD et son formateur smiley !

Le principal avantage de la formation ?

05 décembre

MOOC #4 : L’Open Source au cœur d’une dynamique globale du partage

Ce n’est pas un hasard si le documentaire Nom de code : Linux, se termine par l’affirmation : « Ce serait peut-être l’une des plus grandes opportunités manquées de notre époque si le logiciel libre ne libérait rien d’autre que du code ».

Apprendre l'Open source, en partenariat avec l'Open Source School et la Société Générale. 

05 décembre

MOOC #3 - L'Open Source, un phénomène multidimensionnel

Qu’est ce que l’Open Source ? La désignation open source, ou « code source ouvert », s'applique aux logiciels dont la licence autorise la libre redistribution du logiciel, l'accès au code source et la création de travaux dérivés.

Apprendre l'Open source, en partenariat avec l'Open Source School et la Société Générale. 

Elle recouvre néanmoins d’autres réalités. Mis à la disposition du grand public, ce code source est généralement le résultat d'une collaboration entre programmeurs et toute une communauté.

05 décembre

MOOC #2 - L'Open Source, un phénomène sociétal majeur

Dans ce chapitre nous allons aborder l'Open Source sous différents aspects : comme un phénomène sociétal majeur, multidimensionnel et comme un modèle au cœur d'une dynamique globale de partage.

Apprendre l'Open source, en partenariat avec l'Open Source School et la Société Générale. 

05 décembre

MOOC #1 - Apprendre l'Open Source : Présentation de l'auteur et de la formation

Le mouvement Open Source est aujourd’hui omniprésent. Il s’invite progressivement dans les produits que nous utilisons et change peu à peu notre quotidien, que ce soit comme organisation ou comme particulier. S’il pouvait auparavant déranger, l’Open Source suscite aujourd’hui un intérêt certain de la part des acteurs du marché qui y voient une nouvelle voie favorable à la création et à l’innovation.

Apprendre l'Open source, en partenariat avec l'Open Source School et la Société Générale. 

28 novembre

L'OPEN SOURCE SCHOOL sera présente lors du Paris Open Source Summit 2018

L'ambition de cette 4ème édition ? Exposer les innovations technologiques, la réalité et le dynamisme économique des solutions Open Source.

Venez nous rencontrer les 5 et 6 décembre pour échanger sur nos formations professionnelles liées à l'univers du numérique : Digital & Mobile, Systèmes d'information, Big Data, E-business, Infrastructure, Embarqué, Développement et plus encore !

30 juillet

6 questions à Florent Guilbard, expert Magento et formateur

Pour en savoir plus sur la formation Magento et son formateur ! smiley

Florent Guilbard, 9 ans d’expérience dans le eCommerce, certifié « Magento 1 et 2 solution specialist » est consultant eCommerce chez Smile et formateur à l'Open Source School depuis plus de 2 ans. Un emploi du temps chargé ! Nous lui avons posé quelques questions sur son métier de formateur.

31 mai

Formation Yocto - Open Embedded à Lyon

Notre formation fait un détour par la belle ville de Lyon, ne loupez pas l'occasion de vous former sur Yocto Open Embedded du 18 au 20 juin prochains

 

Nous vous attendons...

Voir tout