|
| Titre : | jQuery : le framework JavaScript du Web 2.0 | | Type de document : | texte imprime | | Auteurs : | Luc Van Lancker | | Mention d'édition : | 3e éd | | Editeur : | St-Herblain : Éd. ENI | | Année de publication : | cop. 2014 | | Collection : | Expert IT, ISSN 1958-9913 | | Importance : | 508 p. | | Présentation : | ill., couv. ill. en coul. | | Format : | 21 cm | | ISBN/ISSN/EAN : | 978-2-7460-8917-4 | | Note générale : | Index | | Langues : | Français | | Mots-clés : | jQuery (plate-forme informatique) JavaScript (langage de programmation) Sites Web | | Résumé : |
Ce livre sur jQuery s'adresse à des experts ou des candidats experts dans la création de sites Web. La connaissance, sinon la maîtrise du JavaScript, des feuilles de style CSS, du DOM et de l'AJAX sont des pré-requis indispensables à la compréhension et à la mise en pratique de cet ouvrage. Dans ce livre, l'auteur a privilégié une approche structurée et progressive. Chaque thème de jQuery est illustré par un exemple avant de passer à une mise en pratique sur des applications plus pointues. Cette nouvelle édition du livre coïncide avec une évolution majeure du framework jQuery. La version jQuery 2.0 se caractérise par une taille réduite de l'API afin d'en accélérer le chargement ; de nombreuses méthodes disparaissent et des fonctions sont modifiées. Les lecteurs qui désirent s'initier à jQuery partiront ainsi avec une librairie retravaillée dont les principes resteront d'actualité de nombreuses années. Pour les développeurs qui utilisent une version plus ancienne de jQuery et qui souhaitent migrer vers cette nouvelle version, l'auteur attire leur attention tout au long du livre sur les pièges qu'ils pourraient rencontrer lors cette migration. Après une présentation du framework, un chapitre est consacré aux sélecteurs, qui non seulement illustrent la diversité de jQuery pour atteindre aisément n'importe quel élément de la page mais qui sont aussi un concept essentiel dans l'apprentissage de jQuery. Dans les chapitres suivants le lecteur découvre les éléments d'interactivité apportés par jQuery ; d'abord par la manipulation des attributs (ajout, modification ou suppression à la volée) puis par l'application aux feuilles de style CSS. Suivent les événements classiques du JavaScript mais surtout ceux apportés par jQuery. Après la présentation des effets visuels aussi nombreux qu'originaux, l'étude du DOM et de l'AJAX revisité par jQuery est longuement détaillée. Le chapitre final passe en revue quelques-uns des nombreux plug-ins développés par la communauté jQuery qui permettent d'apporter, en quelques lignes de code, des effets pour le moins spectaculaires. Sa lecture terminée, le lecteur sera à même de développer des applications web plus interactives, plus riches et plus innovantes, le tout avec une facilité d'écriture du JavaScript insoupçonnée. Des éléments complémentaires sont disponibles en téléchargement sur le site www.editions-eni.fr. | | Note de contenu : |
Avant-propos
Chapitre 1 Démarrer avec jQuery
1. Le retour du JavaScript 11
2. Présentation de jQuery 12
3. Les points forts de jQuery 13
4. jQuery 2.0 ou jQuery 1.10 15
5. Mise en place de jQuery 16
6. Initier un script jQuery 18
7. Une première application jQuery 20
8. La documentation relative à jQuery 26
9. Outils de développement et de débogage 27
Chapitre 2 Les sélecteurs en jQuery
1. Introduction 31
2. Les sélecteurs de base 31
2.1 Sélection par l'identifiant 32
2.2 Sélection par le nom de la balise 33
2.3 Sélection par la classe 35
3. Les sélecteurs hiérarchiques 37
3.1 Sélection des descendants 37
3.2 Sélection des enfants 38
3.3 Sélection des frères suivants 40
3.4 Sélection de l'élément suivant 42
4. Les filtres jQuery de base 43
4.1 Le premier élément 43
4.2 Le dernier élément 45
4.3 Les éléments pairs 46
4.4 Les éléments impairs 48
4.5 Un élément déterminé 49
4.6 Les éléments suivants 50
4.7 Les éléments précédents 52
4.8 Les balises de titre 53
4.9 Exclusion d'un élément 55
4.10 Les éléments selon le type 56
5. Les filtres enfants 58
5.1 Le premier enfant 58
5.2 Le dernier enfant 59
5.3 Le énième enfant 61
5.4 Les enfants pairs et impairs 63
5.5 Les enfants uniques 64
6. Les filtres de contenu 66
6.1 Un texte donné 66
6.2 Un contenu vide 67
6.3 La qualité de parent 69
6.4 Un sélecteur déterminé 70
7. Les filtres de visibilité 72
7.1 Élément visible 72
7.2 Élément caché 73
8. Les filtres d'attribut 75
8.1 L'attribut 76
8.2 L'attribut avec une certaine valeur 77
8.3 L'attribut qui n'a pas une certaine valeur 78
8.4 L'attribut dont la valeur commence par 80
8.5 L'attribut dont la valeur finit par 81
8.6 L'attribut dont la valeur contient 83
8.7 Les filtres multiples d'attribut 84
9. Les sélecteurs et filtres de formulaires 86
10. Les sélecteurs et les caractères spéciaux 86
Chapitre 3 Manipuler les attributs et les propriétés
1. Introduction 87
2. Ajouter ou supprimer une classe 87
3. Vérifier la présence d'une classe 92
4. Basculer entre deux classes 95
5. Connaître la valeur d'un attribut 99
6. Ajouter un attribut et sa valeur 102
7. Ajouter plusieurs attributs et leurs valeurs 106
8. Supprimer un attribut 109
9. Connaître l'attribut value 111
10. Modifier l'attribut value 115
11. Connaître la propriété d'un élément 117
12. Modifier la propriété d'un élément 120
13. Supprimer la propriété d'un élément 122
Chapitre 4 Manipuler les feuilles de style CSS
1. Introduction 125
2. Accéder à une propriété de style 125
3. Modifier les propriétés de style 130
4. Attribuer des propriétés de style 134
5. Le dimensionnement 138
6. Le positionnement 142
7. Applications 148
7.1 Redimensionner la taille des caractères 148
7.2 Zoom sur image avec une légende 152
7.3 Une infobulle avec jQuery 158
Chapitre 5 Les événements
1. Introduction 165
2. Les gestionnaires d'événements 165
2.1 Au clic de la souris 165
2.2 Au double clic 167
2.3 Le focus 169
2.4 La perte du focus 171
2.5 La barre de défilement 173
2.6 Le bouton de la souris 175
2.7 Le déplacement du curseur 178
2.8 L'entrée et la sortie du curseur 180
2.9 Soumettre une requête 188
2.10 Les autres événements 190
3. Méthodes ou gestionnaires d'événements avancés 191
3.1 Lier un événement à un objet (on) 191
3.2 Lier un événement à un objet (bind) 194
3.3 Déléguer un événement 196
3.4 Exécuter une fonction une seule fois 198
3.5 Déclencher un événement particulier 200
3.6 Au survol de la souris 202
4. Applications 206
4.1 Un menu décalé 206
4.2 Zoom sur vignette 209
Chapitre 6 Les effets
1. Introduction 215
2. Afficher et cacher 216
2.1 Afficher et cacher du texte 217
2.2 Dérouler des listes imbriquées 221
3. Glisser verticalement 227
3.1 Faire glisser une division 228
3.2 Un menu déroulant vertical 231
4. Réaliser un effet de fondu 235
4.1 Une apparition et disparition progressive 236
4.2 Jouer sur l'opacité 239
5. Basculer d'un effet à l'autre 243
5.1 Illustration du basculement 245
5.2 Un menu accordéon 247
6. Différer un effet 252
7. Créer une animation 254
7.1 Une animation sur une division 256
7.2 Une animation évoluée 259
7.3 Un effet original au survol de la souris 263
Chapitre 7 Traverser le DOM
1. Introduction 267
2. Trouver les enfants 269
3. Trouver les parents directs 271
4. Trouver tous les parents 274
5. Trouver les parents jusqu'à 276
6. Trouver les frères 278
7. Trouver le frère précédent 280
8. Trouver les frères précédents 283
9. Trouver les frères précédents jusqu'à 285
10. Trouver le frère suivant 287
11. Trouver les frères suivants 289
12. Trouver les frères suivants jusqu'à 291
13. Trouver le contenu 294
14. Trouver certains parents 296
15. Trouver certains descendants 298
16. Ajouter des éléments à la sélection 301
17. Une loupe pour agrandir les vignettes 303
Chapitre 8 Manipuler le DOM
1. Introduction 307
2. Modifier le contenu 307
3. Insérer à l'intérieur 312
3.1 Première méthode 312
3.2 Seconde méthode 316
4. Insérer à l'extérieur 320
5. Entourer un élément 324
6. Remplacer un élément 329
7. Enlever un élément 332
7.1 Supprimer un élément 332
7.2 Vider un élément 336
8. Copier un élément 340
9. Quelques applications 343
9.1 Ajouter un pied de page et des liens de retour 343
9.2 Ajouter et enlever des éléments d'une liste 348
9.3 Ajouter une icône aux liens externes 351
Chapitre 9 Filtrer le DOM
1. Introduction 353
2. Le filtrage des éléments du DOM 353
2.1 Par une expression 353
2.2 Par une fonction 358
3. Trouver un élément déterminé 362
4. Trouver une séquence d'éléments 366
5. Trouver un élément selon un critère 370
6. Réduire au premier élément 374
7. Réduire au dernier élément 375
8. Réduire à un élément déterminé 376
9. Supprimer un élément 378
10. Former un tableau (Array) d'éléments 382
11. Applications 384
11.1 Filtrer une liste 384
11.2 Filtrer une liste selon deux critères 389
11.3 Une navigation par onglets 395
Chapitre 10 Ajax vu par jQuery
1. Introduction 401
2. Les requêtes AJAX raccourcies 402
2.1 Charger un fichier 402
2.2 Ne charger qu'en cas de modification 406
2.3 Charger selon la méthode GET ou POST 407
2.4 Charger un script 411
3. La requête Ajax complète 413
4. Définir une requête par défaut 420
5. Les événements associés à la requête 421
5.1 ajaxSend() 421
5.2 ajaxStart() 424
5.3 ajaxStop() 425
5.4 ajaxSuccess() 426
5.5 ajaxComplete() 427
5.6 ajaxError() 428
6. Les fonctions différées 429
7. Sérialiser les données 438
8. Applications 443
8.1 Une icône de chargement 443
8.2 Un lexique en Ajax 448
Chapitre 11 Quelques méthodes utilitaires
1. Introduction 457
2. Éviter les conflits 457
3. Itérations en jQuery 459
4. Stocker et reprendre des données 462
5. Retrouver un élément du DOM 464
6. Rechercher un élément donné 467
7. Connaître le nombre d'éléments 468
8. Convertir en Array les éléments trouvés 470
Chapitre 12 Les formulaires
1. Introduction 473
2. Les sélecteurs de formulaires 473
3. Les filtres de sélection 478
3.1 Les éléments cochés 478
3.2 Les éléments sélectionnés 481
4. Applications 484
4.1 Sélectionner toutes les cases à cocher 484
4.2 Confirmer une commande 487
4.3 Un formulaire d'inscription original 490
Chapitre 13 Les plug-ins jQuery
1. Introduction 495
2. Concevoir un plug-in jQuery 495
2.1 Aspects théoriques 495
2.2 Une application pratique 497
3. Utiliser un plug-in jQuery 499
4. Quelques plug-ins 502
4.1 jQuery UI 502
4.1.1 Préalable 502
4.1.2 Installation 503
4.1.3 Le menu avec onglets 504
4.1.4 Le menu en accordéon 505
4.1.5 Les calendriers 507
4.1.6 Les fenêtres de dialogue 509
4.1.7 Les boutons 510
4.1.8 Les infobulles 511
4.1.9 Les curseurs 512
4.1.10 La barre de progression 513
4.1.11 Les compteurs numériques 514
4.1.12 Le glisser/déposer (drag/drop) 515
4.2 Des bordures variées 517
4.3 Des textes arrondis 519
4.4 Des infobulles 520
4.5 Dévoiler les mots de passe 521
4.6 Zoomer sur une image 523
4.7 Agrandir une vignette 525
4.8 Un carrousel d'images 526
4.9 Un menu façon Mac 528
4.10 Des graphiques à partir d'un tableau 529
4.11 Trier un tableau de données 534
Index 539
| | Permalink : | ./index.php?lvl=notice_display&id=14393 |
jQuery : le framework JavaScript du Web 2.0 [texte imprime] / Luc Van Lancker . - 3e éd . - St-Herblain : Éd. ENI, cop. 2014 . - 508 p. : ill., couv. ill. en coul. ; 21 cm. - ( Expert IT, ISSN 1958-9913) . ISBN : 978-2-7460-8917-4 Index Langues : Français | Mots-clés : | jQuery (plate-forme informatique) JavaScript (langage de programmation) Sites Web | | Résumé : |
Ce livre sur jQuery s'adresse à des experts ou des candidats experts dans la création de sites Web. La connaissance, sinon la maîtrise du JavaScript, des feuilles de style CSS, du DOM et de l'AJAX sont des pré-requis indispensables à la compréhension et à la mise en pratique de cet ouvrage. Dans ce livre, l'auteur a privilégié une approche structurée et progressive. Chaque thème de jQuery est illustré par un exemple avant de passer à une mise en pratique sur des applications plus pointues. Cette nouvelle édition du livre coïncide avec une évolution majeure du framework jQuery. La version jQuery 2.0 se caractérise par une taille réduite de l'API afin d'en accélérer le chargement ; de nombreuses méthodes disparaissent et des fonctions sont modifiées. Les lecteurs qui désirent s'initier à jQuery partiront ainsi avec une librairie retravaillée dont les principes resteront d'actualité de nombreuses années. Pour les développeurs qui utilisent une version plus ancienne de jQuery et qui souhaitent migrer vers cette nouvelle version, l'auteur attire leur attention tout au long du livre sur les pièges qu'ils pourraient rencontrer lors cette migration. Après une présentation du framework, un chapitre est consacré aux sélecteurs, qui non seulement illustrent la diversité de jQuery pour atteindre aisément n'importe quel élément de la page mais qui sont aussi un concept essentiel dans l'apprentissage de jQuery. Dans les chapitres suivants le lecteur découvre les éléments d'interactivité apportés par jQuery ; d'abord par la manipulation des attributs (ajout, modification ou suppression à la volée) puis par l'application aux feuilles de style CSS. Suivent les événements classiques du JavaScript mais surtout ceux apportés par jQuery. Après la présentation des effets visuels aussi nombreux qu'originaux, l'étude du DOM et de l'AJAX revisité par jQuery est longuement détaillée. Le chapitre final passe en revue quelques-uns des nombreux plug-ins développés par la communauté jQuery qui permettent d'apporter, en quelques lignes de code, des effets pour le moins spectaculaires. Sa lecture terminée, le lecteur sera à même de développer des applications web plus interactives, plus riches et plus innovantes, le tout avec une facilité d'écriture du JavaScript insoupçonnée. Des éléments complémentaires sont disponibles en téléchargement sur le site www.editions-eni.fr. | | Note de contenu : |
Avant-propos
Chapitre 1 Démarrer avec jQuery
1. Le retour du JavaScript 11
2. Présentation de jQuery 12
3. Les points forts de jQuery 13
4. jQuery 2.0 ou jQuery 1.10 15
5. Mise en place de jQuery 16
6. Initier un script jQuery 18
7. Une première application jQuery 20
8. La documentation relative à jQuery 26
9. Outils de développement et de débogage 27
Chapitre 2 Les sélecteurs en jQuery
1. Introduction 31
2. Les sélecteurs de base 31
2.1 Sélection par l'identifiant 32
2.2 Sélection par le nom de la balise 33
2.3 Sélection par la classe 35
3. Les sélecteurs hiérarchiques 37
3.1 Sélection des descendants 37
3.2 Sélection des enfants 38
3.3 Sélection des frères suivants 40
3.4 Sélection de l'élément suivant 42
4. Les filtres jQuery de base 43
4.1 Le premier élément 43
4.2 Le dernier élément 45
4.3 Les éléments pairs 46
4.4 Les éléments impairs 48
4.5 Un élément déterminé 49
4.6 Les éléments suivants 50
4.7 Les éléments précédents 52
4.8 Les balises de titre 53
4.9 Exclusion d'un élément 55
4.10 Les éléments selon le type 56
5. Les filtres enfants 58
5.1 Le premier enfant 58
5.2 Le dernier enfant 59
5.3 Le énième enfant 61
5.4 Les enfants pairs et impairs 63
5.5 Les enfants uniques 64
6. Les filtres de contenu 66
6.1 Un texte donné 66
6.2 Un contenu vide 67
6.3 La qualité de parent 69
6.4 Un sélecteur déterminé 70
7. Les filtres de visibilité 72
7.1 Élément visible 72
7.2 Élément caché 73
8. Les filtres d'attribut 75
8.1 L'attribut 76
8.2 L'attribut avec une certaine valeur 77
8.3 L'attribut qui n'a pas une certaine valeur 78
8.4 L'attribut dont la valeur commence par 80
8.5 L'attribut dont la valeur finit par 81
8.6 L'attribut dont la valeur contient 83
8.7 Les filtres multiples d'attribut 84
9. Les sélecteurs et filtres de formulaires 86
10. Les sélecteurs et les caractères spéciaux 86
Chapitre 3 Manipuler les attributs et les propriétés
1. Introduction 87
2. Ajouter ou supprimer une classe 87
3. Vérifier la présence d'une classe 92
4. Basculer entre deux classes 95
5. Connaître la valeur d'un attribut 99
6. Ajouter un attribut et sa valeur 102
7. Ajouter plusieurs attributs et leurs valeurs 106
8. Supprimer un attribut 109
9. Connaître l'attribut value 111
10. Modifier l'attribut value 115
11. Connaître la propriété d'un élément 117
12. Modifier la propriété d'un élément 120
13. Supprimer la propriété d'un élément 122
Chapitre 4 Manipuler les feuilles de style CSS
1. Introduction 125
2. Accéder à une propriété de style 125
3. Modifier les propriétés de style 130
4. Attribuer des propriétés de style 134
5. Le dimensionnement 138
6. Le positionnement 142
7. Applications 148
7.1 Redimensionner la taille des caractères 148
7.2 Zoom sur image avec une légende 152
7.3 Une infobulle avec jQuery 158
Chapitre 5 Les événements
1. Introduction 165
2. Les gestionnaires d'événements 165
2.1 Au clic de la souris 165
2.2 Au double clic 167
2.3 Le focus 169
2.4 La perte du focus 171
2.5 La barre de défilement 173
2.6 Le bouton de la souris 175
2.7 Le déplacement du curseur 178
2.8 L'entrée et la sortie du curseur 180
2.9 Soumettre une requête 188
2.10 Les autres événements 190
3. Méthodes ou gestionnaires d'événements avancés 191
3.1 Lier un événement à un objet (on) 191
3.2 Lier un événement à un objet (bind) 194
3.3 Déléguer un événement 196
3.4 Exécuter une fonction une seule fois 198
3.5 Déclencher un événement particulier 200
3.6 Au survol de la souris 202
4. Applications 206
4.1 Un menu décalé 206
4.2 Zoom sur vignette 209
Chapitre 6 Les effets
1. Introduction 215
2. Afficher et cacher 216
2.1 Afficher et cacher du texte 217
2.2 Dérouler des listes imbriquées 221
3. Glisser verticalement 227
3.1 Faire glisser une division 228
3.2 Un menu déroulant vertical 231
4. Réaliser un effet de fondu 235
4.1 Une apparition et disparition progressive 236
4.2 Jouer sur l'opacité 239
5. Basculer d'un effet à l'autre 243
5.1 Illustration du basculement 245
5.2 Un menu accordéon 247
6. Différer un effet 252
7. Créer une animation 254
7.1 Une animation sur une division 256
7.2 Une animation évoluée 259
7.3 Un effet original au survol de la souris 263
Chapitre 7 Traverser le DOM
1. Introduction 267
2. Trouver les enfants 269
3. Trouver les parents directs 271
4. Trouver tous les parents 274
5. Trouver les parents jusqu'à 276
6. Trouver les frères 278
7. Trouver le frère précédent 280
8. Trouver les frères précédents 283
9. Trouver les frères précédents jusqu'à 285
10. Trouver le frère suivant 287
11. Trouver les frères suivants 289
12. Trouver les frères suivants jusqu'à 291
13. Trouver le contenu 294
14. Trouver certains parents 296
15. Trouver certains descendants 298
16. Ajouter des éléments à la sélection 301
17. Une loupe pour agrandir les vignettes 303
Chapitre 8 Manipuler le DOM
1. Introduction 307
2. Modifier le contenu 307
3. Insérer à l'intérieur 312
3.1 Première méthode 312
3.2 Seconde méthode 316
4. Insérer à l'extérieur 320
5. Entourer un élément 324
6. Remplacer un élément 329
7. Enlever un élément 332
7.1 Supprimer un élément 332
7.2 Vider un élément 336
8. Copier un élément 340
9. Quelques applications 343
9.1 Ajouter un pied de page et des liens de retour 343
9.2 Ajouter et enlever des éléments d'une liste 348
9.3 Ajouter une icône aux liens externes 351
Chapitre 9 Filtrer le DOM
1. Introduction 353
2. Le filtrage des éléments du DOM 353
2.1 Par une expression 353
2.2 Par une fonction 358
3. Trouver un élément déterminé 362
4. Trouver une séquence d'éléments 366
5. Trouver un élément selon un critère 370
6. Réduire au premier élément 374
7. Réduire au dernier élément 375
8. Réduire à un élément déterminé 376
9. Supprimer un élément 378
10. Former un tableau (Array) d'éléments 382
11. Applications 384
11.1 Filtrer une liste 384
11.2 Filtrer une liste selon deux critères 389
11.3 Une navigation par onglets 395
Chapitre 10 Ajax vu par jQuery
1. Introduction 401
2. Les requêtes AJAX raccourcies 402
2.1 Charger un fichier 402
2.2 Ne charger qu'en cas de modification 406
2.3 Charger selon la méthode GET ou POST 407
2.4 Charger un script 411
3. La requête Ajax complète 413
4. Définir une requête par défaut 420
5. Les événements associés à la requête 421
5.1 ajaxSend() 421
5.2 ajaxStart() 424
5.3 ajaxStop() 425
5.4 ajaxSuccess() 426
5.5 ajaxComplete() 427
5.6 ajaxError() 428
6. Les fonctions différées 429
7. Sérialiser les données 438
8. Applications 443
8.1 Une icône de chargement 443
8.2 Un lexique en Ajax 448
Chapitre 11 Quelques méthodes utilitaires
1. Introduction 457
2. Éviter les conflits 457
3. Itérations en jQuery 459
4. Stocker et reprendre des données 462
5. Retrouver un élément du DOM 464
6. Rechercher un élément donné 467
7. Connaître le nombre d'éléments 468
8. Convertir en Array les éléments trouvés 470
Chapitre 12 Les formulaires
1. Introduction 473
2. Les sélecteurs de formulaires 473
3. Les filtres de sélection 478
3.1 Les éléments cochés 478
3.2 Les éléments sélectionnés 481
4. Applications 484
4.1 Sélectionner toutes les cases à cocher 484
4.2 Confirmer une commande 487
4.3 Un formulaire d'inscription original 490
Chapitre 13 Les plug-ins jQuery
1. Introduction 495
2. Concevoir un plug-in jQuery 495
2.1 Aspects théoriques 495
2.2 Une application pratique 497
3. Utiliser un plug-in jQuery 499
4. Quelques plug-ins 502
4.1 jQuery UI 502
4.1.1 Préalable 502
4.1.2 Installation 503
4.1.3 Le menu avec onglets 504
4.1.4 Le menu en accordéon 505
4.1.5 Les calendriers 507
4.1.6 Les fenêtres de dialogue 509
4.1.7 Les boutons 510
4.1.8 Les infobulles 511
4.1.9 Les curseurs 512
4.1.10 La barre de progression 513
4.1.11 Les compteurs numériques 514
4.1.12 Le glisser/déposer (drag/drop) 515
4.2 Des bordures variées 517
4.3 Des textes arrondis 519
4.4 Des infobulles 520
4.5 Dévoiler les mots de passe 521
4.6 Zoomer sur une image 523
4.7 Agrandir une vignette 525
4.8 Un carrousel d'images 526
4.9 Un menu façon Mac 528
4.10 Des graphiques à partir d'un tableau 529
4.11 Trier un tableau de données 534
Index 539
| | Permalink : | ./index.php?lvl=notice_display&id=14393 |
|  |
jQuery (cop. 2014)
