Bien developper pour le Web 2.0 : Bonnes pratiques Ajax : 2e edition

Préface......Page 8
Table des matières......Page 10
à qui s’adresse ce livre ?......Page 26
Qu’allez-vous trouver dans ce livre ?......Page 27
Les standards du web......Page 28
De quelles technologies parle-t-on ?......Page 29
Qui est à la barre, et où va-t-on ?......Page 30
à quoi servent les standards du web ?......Page 33
Et les navigateurs, qu’en pensent-t-ils ?......Page 35
Quelques mots sur les dernières versions......Page 37
Qu’est-ce que le « web 2.0 » ?......Page 38
Première partie : donner vie aux pages......Page 40
Troisième partie : parler au reste du monde......Page 41
Des annexes pour le débutant comme pour l’expert......Page 42
Remerciements......Page 43
Et pour cette deuxième édition.........Page 44
La saisie assistée : complétion automatique de texte......Page 46
Le chargement à la volée......Page 49
La sauvegarde automatique......Page 55
Bien maîtriser ses outils clefs : xhtml, css, js, dom et ajax......Page 56
Faire la part des choses : ajax, c’est quoi au juste ?......Page 58
Plan d’action pour deux objectifs : méthode et expertise......Page 60
Donner vie aux pages......Page 62
2 -  ne prenez pas javascript pour ce qu’il n’est pas......Page 64
Javascript ne serait basé sur aucun standard......Page 65
Javascript serait un langage jouet, peu puissant......Page 66
S’y retrouver entre javascript, ecmascript, jscript et activescript......Page 67
Variables déclarées ou non déclarées ?......Page 68
Types de données......Page 70
Fonctions et valeurs disponibles partout......Page 72
Les mystères de parsefloat et parseint......Page 73
Labélisation de boucles......Page 76
Employer with, mais avec circonspection......Page 78
Retour rapide sur les grands classiques......Page 79
Opérateurs plus exotiques......Page 80
Les types d’exceptions prédéfinis......Page 81
Capturer une exception : try/catch......Page 82
Garantir un traitement : finally......Page 84
Lancer sa propre exception : throw......Page 85
Un peu de théorie sur les langages à prototypes......Page 86
Mise en pratique......Page 87
Arguments des fonctions......Page 91
Le binding des fonctions : mais qui est « this » ?......Page 92
Idiomes intéressants......Page 95
Initialisation et valeur par défaut avec | |......Page 96
Tester l’absence d’une propriété dans un objet......Page 97
Objets anonymes comme hashes d’options......Page 98
Simuler des espaces de noms......Page 99
« unobtrusive javascript » : bien associer code js et page web......Page 100
Déjouer les pièges classiques......Page 102
Améliorer la lisibilité......Page 104
Livres......Page 106
Sites......Page 107
3 -  manipuler dynamiquement la page avec le dom......Page 108
Comprendre les détails pour pouvoir déboguer......Page 109
Vue d’ensemble des niveaux......Page 110
Support au sein des principaux navigateurs......Page 111
Maîtriser les concepts : document, nœud, élément, texte et collection......Page 112
Le dom de votre document : une arborescence d’objets......Page 113
Node......Page 115
Document......Page 119
Element......Page 121
Text......Page 122
Nodelist et namednodemap......Page 123
Domimplementation......Page 125
Htmldocument......Page 126
Htmlelement......Page 127
Détecter le niveau de dom disponible......Page 128
Créer les nœuds dans le bon ordre......Page 129
Ne scripter qu’après que le dom voulu est construit......Page 130
L’inspecteur dom de firefox/mozilla......Page 132
L’inspecteur dom de firebug......Page 135
Les truands : les attributs d’événement dans html......Page 139
La brute : les propriétés d’événement dans le dom niveau 0......Page 140
Le bon : addeventlistener......Page 141
Accommoder msie......Page 143
La propagation : capture ou bouillonnement ?......Page 144
Le modèle le plus courant : le bouillonnement......Page 145
La capture, ou comment jouer les censeurs......Page 146
Stopper la propagation......Page 147
Javascript, événements et accessibilité......Page 148
Besoins fréquents et solutions concrètes......Page 150
Décoration automatique de libellés......Page 151
Validation automatique de formulaires......Page 156
Msie et la gestion événementielle......Page 160
Les principaux points problématiques......Page 161
Sites......Page 162
4 -  prototype : simple, pratique, élégant, portable !......Page 164
Un mot sur les versions......Page 165
Espaces de noms et modules......Page 166
élément étendu......Page 167
Alias......Page 168
Vous allez aimer les dollars......Page 169
La fonction $ facilite l’accès aux éléments......Page 170
La fonction $a joue sur plusieurs tableaux......Page 171
La fonction $h, pour créer un hash......Page 172
La fonction $r et les intervalles......Page 173
La fonction $w joue sur les mots......Page 174
Jouer sur les itérations avec $break et return......Page 175
Un object introspectif......Page 176
Gérer correctement le binding......Page 178
Plus de puissance pour les fonctions......Page 180
De drôles de numéros......Page 184
Prototype en a dans le string......Page 185
Suppression de caractères : strip, striptags, stripscripts, truncate......Page 186
Transformations : camelize, capitalize, dasherize, escapehtml, gsub,interpret, sub, underscore, unescapehtml......Page 187
Fragments de scripts : extractscripts, evalscripts......Page 189
Conversions et extractions : scan, toqueryparams, parsequery, toarray,inspect, succ......Page 190
Inspection : blank, empty, endswidth, include, startswith......Page 191
Extractions : first, last, indexof, lastindexof......Page 192
Transformations : clear, compact, flatten, without, reverse, reduce, uniq,intersect......Page 193
L’itération elle-même : each......Page 196
Le contexte d’itération......Page 197
Tests sur le contenu : all, every, any, some, include, member, size......Page 198
Extractions : detect, find, filter, findall, select, grep, max, min, pluck, reject,partition......Page 199
Transformations et calculs : collect, map, ingroupsof, inject, invoke,sortby, zip......Page 201
Il suffit parfois d’un peu de has......Page 204
Periodicalexecuter ne se lasse jamais......Page 207
Vous devriez ré-évaluer vos modèles......Page 208
Utiliser un motif de détection personnalisé......Page 210
Prise en charge de json......Page 211
Plus de poo classique : classes et héritage......Page 213
L’héritage et la surcharge de méthode......Page 215
Element.methods et les éléments étendus......Page 216
Enfin manipuler librement les attributs : hasattribute, readattributeet writeattribute......Page 218
Gestion du contenu : cleanwhitespace, empty, remove, replace, update,insert, wrap et la syntaxe constructeur......Page 219
Styles et classes : addclassname, getopacity, getstyle, hasclassname,match, removeclassname, setopacity, setstyle et toggleclassname......Page 222
Les copains d’abord : ancestors, childelements, descendantof, descendants,firstdescendant, immediatedescendants, previoussiblings, nextsiblings,siblings......Page 224
Bougez ! adjacent, down, next, previous, select et up......Page 225
Positionnement : absolutize, cloneposition, cumulativeoffset,cumulativescrolloffset, getdimensions, getheight, getoffsetparent,getwidth, makepositioned, positionedoffset, relativize, undopositionedet viewportoffset......Page 227
Ajouter des méthodes aux éléments étendus......Page 230
Quelques détails pour finir…......Page 231
La gestion du viewport......Page 232
Selector, l’objet classieux......Page 233
Manipulation de formulaires......Page 235
Field / form.element......Page 236
Un mot sur field.serializers......Page 237
Form......Page 238
Form.observer......Page 240
Gestion unifiée des événement......Page 241
Observer (ou cesser d’observer) un événement......Page 242
Coincer le coupable......Page 244
Déterminer l’arme du crime......Page 247
Utiliser les événements personnalisés......Page 250
Form.eventobserver......Page 251
L’objet global prototype......Page 252
Groupe de discussion......Page 253
Canal irc......Page 254
5 -  déboguer vos scripts......Page 256
Déboguer d’abord sur firefox avec firebug......Page 257
La console : rapide, efficace et… très sous-utilisée......Page 258
Déboguer des scripts chargés......Page 262
Regarder sous le capot d’ajax......Page 265
Examiner les performances avec le profileu......Page 266
L’utopie d’un windows pour deux......Page 267
Préparer le terrain avec une page à échec garanti......Page 269
Configurer msie pour autoriser le débogage......Page 270
Les possibilités du débogueur......Page 272
Le poids lourd : visual web developer 2008 express edition......Page 275
Peaufiner sur ie8......Page 281
Peaufiner sur safar......Page 283
Peaufiner sur opea......Page 284
Sites......Page 287
Ajax, ou l’art de chuchoter......Page 288
Anatomie d’une conversation ajax......Page 290
Un petit serveur pour nos tests......Page 291
Installation de ruby......Page 293
Sous windows......Page 294
Sous linux/bsd......Page 295
Un mot sur le cache......Page 296
Un petit serveur http et un code dynamique simple......Page 297
Origines et historique......Page 299
Créer l’objet requêteur......Page 300
Décrire notre requête......Page 302
Envoyer la requête......Page 303
Recevoir et traiter la réponse......Page 304
Une utilisation complète de notre petit serveur d’exemple......Page 305
Comment surveiller les échanges ajax de nos pages ?......Page 308
Types de réponse : xhtml, xml, js, json.........Page 310
Bien choisir son type de réponse......Page 311
Exemple 1 : sauvegarde automatique......Page 312
Exemple 2 : barre de progression d’un traitement serveur......Page 320
Fragments de page prêts à l’emploi : réponse xhtml......Page 325
Dans la cour des grands : xpath pour traiter des données xml complexes......Page 331
Vite et bien : utilisation de dom niveau 3 xpath......Page 332
En simulant : utilisation de googleajaxslt......Page 336
Piloter la page en renvoyant du javascript......Page 338
Json : l’idéal pour des données structurées spécifique......Page 341
7 -  ajax tout en souplesse avec prototype......Page 348
Ajax.request, c’est tellement plus simple !......Page 349
Plus de détails sur ajax.request......Page 351
Quelques mots sur les fonctions de rappel......Page 353
Interpréter la réponse avec ajax.response......Page 354
Ajax.updater : mettre à jour un fragment xhtml, exécuter un script......Page 355
Différencier la mise à jour entre succès et échec......Page 358
Presque magique : ajax.periodicalupdater......Page 359
Comprendre l’option decay......Page 360
Petits secrets supplémentaires......Page 361
Sites......Page 363
Canal irc......Page 364
8 -  une ergonomie de rêve avec script.aculo.us......Page 366
Les effets visuels......Page 367
Invocation de l’effet......Page 368
Options communes à tous les effets noyau......Page 369
Et si on essayait quelques effets ?......Page 370
Les effets combinés......Page 383
Files d’effets......Page 387
Glisser-déplacer......Page 391
Faire glisser un élément avec draggable......Page 392
Gérer le dépôt d’un élément avec droppables......Page 397
Tri de listes par glisser-déplacer......Page 407
Activer les fonctions d’ordonnancement......Page 408
Envoyer l’ordre au serveur......Page 417
Création d’un champ de saisie à complétion automatique......Page 418
Interaction clavier et souris......Page 420
Un premier exemple......Page 421
Personnalisation des contenus renvoyés......Page 427
Avoir du recul : les cas où ajax est une mauvaise idée......Page 435
Considérations techniques......Page 436
Considérations ergonomiques......Page 437
Utilisations pertinentes et non pertinentes......Page 438
Principes généraux......Page 439
Ergonomie et attentes de l’utilisateur......Page 440
Cognitif/lecteurs d’écran......Page 441
Canal irc......Page 442
Interagir avec le reste du monde......Page 444
9 -  services web et rest : nous ne sommes plus seuls......Page 446
Contraintes de sécurité sur le navigateur......Page 447
Une « couche proxy » sur votre serveur......Page 448
Architecture de nos exemples......Page 449
Comprendre les services web......Page 450
Qu’est-ce qu’une api rest ?......Page 451
Cherchons des livres sur amazon.fr......Page 452
Obtenir une clef pour utiliser l’api......Page 453
Anatomie de la requête......Page 454
Notre formulaire de recherche......Page 456
La couche serveur, intermédiaire de téléchargement......Page 459
Intercepter le formulaire......Page 461
Notre feuille xslt......Page 463
Charger la feuille xslt au démarrage......Page 467
Effectuer la transformation......Page 468
Embellir le résultat......Page 470
Rhumatismes 2.0 : prévisions météo......Page 475
Préparer le projet......Page 476
Requête et réponse rest......Page 478
Initialisation de la page et obtention des prévisions......Page 481
Et la feuille xslt ?......Page 484
Les petites touches finales......Page 488
Rechercher un lieu......Page 492
Préparons le terrain......Page 493
éblouissez vos amis avec ajax.xsltcompleter......Page 496
Brancher les composants ensemble......Page 498
Gérer des images chez flickr......Page 501
Obtenir une clef api chez flickr......Page 502
Format général des requêtes et réponses rest chez flickr......Page 503
Préparer le terrain......Page 504
Chargement centralisé parallèle des feuilles xslt......Page 506
Obtenir les informations du jeu de photos......Page 508
Récupérer les photos du jeu......Page 516
Afficher une photo et ses information......Page 522
Pour aller plus loin.........Page 528
10 -  l’information à la carte : flux rss et ato......Page 530
Rss 1.0 : une approche radicalement différente......Page 531
Atom, le fruit de la maturité......Page 532
Le casse-tête du contenu html......Page 533
Récupérer et afficher un flux rss 2......Page 534
Format du flu......Page 535
Préparer le terrain......Page 536
La feuille xslt......Page 538
Chargement et formatage du flu......Page 540
Ajustements des dates et titres......Page 543
Affichage plus vancé et fluxatom 1.0......Page 544
Notre fluxatom......Page 545
Préparation de notre lecteur de flu......Page 547
La feuille xslt et le formatage......Page 549
Charger la feuille et le flux......Page 551
Afficher dynamiquement les billets complets......Page 554
Traiter des quantités massives de html encodé......Page 557
Les dates w3dtf......Page 559
Livres......Page 561
Sites......Page 562
11 -  mashups et api 100 % javascript......Page 564
Exigences techniques de l’api......Page 565
Créer une carte......Page 567
Des contrôles pour bouger et s’y retrouver......Page 569
Des marqueurs pour identifier des points spécifiques......Page 570
Et si l’on veut d’autres types de cartes ?......Page 575
Le principe......Page 576
Créer un premier graphique......Page 577
Les données......Page 579
Le type de graphique......Page 584
Les couleurs......Page 586
Mais aussi…......Page 587
Carte ou graphique ? les cartographies......Page 588
Alternatives suivant les besoins......Page 590
Sites......Page 592
Annexes......Page 594
A -  bien baliser votre contenu : xhtml sémantique......Page 596
Pour le site et ses propriétaires......Page 597
Règles syntaxiques et sémantiques......Page 598
La dtd et le prologue......Page 600
Le balisage sémantique......Page 601
Balises structurelles......Page 602
Balises sémantiques......Page 603
Balises de liaison......Page 605
Balises de présentation......Page 606
Balises de formulaires et d’interaction......Page 608
Balises dépréciées......Page 609
Attributs incontournables......Page 610
Un formulaire complexe mais impeccable......Page 611
Un tableau de données à en-têtes groupés......Page 618
Un didacticiel technique......Page 620
Sites......Page 623
B - aspect irréprochable et flxible : css 2.1......Page 626
Prise en charge actuelle......Page 627
Le jargon css......Page 628
Le sens de la cascade......Page 629
Calcul de la spécificité d’une règl......Page 630
L’héritage......Page 631
Les modèles de boîte et de mise en forme visuelle......Page 632
Unités absolues et relatives......Page 633
Marge, bordure et espacement......Page 635
Fusion des marges......Page 636
Le modèle w3c et le modèle microsoft......Page 637
Tour d’horizon des sélecteurs......Page 638
Pseudo-éléments......Page 639
De l’art de réaliser des css légères......Page 640
Propriétés de formatage visuel : positionnement, largeur, hauteur, baseline......Page 641
Propriétés de contenu généré automatiquement......Page 642
Propriétés de pagination......Page 643
Propriétés de gestion de la police de caractères......Page 644
Tout spécifier d’un coup !......Page 645
L’espacement dans le corps du texte......Page 647
Propriétés de l’interface utilisateur......Page 648
Sites......Page 649
C -  le « plus » de l’expert : savoir lire une spécificatio......Page 650
« on m’a dit que là-dessus, c’est toi qui sais tout » : l’expertise......Page 651
Les grammaires formelles de langages à balises : dtd et schémas xml......Page 652
Url et raccourcis......Page 653
Structure générale d’une recommandation......Page 654
Recours à des syntaxes formelles......Page 658
Les descriptions de propriétés css......Page 660
Les descriptions de propriétés et méthodes dom......Page 661
Déchiffrer une dtd......Page 663
Naviguer dans un schéma xml......Page 667
Format général d’une rfc......Page 670
Structure générale d’une rfc......Page 672
Vos spécifications phaes......Page 674
D -  développer avec son navigateur web......Page 676
Vider le cache......Page 677
Configuer le cache......Page 678
Firebug......Page 679
Web developer toolbar......Page 681
Les trésors du menu développement caché dans safari......Page 684
Msie 6-7 et la internet explorer developer toolbar......Page 691
Msie 8b1 et son outil de développement intégré......Page 692
Opera et ses nouveaux outils de développement......Page 695
Jquery......Page 698
Yui (yahoo! user interface)......Page 699
Dojo......Page 700
Ext js......Page 701
Base2......Page 702
Mootools......Page 703
Gwt......Page 704
Asp.net ajax (ex-atlas)......Page 705
La vraie fausse question de la taille…......Page 706
A......Page 708
C......Page 709
E......Page 710
J......Page 711
P......Page 712
S......Page 716
W......Page 717
Y......Page 718