📢 Bonjour à tous et à toutes ❗

Dans cette formation, on verra comment créer, valider (via DTD ou Schéma) , requêter (via XPATH) et transformer (via XSLT et CSS) des documents Extensible Markup Language et on aura de nombreuses occasion de s’exercer et de produire des pages html très optimisées.

“ Extensible Markup Language (XML) is a simple, very flexible text format derived from SGML (ISO 8879). Originally designed to meet the challenges of large-scale electronic publishing, XML is also playing an increasingly important role in the exchange of a wide variety of data on the Web and elsewhere.”

– W3C

XML est un méta-language (un language qui permet de générer d’autre langage).
Il est issu de SGML, pour résumer il est un peu comme HTML mais permet de faire beaucoup plus de choses, d’être plus précis, de définir nos balises par nous mêmes et on peut utiliser d’autres langages pour associer à nos documents XML du style ou les transformer selon nos besoins).

Il est l’un des formats d’échange de données les plus utilisés avec le format JSon.
Il a fait ses preuves et est très couramment utilisé même si d’une façon générale on va utiliser des APIs afin de nous simplifier l’extraction et la transformation des datas qu’il contient.

Paramétrons notre environnement de développement (ça va être rapide 😄) afin de pouvoir démarrer la formation :

TODO 🎢:

  • Télécharger PUIS installer Xampp (peu importe la version) :->ICI <-.

  • Télécharger PUIS installer l’éditeur Xml ->ICI <- .

  • Télécharger PUIS installer Visual Studio Code :->ICI <- .

  • Installer les 2 extensions XML (celle de Red Hat pour le linter intégré et celle de Josh Johnson pour le formatting et la validation des expressions XPath et autres) pour VSC : CTRL + SHIFT + X puis tapez XML, c’est simple ce sont les 2 les plus téléchargées (donc tout en haut). image install1

  • Il faudra peut-être redémarrer entre-temps VSC, faites lui plaisir, faites le s’il vous le demande.

  • Ouvrez un répertoire de travail File -> Open Folder puis

    • On va dans le menu des fichiers en haut a gauche CTRL + SHIFT + E et
    • Ensuite soit on clique sur le symbole situé en 1 soit on fait File -> New file, soit on fait CTRL + N pour créer un nouveau fichier que l’on va enregistrer CTRL + S en tant que helloworld.xml
    • Et ensuite on entre à l’intérieur le code suivant :
 <?xml version="1.0" encoding="UTF-8"?>
   <a_root>
       <message>
           <to>All</to>
           <from>an unknow dev</from>
           <body>Hello World!</body>
       </message>
   </a_root>

  • Au besoin voilà le fichier helloworld.xml (qui est ok 👅) et que vous pouvez récupérer ->ICI <- .

  • Volà le rendu une fois le document helloworld.xml chargé depuis votre navigateur (pour le style, le requêtage et les transformations on va voir tout ça avec la formation 🎓) : image install2

Crédit image de fond (et si vous souhaitez en voir plus) : https://mamchenkov.net/wordpress/2004/09/03/the-xml-family-of-specifications-the-big-picture/

Merci de garder pour vous les ressources que vous y trouverez et de ne pas les diffuser 😏
Merci de m’avertir de toute erreur ou coquille qui m’auraient échapées 😍

©️ 🚫 Do not distribute 😌