Pour ce travail, j'ai préféré faire un listage et donner une explication orientée sur le JS que j'ai intégré dans de nombreux travaux que j'ai déjà produit. Pour moi, le JS est une étape essentiel a n'importe quelle interface utilisateur en cela qu'il permet d'ajouter de nombreuses fonctionnalités ergonomiques sans alourdir l'usage d'un interface (communication client-serveur).
Au travers de tous mes travaux JS, j'ai utilisé la librairie JS Prototype v1.6.0.
85% du javascript, hormis les librairies, que vous verrez sur ce site est de mon propre crue.
Ma Homepage (ce site entier) contient beaucoup de JS, vous pouvez le tester 1- en double-cliquant le texte et en observant la case de recherche en haut à droite. 2- La redirection directe vers une recherche sur Google ou Wikipédia est gérée grâce à du JS. 3- Sur votre gauche, vous pouvez voir une barre verticale, si vous appuyez dessus, vous ferez disparaître/apparaître la section de navigation. J'ai développé cette fonctionnalité lorsque j'ai voulu développer une application de lecture de documents sur ce site. 4- Les onglets de navigation s'animent lorsqu'on passe au-dessus, encore du JS.
La page Travaux contient aussi du JS, afin d'alléger le contenu visible d'une page et aussi afin de créer des cookies pour se rappeler des sections déjà ouvertes.
Dans l'exercice sur le SVG, j'ai intégré 2 composantes importantes en JS, un scroller qui contrôle la forme de la figure dessinée en SVG. Encore une fois, cette page comporte des éléments dissimulés à la visualisation sauf en cas de demande de la part de l'utilisateur.
Le formulaire PHP a pour lui été un exemple lourd de JS. J'ai inclut beaucoup d'AJAX pour la gestion des pages de formulaire ainsi qu'une gestion des réponses apportées aux questionnaires. Cette gestion comporte deux éléments, une vérification de réponse et un rapport cumulatif des réponses à soumettre.
Évidemment, l'exercice 15 consacré au JS appliqué au DOM à été entièrement conçu en JS.
Pour terminer en beauté, l'exercice 17 sur les REGEXP est aussi bien servi en JS. La gestion de recherche ainsi que le rendu dynamique sont de chouettes exemples des possibilités qu'offre le JS pour rendre des contenus traités rapidement
Le projet EIA dénommé Ergonotron Libre est un exemple d'exploitation du Javascript sous une forme dynamiquement générée en PHP. Si vous prenez la peine de regarder la source, vous constaterez une série d'observers générés dans le <head> afin de contrôler le comportement du site. Si vous vous connectez en tant qu'éditeur (code de la page de note stic), vous aurez l'occasion de constater un développement JS particulièrement complexe afin de prendre en main la gestion structurelle et éditorial de l'application.
Pour conclure, un outil que j'ai inclus dans les outils du site. Cette application permet de personnaliser le site avec ses couleurs préférées. Je l'ai utilisé sur d'autres sites où les couleurs sont enregistrés dans le profil de l'utilisateur et sont rendues automatiquement à chaque fois qu'il visite le site.
L'usage du Javascript lors de ces nombreux exercices m'a permis de progresser, notamment avec la librairie prototype, et détendre l'usage que je réservais au JS, c'est à dire de l'appliquer à beaucoup d'autres choses que le HTML.
J'ai pris l'engagement de réécrire la page de JS sur Edutechwiki, mais je me rend compte que bien que je sois très confiant pour écrire du code JS, je ne me sens pas tout à fait à l'aise d'en rendre une explication littérale et adaptée à une lecture public. J'ai l'intention de participer à la rédaction de cette page, mais pas au travers d'une requête scolaire.