UJS


UJS

Javascript discret

Le javascript discret (Unobtrusive Javascript) est une pratique dans la programmation informatique en javascript. Cette pratique n'est pas décrite par une norme. Cette pratique consiste en la séparation du code html et du javascript.

Origine de la méthode

Le javascript a une réputation de langage de script limité et mal fait, inadapté à des développements massifs. Cette réputation est du à un longue accumulation de mauvaises pratiques mais aussi à une implémentation différente d'un navigateur à l'autre.

La récente émergence de standard appliqués aux navigateurs, de Framework Javascript (jQuery, Prototype,Archetype, ...) et les premiers débogueurs de bonne qualité rendent possible la production d'un JavaScript organisé et évolutif.

Le Javascript discret peut-être vu comme une partie du mouvement des standards web.

Séparation du html et du javascript

Il est courant d'observer un code présenté ainsi :

<input type="text" name="date" onchange="validateDate(this);" /> 

L'appel javascript est inclus au sein du HTML. Cela rend plus difficile la lecture et la maintenance du code (ce qui vaut au javascript sa mauvaise réputation de code instable et difficile à maintenir), mais surtout, cela mélange la couche relevant proprement des données du document et la couche relevant du comportement de l'interface.

Il est pourtant possible de faire la même chose de la manière suivante : on réalise du pur HTML d'une part, et on attache un événement depuis un fichier javascript d'autre part. Ce qui donne, en HTML :

<input type="text" name="date" id="datefield" /> 

Et dans le fichier javascript :

document.getElementById( "datefield" ).addEventListener( 'change', function(){ do_something(); }, false );

Cette façon est appelée discrète car l'association avec l'action javascript n'est plus incluse dans le html mais se réalise par l'assignation d'un événement sur un élément du DOM. Le code javascript se rattache alors sur le DOM par la sélection de l'attribut id de l'élément HTML.

Bonnes Pratiques

L'essence même du concept de javascript discret se trouve dans la séparations des couches. Il se voit donc appliqué un certain nombre de principes :

  1. Un respect strict du DOM du W3C
  2. D'une manière plus générale, l'utilisation de concepts déjà présents dans d'autres langages de programmation comme l'encapsulation, les couches d'abstractions, les conventions de nommage, l'utilisation des design pattern appropriés et des tests systématiques.
Ce document provient de « Javascript discret ».

Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article UJS de Wikipédia en français (auteurs)

Regardez d'autres dictionnaires:

  • UJS — Urban, Jürgensen, & Sønner Copenhagen (Business » Firms) * Union of Jewish Students (Academic & Science » Universities) * Unión de Juventudes Socialistas (International » Spanish) * Ultimate Job Search (Business » Positions) * Ultimate Jeep Site… …   Abbreviations dictionary

  • UJS — abr. Uniуn de Juventudes Socialistas …   Diccionario de Abreviaturas de la Lengua Española

  • UJS — abbr. Utriusque Juvis Doctor …   Dictionary of abbreviations

  • Unión de Juventudes Socialistas (UJS-MST) — 200x150px Fundación 24 de agosto de 1974 Ideología política Socialismo,Marxismo,Comunismo Sede …   Wikipedia Español

  • Unión de Juventudes Socialistas (UJS-MST) — La Unión de Juventudes Socialistas (UJS MST) es una organización de jóvenes socialistas de Puerto Rico. Reúne a la juventud del Movimiento Socialista de Trabajadores (MST) y es parte también del Frente Socialista. Llevan más de 25 años luchando… …   Enciclopedia Universal

  • Union of Jewish Students — The Union of Jewish Students (UJS) of the United Kingdom and Ireland was founded in 1973 and represents a constituency of approximately 8,000 Jewish students, with somewhere between five and six thousand being members of its affiliated Jewish… …   Wikipedia

  • Communist Party of Brazil — Partido Comunista do Brasil Leader José Renato Rabelo Founded February 18, 1962 Headquarters …   Wikipedia

  • Partido Obrero (Argentina) — «PO» redirige aquí. Para otras acepciones, véase Po (desambiguación). Este artículo o sección necesita referencias que aparezcan en una publicación acreditada, como revistas especializadas, monografías, prensa diaria o páginas de Internet… …   Wikipedia Español

  • Socialist Workers Movement (Puerto Rico) — A Puerto Rican democratic socialist revolutionary organization, dedicated to the self organization and self emancipation of the working class in Puerto Rico and international solidarity with the workers struggles world wide. It is usually known… …   Wikipedia

  • Staatsanwaltschaft Konstanz — Die Staatsanwaltschaft Konstanz ist als Strafverfolgungsbehörde zuständig für den Bezirk des Landgerichts Konstanz. Inhaltsverzeichnis 1 Aufgaben und Zuständigkeit …   Deutsch Wikipedia