Agence Web : conception et réalisation de site web de nouvelle génération
Par Valérian Lohéac, 15 janvier 2009 à 12:11 - Logiciels et outils en ligne - #69 - rss
Développez en Ajax, quinze exemples de composants réutilisables
Un livre de Michel Plasse
Des applications Web plus réactives et plus riches : Popularisé par des sites innovants tels que les webmails de Google et Yahoo, Google Maps, Flickr, Writely ou NetVibes, Ajax est un ensemble de technologies permettant de construire des applications Web de nouvelle génération, plus réactives et aux interfaces utilisateur plus riches, comparables en fonctionnalité aux applications natives Windows ou Mac OS.
Maîtriser les technologies sous-jacentes et les frameworks Ajax : Après avoir présenté des exemples typiques d'utilisation d'Ajax, cet ouvrage étudie en profondeur les techniques sous-jacentes (CSS et DOM, JavaScript objet, XMLHttpRequest, JSON, XML et XSLT) en les illustrant d'exemples d'applications variées et de complexité croissante. Il présente également plusieurs des frameworks qui facilitent le développement d'applications Ajax, notamment prototype, dojo et script.aculo.us.
Acquérir par l'exemple les meilleures pratiques de développement Ajax : L'ouvrage donne des réponses précises aux questions délicates soulevées par Ajax, notamment la gestion des appels asynchrones (parallélisme et mise en cache), le choix des formats d'échange et les actions Page précédente ou Ajouter aux favoris.
L'auteur souligne l'importance du développement par composants en l'illustrant de quinze exemples facilement réutilisables. Il insiste tout particulièrement sur les bonnes pratiques de conception et montre à travers une étude de cas détaillée, un site de vente en ligne "ajaxifié", comment intégrer Ajax dans l'architecture MVC.
Un livre de Michel Plasse
Des applications Web plus réactives et plus riches : Popularisé par des sites innovants tels que les webmails de Google et Yahoo, Google Maps, Flickr, Writely ou NetVibes, Ajax est un ensemble de technologies permettant de construire des applications Web de nouvelle génération, plus réactives et aux interfaces utilisateur plus riches, comparables en fonctionnalité aux applications natives Windows ou Mac OS.
Maîtriser les technologies sous-jacentes et les frameworks Ajax : Après avoir présenté des exemples typiques d'utilisation d'Ajax, cet ouvrage étudie en profondeur les techniques sous-jacentes (CSS et DOM, JavaScript objet, XMLHttpRequest, JSON, XML et XSLT) en les illustrant d'exemples d'applications variées et de complexité croissante. Il présente également plusieurs des frameworks qui facilitent le développement d'applications Ajax, notamment prototype, dojo et script.aculo.us.
Acquérir par l'exemple les meilleures pratiques de développement Ajax : L'ouvrage donne des réponses précises aux questions délicates soulevées par Ajax, notamment la gestion des appels asynchrones (parallélisme et mise en cache), le choix des formats d'échange et les actions Page précédente ou Ajouter aux favoris.
L'auteur souligne l'importance du développement par composants en l'illustrant de quinze exemples facilement réutilisables. Il insiste tout particulièrement sur les bonnes pratiques de conception et montre à travers une étude de cas détaillée, un site de vente en ligne "ajaxifié", comment intégrer Ajax dans l'architecture MVC.
SOMMAIRE
CHAPITRE 1
Introduction à Ajax ., Qu’est-ce qu’Ajax ? , Mise à jour d’une partie de la page, Communication asynchrone avec le serveur , Techniques mises en oeuvre , Exemples typiques où Ajax est utile , Validation et mise à jour d’une partie de la page, Aide à la saisie, notamment suggestion de saisie, Lecture de flux RSS, Tri, filtrage et réorganisation de données côté client, Édition WYSIWYG de documents , Diaporamas et autres applications documentaires, Débranchement dans un scénario , Visualisation graphique avec SVG , Rafraîchissement d’une branche d’une arborescence , Chargement progressif de données volumineuses , Exemple Ajax simple , Le code côté serveur , Le code côté client , La requête XMLHttpRequest , Développez en Ajax
CHAPITRE 2
Le HTML dynamique , Balises, arbre et boîtes HTML , Les CSS (Cascading Style Sheet) , Les règles CSS 30, Boîtes et dimensions , Afficher/masquer un élément , Les calques et le positionnement des boîtes , DOM (Document Object Model) , Les interfaces DOM , Peupler une liste de suggestions , Positionnement de la liste de suggestions , Récupération de noeuds , DOM Events , Événements reconnus par les navigateurs , Programmation événementielle mais traitement séquentiel , Association d’une réaction à un événement, Ordre des événements , Propagation des événements , Les événements clavier, Les événements liés à la souris
CHAPITRE 3
Les composants JavaScript , Outils d’aide au développement , Fonctionnalités objet de JavaScript , Différences avec Java, Eiffel et C# , Les objets JavaScript , La notation JSON , Les fonctions anonymes, Le mot-clé , Les constructeurs , Les prototypes, Le mécanisme de fermeture , this et les événements, En résumé , Création de composants JavaScript réutilisables , La boîte d’information, Les onglets, Suggestion de saisie
CHAPITRE 4
Communication avec le serveur via XMLHttpRequest , L’objet XMLHttpRequest , Rappels sur HTTP , Instanciation d’une requête XMLHttpRequest , Requêtes synchrones ou asynchrones ? , Cycle de vie de la requête , XMLHttpRequest et la sécurité , Gestion du cache , Les problèmes d’encodage , Les requêtes parallèles , En résumé, Applications exemples , Suggestion de saisie , Mise à jour d’une partie de la page
CHAPITRE 5
Échange de données en XML ou JSON, XML (eXtensible Markup Language) , Documents bien formés , Choix de la structure des données, Le DOM XML , La mise à jour partielle avec XML , JSON (JavaScript Object Notation) , Communication JSON entre JavaScript et PHP, Développez en Ajax X, La mise à jour partielle avec JSON , Comparaison des formats d’échange , Exemple d’application avec les flux RSS , Les formats RSS , Le serveur comme mandataire HTTP, Le composant lecteur de RSS , Affichage du flux , En résumé , XSLT (eXtensible Stylesheet Language Transformations) , XPath , Fonctionnement de XSLT , La syntaxe XSLT, Les espaces de noms , Exemple de transformation XSLT , Exemple d’application de lecteur RSS avec XSLT , Le composant XSLView, La transformation XSLT, La page HTML
CHAPITRE 6
Les « frameworks » Ajax , Boîtes à outils, bibliothèques et frameworks , Les bibliothèques JavaScript, prototype.js , Fonctions et objets utilitaires , Encapsulation et extensions de DOM , Les appels XMLHttpRequest, script.aculo.us, rico , dojo , Fonctions et objets utilitaires , Encapsulation et extensions de DOM , Les appels Ajax , Les widgets , Édition WYSIWYG ., En résumé , Yahoo User Interface
CHAPITRE 7
Les applications Ajax et Web 2.0, Questions fonctionnelles soulevées par Ajax , Single Page Application, ou navigation classique ? , Historique d’une session utilisateur , L’action Page précédente , L’action Ajouter aux favoris , L’historique de navigation en dojo , Architecture des applications Web, Étude de cas : application de vente en ligne, Fonctionnalités à porter en Ajax, Portage du panier en Ajax , Conception du panier en Ajax , Gestion du panier côté serveur , Gestion du panier côté client , Affichage des produits , Vue du panier sous forme de tableau , Couleurs système prédéfinies dans les CSS , Statut des réponses HTTP , L’objet XMLHttpRequest
Pour acheter le livre sur la Fnac : Fnac
CHAPITRE 1
Introduction à Ajax ., Qu’est-ce qu’Ajax ? , Mise à jour d’une partie de la page, Communication asynchrone avec le serveur , Techniques mises en oeuvre , Exemples typiques où Ajax est utile , Validation et mise à jour d’une partie de la page, Aide à la saisie, notamment suggestion de saisie, Lecture de flux RSS, Tri, filtrage et réorganisation de données côté client, Édition WYSIWYG de documents , Diaporamas et autres applications documentaires, Débranchement dans un scénario , Visualisation graphique avec SVG , Rafraîchissement d’une branche d’une arborescence , Chargement progressif de données volumineuses , Exemple Ajax simple , Le code côté serveur , Le code côté client , La requête XMLHttpRequest , Développez en Ajax
CHAPITRE 2
Le HTML dynamique , Balises, arbre et boîtes HTML , Les CSS (Cascading Style Sheet) , Les règles CSS 30, Boîtes et dimensions , Afficher/masquer un élément , Les calques et le positionnement des boîtes , DOM (Document Object Model) , Les interfaces DOM , Peupler une liste de suggestions , Positionnement de la liste de suggestions , Récupération de noeuds , DOM Events , Événements reconnus par les navigateurs , Programmation événementielle mais traitement séquentiel , Association d’une réaction à un événement, Ordre des événements , Propagation des événements , Les événements clavier, Les événements liés à la souris
CHAPITRE 3
Les composants JavaScript , Outils d’aide au développement , Fonctionnalités objet de JavaScript , Différences avec Java, Eiffel et C# , Les objets JavaScript , La notation JSON , Les fonctions anonymes, Le mot-clé , Les constructeurs , Les prototypes, Le mécanisme de fermeture , this et les événements, En résumé , Création de composants JavaScript réutilisables , La boîte d’information, Les onglets, Suggestion de saisie
CHAPITRE 4
Communication avec le serveur via XMLHttpRequest , L’objet XMLHttpRequest , Rappels sur HTTP , Instanciation d’une requête XMLHttpRequest , Requêtes synchrones ou asynchrones ? , Cycle de vie de la requête , XMLHttpRequest et la sécurité , Gestion du cache , Les problèmes d’encodage , Les requêtes parallèles , En résumé, Applications exemples , Suggestion de saisie , Mise à jour d’une partie de la page
CHAPITRE 5
Échange de données en XML ou JSON, XML (eXtensible Markup Language) , Documents bien formés , Choix de la structure des données, Le DOM XML , La mise à jour partielle avec XML , JSON (JavaScript Object Notation) , Communication JSON entre JavaScript et PHP, Développez en Ajax X, La mise à jour partielle avec JSON , Comparaison des formats d’échange , Exemple d’application avec les flux RSS , Les formats RSS , Le serveur comme mandataire HTTP, Le composant lecteur de RSS , Affichage du flux , En résumé , XSLT (eXtensible Stylesheet Language Transformations) , XPath , Fonctionnement de XSLT , La syntaxe XSLT, Les espaces de noms , Exemple de transformation XSLT , Exemple d’application de lecteur RSS avec XSLT , Le composant XSLView, La transformation XSLT, La page HTML
CHAPITRE 6
Les « frameworks » Ajax , Boîtes à outils, bibliothèques et frameworks , Les bibliothèques JavaScript, prototype.js , Fonctions et objets utilitaires , Encapsulation et extensions de DOM , Les appels XMLHttpRequest, script.aculo.us, rico , dojo , Fonctions et objets utilitaires , Encapsulation et extensions de DOM , Les appels Ajax , Les widgets , Édition WYSIWYG ., En résumé , Yahoo User Interface
CHAPITRE 7
Les applications Ajax et Web 2.0, Questions fonctionnelles soulevées par Ajax , Single Page Application, ou navigation classique ? , Historique d’une session utilisateur , L’action Page précédente , L’action Ajouter aux favoris , L’historique de navigation en dojo , Architecture des applications Web, Étude de cas : application de vente en ligne, Fonctionnalités à porter en Ajax, Portage du panier en Ajax , Conception du panier en Ajax , Gestion du panier côté serveur , Gestion du panier côté client , Affichage des produits , Vue du panier sous forme de tableau , Couleurs système prédéfinies dans les CSS , Statut des réponses HTTP , L’objet XMLHttpRequest
Pour acheter le livre sur la Fnac : Fnac
