#node.js + #jQuery : mettre un tigre dans votre #node.js

Il arrive souvent aux admin de faire des programmes qui récupèrent des pages HTML pour différentes bonnes raisons:

• Vérifier des liens 
• Extraire des informations d'une page

 Ces traitements de parsing sont toujours un peu délicats et très dépendants de la page à traiter.
 Ces opérations se font à coup d'expression régulière avec des contorsions pour traiter les balises ouvrantes et fermantes.
 Avec jsdom il est maintenant possible d'utiliser la puissance de jquery coté serveur.
La puissante de la meilleure librairie javascript cliente sur un serveur node.js
Ci dessous quelques exemples: jQuery peut etre lu à partir d'un fichier local, ou téléchargé. Pour le premier exemple la page html à traiter est lue en local , dans l'exemple suivant la page est récupérée à distance.

Tous les sélecteurs jQuery sont utilisables.

JSDOM vous permettra aussi de créer des nouveaux documents, enfin   il  peut servir comme modificateur de code HTML au sein d'un reverse_proxy.


Les exemples complets sont sur lemon-labs.

comparaison frameworks #javascript : infographie

Sur ce site une infographie qui compare la popularité des différents framework javascript. Résultat : jQuery vainqueur par KO.


Javascript Frameworks and jQuery Infographic is brought to you by WebAppers.com

#javascript: quelques ressources.

Tout d'abord une série de TP sur ce qu'il est important de maitriser en javascript avant de faire du jquery. Le tout est suivi d'une série de 8 TP. L'objectif de ces manipulations est de construire un menu à base d'onglet.

Les TP et le source des fichiers est sur : github lemon-labs
La présentation est sur www.slideshare.net.

Tp-jquery

View more presentations from eric german

J'ai ajouter dans github lemon-labs un 'beautifier' de code javascript. Il remet en forme votre programme et s'assure qu'il sera conforme au validateur jslint.

Avant un beautifier et Après:

japon, images tsunami

Le site du New-York Times a mis en ligne un montage qui permet de voir le Japon avant et après le tsunami. Le dispositif est réalisé avec jquery.

Meme système sur abc: http://www.abc.net.au/news/events/japan-quake-2011/beforeafter.htm
Ce drame dépasse largement le simple cadre du Japon et nous concerne tous.

Pourquoi #jquery va révolutionner et dominer le #web

Jquery est lentement mais surement en train de devenir un composant incontournable dispensable dans les applications web.

Les 4 raisons d'adopter jquery sont:

La prise en charge de la compatibilité des navigateurs.

Avec l'ouverture des applications aux partenaires ou avec l'apparition de nouveaux supports (smartphone), le traitement de la compatibilité en IEn, firefox , safari ou opéra reste une tache lourde , complexe et indispensable. Jquery se charge d'assurer cette compatibilité a votre place.
Ce qui fonctionne avec jquery sous IE8 fonctionnera sous Firefox 3.

Ajax devient un jeu d'enfant

Jquery rend l'intégration de fonctionnalité Ajax facile et garantie un traitement identique du moteur de requete XMLHttpRequest quelque soit le navigateur.
Ainsi, cela vous permet d'intégrer des fonctions qui vont rendre vos applications plus ergonomiques et vos utilisateurs plus efficaces. Exemple drag and drop , menus , onglets.

Découplage entre le langage de programmation et votre application WEB.

Avec Jquery et Ajax , la partie frontale de l'application devient indépendante de la dorsale.
On pousse jusqu'au bout la séparation en 3 Tiers d'un modèle MVC.
Le javascript et AJAX simplifient radicalement les CGI ou Servlet chargés de l'interface utilisateur.

Un gestion de contexte plus simple.

Le protocole HTTP et le HTML ne sont pas fait à l'origine pour fabriquer des applications métiers.
Il faut des cookies et des serveurs de session pour gérer la persistance du contexte. Le passage des données d'une page à l'autre doit se faire par les cookies et des champs cachés. Bref , pas des choses très simples. Avec Jquery et Ajax , vous affichez une page principale et chaque interaction avec l'utilisateur se fait dans le cadre de cette page principale donc dans le même contexte.

Mais surtout ..

Vos applications deviennent plus belles , sont moins chères à développer et sont appréciées par vos utilisateurs.


AVANT jquery :




APRES Jquery




Terminé le Java et les EJB , passez au Javascript ,Jquery , AJAX et HTML5.

Site de demonstration de jquery ici.