Bien developper pour le Web 2.0 : Ajax, Prototype, Scriptaculous XHTML CSS, JavaScript, DOM

Préface......Page 8
Table des matières......Page 10
A qui s\'adresse ce livre ?......Page 24
Qu\'allez-vous trouver dans ce livre ?......Page 25
De quelles technologies parle-t-on ?......Page 26
Qui est à la barre, et où va-t-on ?......Page 27
A quoi servent les standards ?......Page 30
Qu\'en pensent les concepteurs de navigateurs ?......Page 32
Quelques mots sur les dernières versions......Page 34
Qu\'est-ce que le \"Web 2.0\" ?......Page 35
Première partie : donner vie aux pages......Page 37
Troisième partie : parler au reste du monde......Page 38
Aller plus loin.........Page 39
Remerciements......Page 40
La saisie assistée : complétion automatique de texte......Page 42
Le chargement à la volée......Page 45
La sauvegarde automatique......Page 51
Bien maîtriser ses outis clés : XHTML, CSS, JS, DOL et Ajax......Page 52
Faire la part des choses : Ajax, c\'est quoi au juste ?......Page 54
Plan d\'actions pour deux objectifs : méthode et expertise......Page 56
PREMIERE PARTIE - Donner vie aux pages......Page 58
2 - Ne prenez pas JavaScript pour ce qu\'il n\'est pas......Page 60
JavaScript ne serait basé sur aucun standard......Page 61
JavaScript serait un langage jouet, peu puissant......Page 62
Tout ce que vous ne soupçonniez pas : les recoins du langage......Page 63
Variables déclarées ou non déclarées ?......Page 64
Types de données......Page 66
Fonctions et valeurs disponibles partout......Page 68
Les mystères de parseFloat et parseInt......Page 69
Labélisation de boucles......Page 72
Simplifier l\'accès répétitif à un objet avec with......Page 74
Retour rapide sur les grands classiques......Page 75
Comportements particuliers......Page 76
Les types d\'exceptions prédéfinis......Page 77
Capturer une exception : try /catch......Page 78
Garantir un traitement : finally......Page 80
Lancer sa propre exception : throw......Page 81
Un peu de théorie sur les langages à prototypes......Page 82
Mise en pratique......Page 83
Arguments des fonctions......Page 86
Le binding des fonctions : mais qui est \"this\" ?......Page 88
Idiomes intéressants......Page 92
Initialisation et valeur par défaut avec l l......Page 93
Tester l\'absence d\'une propriété dans un objet......Page 94
Objets anonymes comme hashes d\'options......Page 95
Simuler des espaces de noms......Page 96
\"Unobstrusive JavaScript\" : bien associer code JS et page web......Page 97
Déjouer les pièges classiques......Page 99
Améliorer la lisibilité......Page 101
Mieux déboguer du JavaScript......Page 103
Dans Mozilla Firefox......Page 104
Dans Safari......Page 105
Dans MSIE......Page 106
Venkman, le débogueur JavaScript......Page 107
Firebug, le couteau suisse du développeur Web 2.0......Page 111
Livres......Page 115
Sites......Page 116
3 - Manipuler dynamiquement la page avec le DOM......Page 118
Comprendre les détails pour pouvoir déboguer......Page 119
Vue d\'ensemble des niveaux......Page 120
Support au sein des principaux navigateurs......Page 121
Maîtriser les concepts : document, noeud, élément, texte et collection......Page 122
Le DOM de votre document : une arborescence d\'objets......Page 123
Node......Page 125
Document......Page 129
Element......Page 131
Text......Page 132
NodeList et NamedNodeMap......Page 133
DOMImplementation......Page 135
HTMLDocument......Page 136
HTMLElement......Page 137
Détecter le niveau de DOM disponible......Page 138
Créer les noeuds dans le bon ordre......Page 139
Ne scripter qu\'après que le DOM voulu soit construit......Page 140
L\'inspecteur DOM de Firefox / Mozilla......Page 142
L\'inspecteur DOM de Firebug......Page 145
Les truands : les attributs d\'événement dans HTML......Page 149
La brute : les propriétés d\'événement dans le DOM niveau 0......Page 150
Le bon : addEventListener......Page 151
Accomoder MSIE......Page 153
La propagation : capture ou bouillonnement ?......Page 154
Le modèle le plus courant : le bouillonnement......Page 155
La capture, ou comment jouer les censeurs......Page 156
Stopper la propagation......Page 157
JavaScript, événements et accessibilité......Page 158
Besoins fréquents et solutions concrètes......Page 160
Décoration automatique de labels......Page 161
Validation automatique de formulaires......Page 166
Résoudre les écueils classiques......Page 169
MSIE et la gestion événementielle......Page 170
Les principaux points problématiques......Page 171
Sites......Page 172
4 - Prototype : simple, pratique, élégant, portable !......Page 174
Un mot sur les versions......Page 175
L\'objet global Prototype......Page 176
Itérateurs......Page 177
Elément étendu......Page 178
Comment utiliser Prototype ?......Page 179
La fonction $ facilite l\'accès aux éléments......Page 180
La fonction $A joue sur plusieurs tableaux......Page 181
La fonction $H, pour créer un Hash......Page 182
La fonction $R et les intervalles......Page 183
Jouer sur les itérations avec $break et $continue......Page 184
Un Object introspectif......Page 186
Gérer correctement le binding......Page 187
Des drôles de numéros......Page 189
Un objet String très enrichi......Page 190
Retraits de caractères : strip, stripTags, stripScripts, truncate......Page 191
Transformations : sub, gsub, escapeHTML, unesacpeHTML, camelize......Page 192
Conversions et extractions : scan, toQueryParams, parseQuery, toArray, inspect......Page 194
Conversions : from, inspect......Page 195
Extractions : first, last, indexOf......Page 196
Transformations : clear, compact, flatten, without, reverse, reduce, uniq......Page 197
Extraire les éléments ayant une classe précise......Page 198
Enumerable, ce héros......Page 199
Tests sur le contenu : all, any, include, member......Page 200
Extractions : detect, find, findAll, select, grep, max, min, pluck, reject......Page 201
Transformations et calculs : collect, map, inject, invoke, partition, sortBy......Page 203
Conversions : toArray, entries, inspect......Page 205
Tableaux associatifs avec Hash......Page 206
ObjectRange : intervalles d\'objets......Page 207
Vous devriez réévaluer vos modèles......Page 208
Utiliser un motif de détection personnalisé......Page 209
Try.these cherche une méthode valide......Page 210
Element.Methods et les éléments étendus......Page 211
Elément es-tu là ? hide, show, toggle et visible......Page 213
Gestion du contenu : cleanWhitespace, empty, remove, replace et update......Page 214
Styles et classes : addClassName, classNames, getElementsByClassName, getElementsBySelector, hasClassName, match, removeClass......Page 215
Les copains d\'abord : ancestors, descendants, nextSiblings, previousSiblings, siblings......Page 216
Bougez ! down, next, previous et up......Page 217
Positionnement : getDimensions, getHeight, makePositioned, undoPositioned......Page 218
Défilement et troncature : makeClipping, scrollTo, undoClipping......Page 219
Selector, l\'objet classieux......Page 220
Fiels / form.Element......Page 221
Un mot sur Form.Element.Serializers......Page 222
Form......Page 223
Form.Element.Observer......Page 225
Event......Page 226
Pister un événement......Page 227
Démasquer l\'élément qui a reçu l\'événement......Page 228
Déterminer l\'arme du crime : souris ou clavier......Page 229
Insertions dynamiques......Page 231
Canal IRC......Page 233
DEUXIEME PARTIE - Ajax, ou l\'art de chuchoter......Page 234
Anatomie d\'une conversation Ajax......Page 236
Un petit serveur pour nos tests......Page 237
Installation de Ruby......Page 239
Sous Windows......Page 240
Sous Linux / BSD......Page 241
Un mot sur le cache......Page 242
Un petit serveur HTTP et un code dynamique simple......Page 243
Origines et historique......Page 245
Créer l\'objet requêteur......Page 246
Décrire notre requête......Page 248
Envoyer la requête......Page 249
Recevoir et traiter la réponse......Page 250
Une utilisation complète de notre petit serveur d\'exemple......Page 251
Comment surveiller les échanges Ajax de nos pages ?......Page 255
Types de réponse : XHTML, XML, JS, JSON......Page 256
Bien choisir son type de réponse......Page 257
Exemple 1 : sauvegarde automatique......Page 258
Exemple 2 : barre de progression d\'un traitement serveur......Page 266
Fragments de page prêts à l\'emploi : réponse XHTML......Page 272
Un aperçu des coulisses de l\'insertion......Page 277
Dans la cour des grands : XPath pour traiter des données XML complexes......Page 278
Vite et bien : utilisation de DOM niveau 3 XPath......Page 279
En simulant : utilisation de GoogleAJAXSLT......Page 284
Piloter la page en renvoyant du JavaScript......Page 286
JSON : l\'idéal pour des données structurées spécifiques......Page 289
6 - Ajax tout en souplesse avec Prototype......Page 296
Ajax.Request, c\'est tellement plus simple !......Page 297
Plus de détails sur Ajax.Request......Page 299
Ajax.Updater : mettre à jour un fragment XHTML, exévuter un script......Page 301
Différencier la mise à jour entre succès et échec......Page 304
Presque magique : Ajax.PeriodicalUpdater......Page 305
Petits secrets supplémentaires......Page 306
Canal IRC......Page 309
7 - Une ergonomie de rêve avec script.aculo.us......Page 310
Charger script.aculo.us......Page 311
Les effets noyau......Page 312
Options communes à tous les effets noyau......Page 313
Qu\'y a-t-il dans un objet d\'effet ?......Page 314
Et si on essayait quelques effets ?......Page 315
Les effets combinés......Page 321
Files d\'effets......Page 325
Faire glisser un élément avec Draggable......Page 329
Gérer le dépôt d\'un élément avec Droppables......Page 335
Tri de listes par glisser-déplacer......Page 344
Activer les fonctions d\'ordonnancement......Page 345
Envoyer l\'ordre au serveur......Page 354
Création d\'un champ de saisie à complétion automatique......Page 355
Un premier exemple......Page 358
Personnalisation des contenus renvoyés......Page 364
Avoir le bon recul : les cas où Ajax est une mauvaise idée......Page 372
Considérations techniques......Page 373
Considérations ergonomiques......Page 374
Utilisations pertinentes et non pertinentes......Page 375
Principes généraux......Page 376
Cognitif / Lecteurs d\'écran......Page 377
OpenRico......Page 379
Canal IRC......Page 380
TROISIEME PARTIE - Interagir avec le reste du monde......Page 382
8 - Services web et REST : nous ne sommes plus seuls......Page 384
Contraintes de sécurité sur le navigateur......Page 385
Une \"couche proxy\" sur votre serveur......Page 386
Architecture de nos exemples......Page 387
Comprendre les services web......Page 388
Qu\'est-ce qu\'une API REST ?......Page 389
Cherchons des livres sur Amazon.fr......Page 390
Obtenir une clé pour utiliser l\'API......Page 391
Anatomie de la requête......Page 392
Notre formulaire de recherche......Page 394
La couche serveur, intermédiaire de téléchargement......Page 397
Intercepter le formulaire......Page 399
Notre feuille XSLT......Page 401
Charger la feuille XSLT au démarrage......Page 405
Effectuer la transformation......Page 406
Embellir le résultat......Page 408
Rhumatismes 2.0 : prévisions météo......Page 412
Préparer le projet......Page 414
Récupérer les prévisions d\'un lieu......Page 415
Requête et réponse REST......Page 416
Initialisation de la page et obtention des prévisions......Page 418
Et la feuille XSLT ?......Page 421
Les petites touches finales......Page 425
Préparons le terrain......Page 430
Eblouissez vos amis avec Ajax.XSLTCompleter......Page 433
Brancher les composants ensemble......Page 435
Obtenir une clé API chez Flickr......Page 439
Format général des requêtes et réponses REST chez Flickr......Page 440
Préparer le terrain......Page 441
Chargement centralisé parallèle des feuilles XSLT......Page 444
Obtenir les informations du jeu de photos......Page 445
Récupérer des photos du jeu......Page 454
Afficher une photo et ses informations......Page 460
Pour aller plus loin.........Page 465
9 - L\'information à la carte : flux RSS et Atom......Page 466
RSS1.0 : une approche radicalement différente......Page 467
Atom, le fruit de la maturité......Page 468
Le casse-tête du contenu HTML......Page 469
Récupérer et afficher un flux RSS 2.0......Page 470
Format du flux......Page 471
Préparer le terrain......Page 472
La feuille XSLT......Page 474
Chargement et formatage du flux......Page 476
Ajustements des dates et titres......Page 479
Affichage plus avancé et flux Atom 1.0......Page 480
Notre flux Atom......Page 481
Préparation de notre lecteur de flux......Page 483
La feuille XSLT et le formatage......Page 485
Charger la feuille et le flux......Page 487
Afficher dynamiquement les billets complets......Page 490
Traiter des quantités massives de HTML encodé......Page 493
Les dates W3DTF......Page 495
Livres......Page 497
Sites......Page 498
Annexes......Page 500
A - Bien baliser vore contenu : XHTML sémantique......Page 502
Pour le site et ses propriétaires......Page 503
Règles syntaxiques et sémantiques......Page 504
La DTD et le prologue......Page 506
Le balisage sémantique......Page 507
Balises structurelles......Page 508
Balises sémantiques......Page 509
Balises de liaison......Page 511
Balises de présentation......Page 512
Balises de formulaires  et d\'interaction......Page 514
Balises dépréciées......Page 515
Attributs incontournables......Page 516
Un formulaire complexe mais impeccable......Page 517
Un tableau de données à en-têtes groupés......Page 524
Un didacticiel technique......Page 526
Sites......Page 529
B - Aspect irréprochable et flexible : CSS 2.1......Page 532
Prise en charge actuelle......Page 533
Le jargon CSS......Page 534
Le sens de la cascade......Page 535
Calcul de la spécificité d\'une règle......Page 536
L\'héritage......Page 537
Les modèles de boîtes et de mise en forme visuelle......Page 538
Unités absolues et relatives......Page 539
Marge, bordure et espacement......Page 541
Fusion des marges......Page 542
Le modèle W3C et le modèle Microsoft......Page 543
Tour d\'horizon des sélecteurs......Page 544
Pseudo-éléments......Page 545
De l\'art de réaliser des CSS légères......Page 546
Propriétés de formatage visuel : positionnement, largeur, hauteur, baseline......Page 547
Propriétés de contenu généré automatiquement......Page 548
Propriétés de pagination......Page 549
Propriétés de gestion de la police de caractères......Page 550
Tout spécifier d\'un coup !......Page 551
L\'espacement dans le corps du texte......Page 553
Propriétés de l\'interface utilisateur......Page 554
Sites......Page 555
C - Le \"plus\" de l\'expert : savoir lire une spécification......Page 556
\"On m\'a dit que là-dessus, c\'est toi qui sais tout \" : l\'expertise......Page 557
Les grammaires formelles de langages à balises : DTD et schémas XML......Page 558
URL et raccourcis......Page 559
Structure générale d\'une recommandation......Page 560
Recours à des syntaxes formelles......Page 564
Les descriptions de propriétés CSS......Page 566
Les descriptions de propriétés et méthodes DOM......Page 567
Déchiffrer une DTD......Page 569
Naviguer dans un schéma XML......Page 573
Format général d\'une RFC......Page 576
Structure générale d\'une RFC......Page 578
Vos spécifications phares......Page 580
D - Développer avec son navigateur web......Page 582
Vider le cache......Page 583
Configurer le cache......Page 584
Firefox, favori du développeur grâce aux extensions......Page 585
Les trésors du menu Debug caché dans Safari......Page 586
Et Opera, qu\'a-t-il pour nous ?......Page 587
Index......Page 588