Applications web1 Cours Web Services ISIMA 3F3. Applications web2 JavaScript Inventé par Netscape... sans rapport avec Java. Standardisé par l’ECMA, spécification.

Présentation au sujet: "Applications web1 Cours Web Services ISIMA 3F3. Applications web2 JavaScript Inventé par Netscape... sans rapport avec Java. Standardisé par l’ECMA, spécification."— Transcription de la présentation:

1 Applications web1 Cours Web Services ISIMA 3F3

2 Applications web2 JavaScript Inventé par Netscape... sans rapport avec Java. Standardisé par l’ECMA, spécification ECMA-262 : ECMAScript. http://www.ecma-international.org/publications/standards/Ecma-262.htm http://www.ecma-international.org/publications/standards/Ecma-262.htm Langage dynamique et faiblement typé, basé sur l’utilisation de prototypes. Utilisé dans : Applications web, ActionScript (Flash, Flex), Adobe Acrobat,...

3 Applications web3 Duck typing « Si je vois un animal qui vole comme un canard, cancane comme un canard, et nage comme un canard, alors j'appelle cet animal un canard ».

4 Applications web4

5 5 Caractéristiques du langage Un objet est soit simple (entier, chaine, etc) ou complexe (tableaux, maps). Une propriété d'un objet complexe peut être une fonction ! Les objets ne sont jamais fermés : on peut toujours les étendre. Supporte des éléments de programmation fonctionnelle (e.g., closures).

6 Applications web6

7 7 Implémentation de Javascript dans les navigateurs Mozilla Firefox : JavaScript 1.8.1 Google Chrome : JavaScript Microsoft Internet Explorer : JScript 5.8 Opera : ECMAScript

8 Applications web8 Frameworks JavaScript jQuery, YUI, Prototype, Dojo… Bibliothèques facilitant l'écriture de JavaScript : Gestion d'évènements Manipulation DOM Animations et composants Ajax Masque les différences d'implémentation entre browsers... et plus encore.

9 Applications web9 AJAX Asynchronous Javascript and XML Permettre de construire des applications web a contenu dynamique Javascript + CSS + DOM + XML/JSON + XMLHttpRequest

10 Applications web10

11 Applications web11 Objet XMLHttpRequest Objet mis à disposition par le navigateur pour effectuer des requêtes GET et POST. Inventé... par Microsoft dans ActiveX ! Implémenté par les navigateurs modernes (> 2002). Données transférables : Texte XML JSON Fragments HTML

12 Applications web12 AJAX et les librairies Toutes les framework JavaScript offrent des facilités à l’utilisation de XMLHttpRequest jQuery:

13 Applications web13 Communications et AJAX

14 Applications web14

15 Applications web15

16 Applications web16 Use case AJAX Interface dynamique Validation à la volée Complétion de champs Mashups …

17 Applications web17 Composition de services, mashups, portails Les services unitaires peuvent être intégrés Par un navigateur : Mashup Par un serveur pour du contenu web : Portail Par une application pour offrir un service plus évolué : Composition

18 Applications web18 Principe du Mashup