|
| Titre : | LES API JavaScript du HTML5 : intégrez la puissance du HTML5 dans vos applications Web | | Type de document : | texte imprime | | Auteurs : | Luc Van Lancker | | Editeur : | Saint-Herblain : Éd. ENI | | Année de publication : | cop. 2012 | | Collection : | Expert IT, ISSN 1958-9913 | | Importance : | 509 p | | Présentation : | ill., couv. ill. en coul. | | Format : | 21cm | | ISBN/ISSN/EAN : | 978-2-7460-7410-1 | | Note générale : | Index p.497-509 | | Langues : | Français | | Catégories : | Langage de programmation
| | Mots-clés : | Interfaces de programmation d'applications HTML (langage de balisage) JavaScript (langage de programmation) Sites Web:conception | | Index. décimale : | 005.1 Programmation | | Résumé : |
Ce livre s'adresse aux développeurs de pages et applications Web désireux de tirer pleinement parti des API JavaScript du HTML5. L'auteur propose une exploration de ces nombreuses API JavaScript, certaines pleinement opérationnelles, d'autres encore en phase de développement. Le HTML5 étant une évolution de portée considérable qui modifie totalement la conception des pages ou applications Web, l'auteur a veillé à adopter une approche pragmatique et explicative, illustrée de nombreux exemples et captures d'écran. L'objectif du livre est double ; tout d'abord, permettre au lecteur d'intégrer dans ses applications, certaines de ces API comme la géolocalisation, le dessin en 2D, le stockage de données en local ou pourquoi pas une base de données, ensuite, de faire découvrir l'énorme impulsion que vont créer ces API JavaScript qui seront dans leur globalité une véritable plateforme de développement d'applications Html5. Les différents chapitres du livre détaillent en particulier : l'API Selectors qui remédie aux lacunes du JavaScript traditionnel dans la sélection des éléments du DOM - la plus médiatique du moment, l'API de géolocalisation qui permet de connaître les coordonnées géographiques de l'utilisateur - l'API Storage qui permet de conserver dans le navigateur des données qui pourront être utilisées ultérieurement sans passer par un serveur - l'API Offline élaborée pour permettre aux tablettes et smartphone de continuer à utiliser une application en mode déconnecté suite à une perte de réseau - l'API History qui permet de créer de nouvelles entrées dans l'historique - l'API Drag & Drop qui permet d'utiliser le glisser/déposer en mode natif… Suivent ensuite une série d'API plus limitées comme la sélection de fichiers, la possibilité de transmettre des informations entre différentes fenêtres ou balises iframe localisées sur le même domaine ou des domaines différents, l'exécution de scripts en arrière-plan et l'API WebSocket qui permet d'ouvrir une connexion bi-directionnelle permanente entre le client et le serveur. Enfin, l'API Canvas qui permet le dessin 2D directement dans la page sans passer par des images. Des éléments complémentaires sont en téléchargement sur www.editions-eni.fr. | | Note de contenu : |
Avant-propos
Chapitre 1
Présentation
1. Le Html5 9
2. Les API JavaScript du Html5 de cet ouvrage 10
3. Les futures API JavaScript 15
4. Les pré-requis 17
5. Les navigateurs de notre étude 17
6. Les outils pour notre étude 19
7. Les outils de développement et de débogage 20
Chapitre 2
L'API Selectors
1. Présentation de l'API 23
2. Disponibilité de l'API 24
3. Les sélecteurs CSS 26
4. Sélectionner par le nom d'une classe CSS (getElementsByClassName) 29
5. Sélectionner le premier élément d'un ensemble (querySelector) 34
6. Sélectionner un ensemble d'éléments (querySelectorAll) 39
Chapitre 3
La géolocalisation
1. Présentation et enjeux 51
2. Disponibilité de l'API 52
3. Obtenir la localisation de l'utilisateur 54
4. Gérer les erreurs de la localisation 57
5. Options de la localisation 60
6. Convertir les coordonnées décimales en sexagésimales 62
7. Application liée à Google Maps 65
8. Suivre les déplacements 70
9. Protection de la vie privée 72
Chapitre 4
Le stockage de données en local
1. Présentation, importance et enjeux 83
2. Stockage temporaire ou persistant 85
2.1 Le stockage temporaire 85
2.2 Le stockage persistant 89
3. Disponibilité de l'API 93
4. Le stockage persistant (localStorage) 98
4.1 Ajouter une valeur 98
4.2 Reprendre une valeur stockée 102
4.3 Modifier une valeur stockée 106
4.4 Supprimer une valeur stockée 107
4.5 Supprimer toutes les valeurs stockées 111
4.6 Application finale 115
5. Le stockage temporaire (sessionStorage) 119
5.1 Ajouter une valeur 119
5.2 Reprendre une valeur stockée 123
5.3 Modifier une valeur stockée 126
5.4 Supprimer une valeur stockée 127
5.5 Supprimer toutes les valeurs stockées 131
5.6 Application finale 134
6. Les événements de l'objet Storage 140
Chapitre 5
L'API Web SQL Database
1. Présentation et enjeux 145
2. Disponibilité de l'API 149
3. Créer une base de données 152
4. Créer une table de données 156
5. Ajouter, sélectionner et afficher des données 159
5.1 Méthode statique 159
5.2 Méthode dynamique 162
6. Supprimer des données 168
7. Modifier des données 172
8. Supprimer une table de données 178
9. Application finale 182
10. Le futur de Web SQL Database 191
Chapitre 6
L'API Indexed Database
1. Présentation et enjeux 193
2. Disponibilité de l'API 195
3. Créer une base de données 198
4. Créer un Object Store 202
5. Ajouter, sélectionner et afficher des données 206
6. Supprimer des données 216
7. Mettre à jour des données 222
8. Supprimer l'Object Store 228
9. Application finale 235
Chapitre 7
L'édition de contenu (contentEditable)
1. Présentation et enjeux 243
2. Disponibilité 244
3. Rendre un élément éditable 247
3.1 L'attribut contentEditable 247
3.2 L'attribut designMode 249
3.3 L'attribut spellcheck 251
4. Signaler les zones éditables 253
5. Les commandes de l'API 255
6. Sauvegarder les modifications avec l'API Storage 263
Chapitre 8
Le mode déconnecté (offline)
1. Présentation et enjeux 269
2. Disponibilité de l'API 275
3. Le fichier de mise en cache (manifest) 279
4. Gérer le cache 289
4.1 Les statuts 289
4.2 Les événements 290
4.3 Application 291
5. Mise à jour des données en cache 294
5.1 La méthode update 294
5.2 La méthode swapCache 295
Chapitre 9
Manipuler l'historique du navigateur
1. Présentation et utilité 297
2. Disponibilité de l'API 300
3. Introduire de nouvelles entrées dans l'historique 302
4. Les événements liés aux changements dans l'historique 307
5. Modifier une entrée de l'historique 314
6. Application finale 317
Chapitre 10
Le glisser / déposer (drag/drop)
1. Présentation, enjeux et précautions 323
2. Disponibilité de l'API 324
3. Définition de l'objet déplaçable 327
3.1 L'attribut draggable 327
3.2 L'objet data Transfer 327
3.3 La propriété effectAllowed 328
3.4 Les méthodes setData et getData 328
4. Les événements de l'objet déplaçable (drag) 329
5. Un premier exemple de déplacement 330
6. Les événements de l'objet déplaçable (drop) 332
7. Définition de la zone de drop 332
8. Une application finale 345
Chapitre 11
La sélection de fichiers
1. Présentation et utilité 351
2. Disponibilité de l'API 353
3. Sélection de fichiers par un formulaire 354
4. Sélection de fichiers par glisser/déposer 359
5. Application finale 363
Chapitre 12
L'API Web Messaging
1. Présentation et utilité 369
2. Disponibilité de l'API 370
3. Poster un message (postMessage) 371
3.1 Dans le même domaine 372
3.2 Dans un autre domaine 379
4. Considérations de sécurité 382
Chapitre 13
Le JavaScript en toile de fond
1. Présentation et utilité 383
2. Disponibilité de l'API 386
3. Initier un script en tâche de fond 388
4. Limitations des scripts Workers 390
5. Communiquer avec le script Workers (postMessage) 391
6. Terminer un script en tâche de fond 397
7. Une application finale 397
Chapitre 14
L'API WebSocket
1. Présentation, enjeux et questionnement 405
2. Disponibilité de l'API 407
2.1 Côté client 407
2.2 Côté serveur 411
3. Les événements et les méthodes 412
4. Applications 413
Chapitre 15
L'API de dessin
1. Présentation et enjeux 423
2. Disponibilité de l'API 423
3. Définir la zone de dessin 425
4. Les formes géométriques 429
4.1 Le rectangle 429
4.2 Ajouter de la couleur 433
4.3 La ligne droite 435
4.4 Les arcs, les cercles et autres formes 443
4.5 Ajouter un dégradé de couleur 447
4.6 Ajouter de la transparence 451
4.7 Composer des formes multiples 453
4.8 Positionner de façon dynamique 458
4.9 Enregistrement et restauration de paramètres 460
5. Le texte 463
5.1 Le texte simple 463
5.2 La taille et la police de caractères 464
5.3 La couleur du texte 465
5.4 L'alignement du texte 467
5.5 Ajouter de l'ombre 469
5.6 Ajouter du texte plus long 470
5.7 Ajouter des effets spéciaux 472
6. Les images 473
6.1 Ajouter une image 473
6.2 Redimensionner une image 477
6.3 La rotation d'image 478
6.4 Couper une image 479
6.5 Sauvegarder un canevas comme une image 482
7. Les animations 484
7.1 Préalable à l'animation 484
7.2 L'API requestAnimFrame pour les animations 484
7.3 Déplacement linéaire 486
7.4 Déplacement linéaire alternatif 490
7.5 Déclencher une animation 492
Index 497 | | Permalink : | ./index.php?lvl=notice_display&id=13854 |
LES API JavaScript du HTML5 : intégrez la puissance du HTML5 dans vos applications Web [texte imprime] / Luc Van Lancker . - Saint-Herblain : Éd. ENI, cop. 2012 . - 509 p : ill., couv. ill. en coul. ; 21cm. - ( Expert IT, ISSN 1958-9913) . ISBN : 978-2-7460-7410-1 Index p.497-509 Langues : Français | Catégories : | Langage de programmation
| | Mots-clés : | Interfaces de programmation d'applications HTML (langage de balisage) JavaScript (langage de programmation) Sites Web:conception | | Index. décimale : | 005.1 Programmation | | Résumé : |
Ce livre s'adresse aux développeurs de pages et applications Web désireux de tirer pleinement parti des API JavaScript du HTML5. L'auteur propose une exploration de ces nombreuses API JavaScript, certaines pleinement opérationnelles, d'autres encore en phase de développement. Le HTML5 étant une évolution de portée considérable qui modifie totalement la conception des pages ou applications Web, l'auteur a veillé à adopter une approche pragmatique et explicative, illustrée de nombreux exemples et captures d'écran. L'objectif du livre est double ; tout d'abord, permettre au lecteur d'intégrer dans ses applications, certaines de ces API comme la géolocalisation, le dessin en 2D, le stockage de données en local ou pourquoi pas une base de données, ensuite, de faire découvrir l'énorme impulsion que vont créer ces API JavaScript qui seront dans leur globalité une véritable plateforme de développement d'applications Html5. Les différents chapitres du livre détaillent en particulier : l'API Selectors qui remédie aux lacunes du JavaScript traditionnel dans la sélection des éléments du DOM - la plus médiatique du moment, l'API de géolocalisation qui permet de connaître les coordonnées géographiques de l'utilisateur - l'API Storage qui permet de conserver dans le navigateur des données qui pourront être utilisées ultérieurement sans passer par un serveur - l'API Offline élaborée pour permettre aux tablettes et smartphone de continuer à utiliser une application en mode déconnecté suite à une perte de réseau - l'API History qui permet de créer de nouvelles entrées dans l'historique - l'API Drag & Drop qui permet d'utiliser le glisser/déposer en mode natif… Suivent ensuite une série d'API plus limitées comme la sélection de fichiers, la possibilité de transmettre des informations entre différentes fenêtres ou balises iframe localisées sur le même domaine ou des domaines différents, l'exécution de scripts en arrière-plan et l'API WebSocket qui permet d'ouvrir une connexion bi-directionnelle permanente entre le client et le serveur. Enfin, l'API Canvas qui permet le dessin 2D directement dans la page sans passer par des images. Des éléments complémentaires sont en téléchargement sur www.editions-eni.fr. | | Note de contenu : |
Avant-propos
Chapitre 1
Présentation
1. Le Html5 9
2. Les API JavaScript du Html5 de cet ouvrage 10
3. Les futures API JavaScript 15
4. Les pré-requis 17
5. Les navigateurs de notre étude 17
6. Les outils pour notre étude 19
7. Les outils de développement et de débogage 20
Chapitre 2
L'API Selectors
1. Présentation de l'API 23
2. Disponibilité de l'API 24
3. Les sélecteurs CSS 26
4. Sélectionner par le nom d'une classe CSS (getElementsByClassName) 29
5. Sélectionner le premier élément d'un ensemble (querySelector) 34
6. Sélectionner un ensemble d'éléments (querySelectorAll) 39
Chapitre 3
La géolocalisation
1. Présentation et enjeux 51
2. Disponibilité de l'API 52
3. Obtenir la localisation de l'utilisateur 54
4. Gérer les erreurs de la localisation 57
5. Options de la localisation 60
6. Convertir les coordonnées décimales en sexagésimales 62
7. Application liée à Google Maps 65
8. Suivre les déplacements 70
9. Protection de la vie privée 72
Chapitre 4
Le stockage de données en local
1. Présentation, importance et enjeux 83
2. Stockage temporaire ou persistant 85
2.1 Le stockage temporaire 85
2.2 Le stockage persistant 89
3. Disponibilité de l'API 93
4. Le stockage persistant (localStorage) 98
4.1 Ajouter une valeur 98
4.2 Reprendre une valeur stockée 102
4.3 Modifier une valeur stockée 106
4.4 Supprimer une valeur stockée 107
4.5 Supprimer toutes les valeurs stockées 111
4.6 Application finale 115
5. Le stockage temporaire (sessionStorage) 119
5.1 Ajouter une valeur 119
5.2 Reprendre une valeur stockée 123
5.3 Modifier une valeur stockée 126
5.4 Supprimer une valeur stockée 127
5.5 Supprimer toutes les valeurs stockées 131
5.6 Application finale 134
6. Les événements de l'objet Storage 140
Chapitre 5
L'API Web SQL Database
1. Présentation et enjeux 145
2. Disponibilité de l'API 149
3. Créer une base de données 152
4. Créer une table de données 156
5. Ajouter, sélectionner et afficher des données 159
5.1 Méthode statique 159
5.2 Méthode dynamique 162
6. Supprimer des données 168
7. Modifier des données 172
8. Supprimer une table de données 178
9. Application finale 182
10. Le futur de Web SQL Database 191
Chapitre 6
L'API Indexed Database
1. Présentation et enjeux 193
2. Disponibilité de l'API 195
3. Créer une base de données 198
4. Créer un Object Store 202
5. Ajouter, sélectionner et afficher des données 206
6. Supprimer des données 216
7. Mettre à jour des données 222
8. Supprimer l'Object Store 228
9. Application finale 235
Chapitre 7
L'édition de contenu (contentEditable)
1. Présentation et enjeux 243
2. Disponibilité 244
3. Rendre un élément éditable 247
3.1 L'attribut contentEditable 247
3.2 L'attribut designMode 249
3.3 L'attribut spellcheck 251
4. Signaler les zones éditables 253
5. Les commandes de l'API 255
6. Sauvegarder les modifications avec l'API Storage 263
Chapitre 8
Le mode déconnecté (offline)
1. Présentation et enjeux 269
2. Disponibilité de l'API 275
3. Le fichier de mise en cache (manifest) 279
4. Gérer le cache 289
4.1 Les statuts 289
4.2 Les événements 290
4.3 Application 291
5. Mise à jour des données en cache 294
5.1 La méthode update 294
5.2 La méthode swapCache 295
Chapitre 9
Manipuler l'historique du navigateur
1. Présentation et utilité 297
2. Disponibilité de l'API 300
3. Introduire de nouvelles entrées dans l'historique 302
4. Les événements liés aux changements dans l'historique 307
5. Modifier une entrée de l'historique 314
6. Application finale 317
Chapitre 10
Le glisser / déposer (drag/drop)
1. Présentation, enjeux et précautions 323
2. Disponibilité de l'API 324
3. Définition de l'objet déplaçable 327
3.1 L'attribut draggable 327
3.2 L'objet data Transfer 327
3.3 La propriété effectAllowed 328
3.4 Les méthodes setData et getData 328
4. Les événements de l'objet déplaçable (drag) 329
5. Un premier exemple de déplacement 330
6. Les événements de l'objet déplaçable (drop) 332
7. Définition de la zone de drop 332
8. Une application finale 345
Chapitre 11
La sélection de fichiers
1. Présentation et utilité 351
2. Disponibilité de l'API 353
3. Sélection de fichiers par un formulaire 354
4. Sélection de fichiers par glisser/déposer 359
5. Application finale 363
Chapitre 12
L'API Web Messaging
1. Présentation et utilité 369
2. Disponibilité de l'API 370
3. Poster un message (postMessage) 371
3.1 Dans le même domaine 372
3.2 Dans un autre domaine 379
4. Considérations de sécurité 382
Chapitre 13
Le JavaScript en toile de fond
1. Présentation et utilité 383
2. Disponibilité de l'API 386
3. Initier un script en tâche de fond 388
4. Limitations des scripts Workers 390
5. Communiquer avec le script Workers (postMessage) 391
6. Terminer un script en tâche de fond 397
7. Une application finale 397
Chapitre 14
L'API WebSocket
1. Présentation, enjeux et questionnement 405
2. Disponibilité de l'API 407
2.1 Côté client 407
2.2 Côté serveur 411
3. Les événements et les méthodes 412
4. Applications 413
Chapitre 15
L'API de dessin
1. Présentation et enjeux 423
2. Disponibilité de l'API 423
3. Définir la zone de dessin 425
4. Les formes géométriques 429
4.1 Le rectangle 429
4.2 Ajouter de la couleur 433
4.3 La ligne droite 435
4.4 Les arcs, les cercles et autres formes 443
4.5 Ajouter un dégradé de couleur 447
4.6 Ajouter de la transparence 451
4.7 Composer des formes multiples 453
4.8 Positionner de façon dynamique 458
4.9 Enregistrement et restauration de paramètres 460
5. Le texte 463
5.1 Le texte simple 463
5.2 La taille et la police de caractères 464
5.3 La couleur du texte 465
5.4 L'alignement du texte 467
5.5 Ajouter de l'ombre 469
5.6 Ajouter du texte plus long 470
5.7 Ajouter des effets spéciaux 472
6. Les images 473
6.1 Ajouter une image 473
6.2 Redimensionner une image 477
6.3 La rotation d'image 478
6.4 Couper une image 479
6.5 Sauvegarder un canevas comme une image 482
7. Les animations 484
7.1 Préalable à l'animation 484
7.2 L'API requestAnimFrame pour les animations 484
7.3 Déplacement linéaire 486
7.4 Déplacement linéaire alternatif 490
7.5 Déclencher une animation 492
Index 497 | | Permalink : | ./index.php?lvl=notice_display&id=13854 |
|  |
Ajouter le résultat dans votre panier Faire une suggestion Affiner la recherche Interroger des sources externesLES API JavaScript du HTML5 / Luc Van Lancker (cop. 2012)
