Aller au contenu

Livre : AJAX – Développez pour le web 2.0

Ce livre s’adresse aux développeurs qui souhaitent découvrir ce qui se cache derrière le terme AJAX Web 2.0 et ce qu’apporte cette nouvelle méthode de conception de sites Web.

ajax-dev-web2

Présentation générale d’AJAX

L’auteur effectue une présentation du concept AJAX.

AJAX est signifie Asynchonous JavaScript And XML (JavaScript et XML asynchrone). Il s’agit d’une approche innovante dans la conception de pages Web pour optimiser l’interactivité et le confort de l’internaute.

AJAX n’est pas une technologie nouvelle, c’est l’utilisation conjointe dans les pages Web de différentes technologies :

  • le Xhtml et les feuilles de style CSS
  • le JavaScript
  • le Document Object Model (DOM)
  • l’objet XMLHttpRequest
  • le XML
  • le XSL

L’auteur donne ensuite plusieurs exemples de sites très connus qui utilise la  technologie AJAX comme Google Maps, Google Suggest, Google Calendar, Google Docs…

Puis, vient ensuite, les avantages et les inconvénients de l’utilisation d’AJAX pour concevoir une application web.

L’environnement de travail

Un chapitre très court, dans lequel, l’auteur vous donne les outils et logiciels requis pour utiliser ce livre et créer des applications reposant sur la technologie AJAX.

Le JavaScript

Ensuite, l’auteur effectue une brève introduction sur le langage JavaScript avec les outils à utiliser pour coder avec ce langage. Il y a quelques exemples de codes et des techniques pour effectuer le debug de votre code JavaScript.

Il y a une partie consacrée aux notions fondamentales de JavaScript comme les commentaires, les constantes, les variables, les opérateurs, le langage objet. Puis, l’auteur vous explique comment créer et utiliser les fonctions, le passage de paramètres, la portée des variables locales et globales, l’instruction return et les méthodes JavaScript de bases (alert, confirm), prompt.

Il y a plusieurs paragraphes, accompagnés d’exemples de code pour vous expliquer l’utilisation des conditions et des boucles (for, while, continue, break). Le gestionnaire d’événements est aussi abordé, c’est à dire, comment utiliser la programmation événementielle de JavaScript (onClick, onFocus, onLoad et onUnLoad, onMouseOver et onMouseOut et onSubmit).

Vous avez également énormément d’informations et d’exemples pratiques pour utiliser une bonne partie des possibilités des formulaires de bases avec JavaScript. Et, vous saurez comment manipuler les chaînes de caractères String et les tableaux (objet Array) en JavaScript. L’auteur vous donne les méthodes et propriétés les plus utilisées comme replace, length, toUpperCase, toLowerCase, LastIndexOf, indexOf pour String.
Mais aussi pour Array : concat(), join(), pop(), reverse(), shift(), slice(), sort().

Cette partie se termine par un panorama sur les objets JavaScript qui vous seront utiles comme Date, Math, navigator, window. Le tout, toujours accompagné d’exemples commentés.

Introduction au XML

L’auteur vous présente le langage XML et en quoi il consiste, avec les différences entre XML, HTML et XHTML. Ensuite, l’auteur, vous explique la syntaxe du XML avec plusieurs exemples détaillées. Puis, vous allez même créer votre premier fichier XML !

Il y a plusieurs paragraphes consacrés au Doctype XML, vous connaîtrez les bases essentielles. Et vous saurez même afficher le contenu d’un fichier XML avec une mise en forme via une feuille de style CSS, pour un rendu très attractif sur une page web.

Puis l’auteur vous donne une autre méthode pour créer un affichage avec un rendu attractif : vous allez utiliser le potentiel du langage XSL.

Vous apprendrez également à afficher du XML dans un fichier XHTML.

Puis les derniers paragraphes vous donnent plusieurs éditeurs XML plus ou moins puissants – les outils que je recommande aux Développeurs de mes Formations ne sont pas cités, c’est vraiment dommage.

Introduction au XSL

Sur le même principe que la partie précédente, vous allez découvrir les bases essentiels pour utiliser le potentiel du langage XSL avec AJAX et vos applications web.

De la même façon, avec des exemples détaillés pas à pas, vous allez créer votre premier document XSL. Et mettre vos nouvelles compétences acquises en pratique avec une mini application web. Et ensuite, vous apprendrez à effectuer des tries de données directement depuis le fichier XSL pour afficher le résultat dans une page web.

Vous saurez aussi comment filtrer des données avec le langage XSL, effectuer des choix en fonction d’un ou plusieurs critères. Le langage XSL reprend le même principe que les conditions if, disponibles dans les langages tels que le C, le PHP, JavaScript… c’est très puissant à utiliser !

Vous apprendrez également comment affecter des styles différents selon plusieurs conditions, par exemple une mise en forme « gras » pour les titres, une mise en forme « italique » pour des commentaires…

Et le dernier paragraphe vous explique comment utiliser, au plus efficace, le logiciel XML Notepad.

Le DOM (Document Object Model)

Dans cette partie, vous allez découvrir une technique vraiment génial : il s’agit du DOM (Document Object Model). C’est à dire, la possibilité de modifier n’importe quel élément d’une page HTML.

L’auteur vous présente donc le DOM, le concept des nœuds (ou node) et toute la hiérarchie qui existe entre les nœuds. Il y a des explications précises qui vous détaillent les propriétés de l’objet Node et leurs utilités.

Ensuite, l’auteur vous donne des informations sur Firefox DOM Inspector, avec une extension très intéressante pour apprendre le DOM plus facilement. DOM Inspector permet aussi d’explorer l’arborescence des nœuds. Il permet, par exemple,  le debug du DOM et de le modifier en direct.

Vous apprendrez les commandes indispensables, pour accéder aux nœuds et aux attributs d’un élément du DOM. Et vous saurez comment modifier la hiérarchisation des éléments d’une page HTML, c’est à dire ajouter un paragraphe ou un élément div, avant ou après une balise de titre par exemple.

L’objet XMLHttpRequest

L’objet XMLHttpRequest est vraiement le pilier de la technologie AJAX.

Il permet d’envoyer des informations via HTTP vers le serveur, de recevoir des réponses et de mettre à jour une partie de la page Web, sans la recharger. Donc de façon totalement transparente pour l’utilisateur.

L’auteur vous explique comment créer un objet XMLHttpRequest et utiliser toutes ses propriétés et méthodes. Et enfin, vous allez effectuer une requête HTTP, c’est à dire envoyer une demande à votre serveur, et récupérer la réponse pour l’afficher sur votre page web.

Cette partie contient également plusieurs paragraphes sur les propriétés et méthodes clés d’AJAX, celle à absolument connaître pour tirer toute la puissance de la technologie AJAX.

L’approche AJAX

C’est une partie que vous allez adorer 😉 entièrement orienté pratique.

A travers plusieurs exemples complets et commentés par l’auteur,  vous allez apprendre comment :

  • Récupérer, analyser et afficher le contenu d’un fichier texte,
  • Récupérer, analyser et afficher le contenu d’un fichier XML,
  • Récupérer, analyser et afficher le contenu d’un fichier XSL.

L’auteur vous donne plusieurs solutions en fonction du navigateur de l’utilisateur.

Par contre, c’est un peu dommage que le code présenté par défaut ne soit pas compatible avec tous les navigateurs. Pour les abonnés de Développement Facile, vous avez reçu avec la formation vidéo gratuite, le code JavaScript compatible avec la majorité des navigateurs (web, mobiles, tablettes…) pour utiliser la technologie AJAX en toute efficacité et sérénité 😉

AJAX par l’exemple

dans cette dernière partie très complète, l’auteur vous donne plusieurs applications simples et commentées pas à pas.

Vous apprendrez toutes les techniques avec la technologie AJAX pour :

  • Créer un carnet d’adresses avec un chargement des informations de l’utilisateur sans recharger la page.
  • Un moteur de recherche de département avec des suggestions en fonction de la saisie de l’utilisateur.
  • Un double menu déroulant renseigné en fonction de la sélection choisie par l’utilisateur.
  • Un mini site web qui charge toutes les pages via la technologie AJAX.
  • Une authentification AJAX par nom d’utilisateur et mot de passe.
  • Un diaporama avec le chargement des images et des commentaires via AJAX.
  • Une prévisualisation de la page sur un survol du lien par la souris de l’utilisateur.
  • Un menu vertical dynamique.

ANNEXES

Dans ce chapitre Annexes, l’auteur vous donne les mots réservés JavaScript à éviter d’utiliser dans votre code.

Et vous avez également une liste de noms à éviter dans les noms de variables. Ces noms sont déjà utilisés par JavaScript : pour les objets, méthodes ou propriétés par le langage JavaScript.

Conclusion

Ce livre conviendra parfaitement aux confirmés en développement JavaScript. Vous allez apprendre comment utiliser efficacement la technologie AJAX avec des fichiers texte, XML et XSL.

L’avantage des chapitres de ce livre est qu’ils sont très détaillés avec plusieurs exemples de code source commentés.

De plus, tous les code source utilisés dans le livre sont disponibles en téléchargement sur le site www.editions-eni.fr.

Cependant un bémol sur le contenu de ce livre : il est beaucoup trop court. Il manque toute une partie sur l’utilisation d’AJAX avec PHP et MySQL pour ajouter du contenu dynamique à vos applications web sans recharger la page. C’est très dommage, de plus, le code JavaScript est un peu basique dans le sens, où vous devrez l’adapter pour le rendre compatible avec la majorité des navigateurs.

Pour apprendre comment créer des sites hyper-interactifs avec vos utilisateurs, regardez cette vidéo de présentation pour devenir Expert JavaScript.

Sinon, avec les informations disponibles dans ce livre, vous avez tout ce qu’il faut pour commencer la création de sites web 2.0 avec des fonctionnalités sympathiques.

Commandez ce Livre AJAX – Développez pour le web 2.0

Commandez sur Amazon le Livre AJAX – Développez pour le web 2.0.

ajax-dev-web2

SOMMAIRE

  • Présentation générale d’AJAX
  • L’environnement de travail
  • Le JavaScript
  • Introduction au XML
  • Introduction au XSL
  • Le DOM (Document Object Model)
  • L’objet XMLHttpRequest
  • L’approche AJAX
  • AJAX par l’exemple
  • ANNEXES

Présentation générale d’AJAX

  • Principe et définition
  • Exemples sur le Web
  • Avantages et inconvénients
  • Évolution ou révolution

L’environnement de travail

  • Pré-requis
  • Limites de ce livre
  • Outils côté-client
  • Outils côté-serveur

Le JavaScript

  • Introduction au JavaScript
  • Notions fondamentales
  • Fonctions et méthodes
  • Conditions et boucles
  • Gestionnaires d’événement
  • Formulaires
  • Manipulation des chaînes de caractères
  • Tableaux en JavaScript (objet Array)
  • Quelques autres objets JavaScript

Introduction au XML

  • Le XML
  • Le XML, le Html et le Xhtml
  • La syntaxe du XML
  • Un premier document XML
  • Le DOCTYPE
  • Afficher le XML avec CSS
  • Afficher le XML avec XSL
  • Afficher du XML dans du Xhtml
  • Des éditeurs XML

Introduction au XSL

  • Le XSL
  • Un premier document XSL
  • Un premier exemple XSL
  • Trier avec le langage XSL
  • Filtrer avec le XSL
  • Choisir avec le XSL
  • Conditions et le XSL
  • Transformation avec le XSL
  • XML Notepad 2007 et le XSL

Le DOM (Document Object Model)

  • Présentation
  • Concept de nœud (node)
  • Hiérarchisation des nœuds
  • Propriétés de l’objet Node
  • Firefox DOM Inspector
  • Particularité de Firefox
  • Accéder aux nœuds
  • Accéder aux attributs
  • Modifier la hiérarchisation

L’objet XMLHttpRequest

  • Présentation
  • Créer un objet XMLHttpRequest
  • Propriétés et méthodes
  • Effectuer une requête
  • Quelques propriétés détaillées
  • Quelques méthodes détaillées

L’approche AJAX

  • Introduction
  • Récupérer et traiter du texte
  • Récupérer et traiter du XML
  • Récupérer et traiter avec XSL

AJAX par l’exemple

  • Un carnet d’adresses
  • Suggestion d’encodage
  • Un double menu déroulant
  • Un menu de navigation
  • Un script de login
  • Un diaporama en AJAX
  • Une prévisualisation de la page
  • Un menu vertical dynamique

ANNEXES

Commandez sur Amazon le Livre AJAX – Développez pour le web 2.0.

ajax-dev-web2

EXCLUSIF : Les 7 Secrets Révélés de JavaScript pour Créer VOS Applications — dès la semaine prochaine !

EXCLUSIF : La formation « JavaScript Facile » OFFERTE pour Créer VOS Applications — dès la semaine prochaine !

EXCLUSIF : Créez VOS Applications JavaScript — en moins de 7 jours grâce à notre formation OFFERTE « JavaScript Facile »

Que diriez-vous de Développer des Applications JavaScript Performantes — dès la semaine prochaine ?

TÉLÉCHARGEZ : Les codes sources du livre « JavaScript Facile » pour Créer VOS Applications — dès la semaine prochaine !

Cliquez ici pour tout recevoir >>