1. Livres et vidéos
  2. Les API JavaScript du HTML5 - Intégrez la puissance du HTML5 dans vos applications Web - Version en ligne

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web - Version en ligne

  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7

Présentation

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.


Les chapitres du livre :
Avant-propos – Présentation – L'API Selectors – La géolocalisation – Le stockage de données en local – L'API Web SQL Database – L'API Indexed Database – L'édition de contenu (contentEditable) – Le mode déconnecté (offline) – Manipuler l'historique du navigateur – Le glisser/déposer (drag/drop) – La sélection de fichiers – L'API Web Messaging – Le JavaScript en toile de fond – L'API WebSocket – L'API de dessin

Table des matières

  • Présentation
    • 1. Le Html5
    • 2. Les API JavaScript du Html5 de cet ouvrage
    • 3. Les futures API JavaScript
    • 4. Les pré-requis
    • 5. Les navigateurs de notre étude
    • 6. Les outils pour notre étude
    • 7. Les outils de développement et de débogage
  • L'API Selectors
    • 1. Présentation de l'API
    • 2. Disponibilité de l'API
    • 3. Les sélecteurs CSS
    • 4. Sélectionner par le nom d'une classe CSS (getElementsByClassName)
    • 5. Sélectionner le premier élément d'un ensemble (querySelector)
    • 6. Sélectionner un ensemble d'éléments (querySelectorAll)
  • La géolocalisation
    • 1. Présentation et enjeux
    • 2. Disponibilité de l'API
    • 3. Obtenir la localisation de l'utilisateur
    • 4. Gérer les erreurs de la localisation
    • 5. Options de la localisation
    • 6. Convertir les coordonnées décimales en sexagésimales
    • 7. Application liée à Google Maps
    • 8. Suivre les déplacements
    • 9. Protection de la vie privée
  • Le stockage de données en local
    • 1. Présentation, importance et enjeux
    • 2. Stockage temporaire ou persistant
      • 2.1 Le stockage temporaire
      • 2.2 Le stockage persistant
    • 3. Disponibilité de l'API
    • 4. Le stockage persistant (localStorage)
      • 4.1 Ajouter une valeur
      • 4.2 Reprendre une valeur stockée
      • 4.3 Modifier une valeur stockée
      • 4.4 Supprimer une valeur stockée
      • 4.5 Supprimer toutes les valeurs stockées
      • 4.6 Application finale
    • 5. Le stockage temporaire (sessionStorage)
      • 5.1 Ajouter une valeur
      • 5.2 Reprendre une valeur stockée
      • 5.3 Modifier une valeur stockée
      • 5.4 Supprimer une valeur stockée
      • 5.5 Supprimer toutes les valeurs stockées
      • 5.6 Application finale
    • 6. Les événements de l'objet Storage
  • L’API Web SQL Database
    • 1. Présentation et enjeux
    • 2. Disponibilité de l'API
    • 3. Créer une base de données
    • 4. Créer une table de données
    • 5. Ajouter, sélectionner et afficher des données
      • 5.1 Méthode statique
      • 5.2 Méthode dynamique
    • 6. Supprimer des données
    • 7. Modifier des données
    • 8. Supprimer une table de données
    • 9. Application finale
    • 10. Le futur de Web SQL Database
  • L’API Indexed Database
    • 1. Présentation et enjeux
    • 2. Disponibilité de l'API
    • 3. Créer une base de données
    • 4. Créer un Object Store
    • 5. Ajouter, sélectionner et afficher des données
    • 6. Supprimer des données
    • 7. Mettre à jour des données
    • 8. Supprimer l'Object Store
    • 9. Application finale
  • L'édition de contenu (contentEditable)
    • 1. Présentation et enjeux
    • 2. Disponibilité
    • 3. Rendre un élément éditable
      • 3.1 L'attribut contentEditable
      • 3.2 L'attribut designMode
      • 3.3 L'attribut spellcheck
    • 4. Signaler les zones éditables
    • 5. Les commandes de l'API
    • 6. Sauvegarder les modifications avec l'API Storage
  • Le mode déconnecté (offline)
    • 1. Présentation et enjeux
    • 2. Disponibilité de l'API
    • 3. Le fichier de mise en cache (manifest)
    • 4. Gérer le cache
      • 4.1 Les statuts
      • 4.2 Les événements
      • 4.3 Application
    • 5. Mise à jour des données en cache
      • 5.1 La méthode update
      • 5.2 La méthode swapCache
  • Manipuler l'historique du navigateur
    • 1. Présentation et utilité
    • 2. Disponibilité de l'API
    • 3. Introduire de nouvelles entrées dans l'historique
    • 4. Les événements liés aux changements dans l'historique
    • 5. Modifier une entrée de l'historique
    • 6. Application finale
  • Le glisser/déposer (drag/drop)
    • 1. Présentation, enjeux et précautions
    • 2. Disponibilité de l'API
    • 3. Définition de l'objet déplaçable
      • 3.1 L'attribut draggable
      • 3.2 L'objet dataTransfer
      • 3.3 La propriété effectAllowed
      • 3.4 Les méthodes setData et getData
    • 4. Les événements de l'objet déplaçable (drag)
    • 5. Un premier exemple de déplacement
    • 6. Les événements de l'objet déplaçable (drop)
    • 7. Définition de la zone de drop
    • 8. Une application finale
  • La sélection de fichiers
    • 1. Présentation et utilité
    • 2. Disponibilité de l'API
    • 3. Sélection de fichiers par un formulaire
    • 4. Sélection de fichiers par glisser/déposer
    • 5. Application finale
  • L’API Web Messaging
    • 1. Présentation et utilité
    • 2. Disponibilité de l'API
    • 3. Poster un message (postMessage)
      • 3.1 Dans le même domaine
      • 3.2 Dans un autre domaine
    • 4. Considérations de sécurité
  • Le JavaScript en toile de fond
    • 1. Présentation et utilité
    • 2. Disponibilité de l'API
    • 3. Initier un script en tâche de fond
    • 4. Limitations des scripts Workers
    • 5. Communiquer avec le script Workers (postMessage)
    • 6. Terminer un script en tâche de fond
    • 7. Une application finale
  • L'API WebSocket
    • 1. Présentation, enjeux et questionnement
    • 2. Disponibilité de l'API
      • 2.1 Côté client
      • 2.2 Côté serveur
    • 3. Les événements et les méthodes
    • 4. Applications
  • L'API de dessin
    • 1. Présentation et enjeux
    • 2. Disponibilité de l'API
    • 3. Définir la zone de dessin
    • 4. Les formes géométriques
      • 4.1 Le rectangle
      • 4.2 Ajouter de la couleur
      • 4.3 La ligne droite
      • 4.4 Les arcs, les cercles et autres formes
      • 4.5 Ajouter un dégradé de couleur
      • 4.6 Ajouter de la transparence
      • 4.7 Composer des formes multiples
      • 4.8 Positionner de façon dynamique
      • 4.9 Enregistrement et restauration de paramètres
    • 5. Le texte
      • 5.1 Le texte simple
      • 5.2 La taille et la police de caractères
      • 5.3 La couleur du texte
      • 5.4 L'alignement du texte
      • 5.5 Ajouter de l'ombre
      • 5.6 Ajouter du texte plus long
      • 5.7 Ajouter des effets spéciaux
    • 6. Les images
      • 6.1 Ajouter une image
      • 6.2 Redimensionner une image
      • 6.3 La rotation d'image
      • 6.4 Couper une image
      • 6.5 Sauvegarder un canevas comme une image
    • 7. Les animations
      • 7.1 Préalable à l'animation
      • 7.2 L'API requestAnimFrame pour les animations
      • 7.3 Déplacement linéaire
      • 7.4 Déplacement linéaire alternatif
      • 7.5 Déclencher une animation
    • Index

Auteur

Luc VAN LANCKEREn savoir plus

Dès les débuts d'Internet, Luc VAN LANCKER, enthousiasmé par l'idée de communication universelle que véhiculait ce concept, s'est complètement investi dans ce domaine. C'est un formateur passionné, très au fait des nouvelles technologies liées au web et grand pédagogue. Luc Van Lancker est auteur aux Editions ENI de livres sur HTML 4 et 5, jQuery, XHTML, AJAX... dans différentes collections.

Caractéristiques

  • Niveau Confirmé à Expert
  • Parution juin 2012
    • HTML
    • ISBN : 978-2-7460-0747-7
    • EAN : 9782746074767
    • Ref. ENI : LNEI5APHT

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (231 Ko)