danielhagnoul

Obsolète le 2016-02-14, remplacée par la version 3.0.0

Quel que soit le problème à traiter, je travaille toujours dans le même environnement que j'appelle ma page de test. Le code de cette page évoluant et se complexifiant en fonction des nouveautés et de mes besoins.

Le 2014-08-25, j'ai présenté la version 2.0.0 de cette page dans le forum Contribuez.

Au contenu de la version 1.0 :

• jQuery : "http://code.jquery.com/jquery-2.1.1.min.js"
• jQuery UI : "http://code.jquery.com/ui/1.11.2/jquery-ui.min.js" (thème sunny : "http://code.jquery.com/ui/1.11.2/themes/sunny/jquery-ui.css")
• head.js : "http://cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.min.js", chargeur de code JS et CSS, pseudo media-queries et génération automatique de classes en rapport avec l'environnement d'utilisation.
• d3.js : "http://d3js.org/d3.v3.min.js", SVG.
• Qunit : "http://code.jquery.com/qunit/qunit-1.15.0.js", CSS : "http://code.jquery.com/qunit/qunit-1.15.0.css"), tests unitaires et assertions.

La version 2.0 ajoute les web components "natifs" (import, template et shadow), ce qui la rend aujourd'hui uniquement utilisable sous Chrome 36 et plus.

La version 2.1.0 est compatible avec Chrome 39, elle utilise le langage de template doT.js.

Exemples utilisant la version 2.1.0 :

1. Tests du template DoT.js
2. Tests ES6 : version utilisant traceur.js : "https://google.github.io/traceur-compiler/bin/traceur.js". (QUnit signale qu'une assertion est fausse, ce qui est le comportement attendu.)

La place disponible ici est largement insuffisante pour vous donner une copie des codes, mais les outils du développeur (touche F12) de Chrome vous permettront de les examiner et de les tester à loisir.

L'adoption d'une page de test utilisant les web components "natifs" semblera prématurée à beaucoup, mais j'ai toujours eu la chance de travailler uniquement pour l'avenir sans avoir à me soucier des navigateurs obsolètes.

Forum jQuery :

• Avec ma page de test version 1.0, il m'arrivait pour des questions complexes ou nécessitant un exemple fonctionnel de poster le code complet.
• Depuis l'adoption de la version 2.0, je ne poste plus d'exemple complet, trop long, mais uniquement la partie du code concernant directement la question.
• Dorénavant, lorsque je jugerai la chose utile, je posterai un lien vers un exemple réalisé avec la version 2.1.0 de ma page de test. Ces exemples seront conservés dans mon espace de travail sur DVP.