jQuery-Ajax avec PHP

Jean-Marie Defrance

Description

jQuery-Ajax côté client et PHP-MySQL côté serveur

jQuery est un ensemble de bibliothèques JavaScript open source qui permettent de mettre en oeuvre des fonctionnalités avancées côté client (navigateur) de manière simple et rapide. Grâce à leur syntaxe compacte, il est possible de concevoir très facilement des interfaces utilisateur riches et ergonomiques. jQuery-Ajax est l'une de ces bibliothèques, dédiée à la réalisation d'applications Ajax. En l'espace de quelques années, elle est devenue incontournable dans le paysage du Web pour réaliser des applications dynamiques et interactives encore plus performantes. La mise en oeuvre de ces applications web de nouvelle génération nécessite souvent de déployer une base de données sur le serveur. Cet ouvrage prend l'exemple d'une base de données MySQL associée à des scripts PHP pour sélectionner, préparer et transmettre les informations requises par l'application Ajax.

Un ouvrage pédagogique et pratique

Grâce à ces 44 ateliers pratiques de difficulté croissante, cet ouvrage guide le lecteur pas à pas dans la construction d'un moteur Ajax, en partant d'une version minimaliste de quelques lignes de JavaScript jusqu'à des programmes performants et fi ables exploitant la technologie jQuery-Ajax. Il permet également de découvrir les différents formats disponibles (texte, HTML, XML, JSON ou RSS) pour échanger des flux de données avec le serveur. Il explique en outre comment une application Ajax, côté client, peut gérer des informations stockées dans une base de données MySQL via un script PHP. Enfin, la dernière partie est consacrée aux différentes technologies associées à Ajax (XHTML, CSS, XML, JavaScript, DOM, PHP et MySQL), en exposant pour chacune d'elles les connaissances nécessaires à la compréhension du livre.

À qui s'adresse cet ouvrage ?

• 
  À ceux qui souhaitent intégrer aisément et rapidement des applications web performantes dans leurs projets


• 
  À tous ceux qui désirent apprendre à concevoir des applications jQuery-Ajax couplées à PHP/MySQL

Sur le site www.editions-eyrolles.com

• 
  Téléchargez le code source des exemples et des 44 ateliers de l'ouvrage


• 
  Dialoguez avec l'auteur

• 
  Introduction à Ajax
  
  
  
  • 
    Chronologie du Web
  
  
  • 
    Ajax, un acteur du Web 2.0
  
  
  • 
    Comment fonctionne Ajax ?
  
  
  • 
    HTTP et l'objet XMLHttpRequest
  
  
  
  


• 
  Environnement de développement
  
  
  
  • 
    Firefox, navigateur et débogueur à la fois
  
  
  • 
    WampServer 2, une infrastructure serveur complète
  
  
  • 
    Dreamweaver, un éditeur polyvalent
  
  
  
  


• 
  Ateliers de création d'applications Ajax-PHP
  
  
  
  • 
    Applications Ajax-PHP synchrones
  
  
  • 
    Applications Ajax-PHP sans paramètres
  
  
  • 
    Applications Ajax-PHP avec paramètres GET
  
  
  • 
    Applications Ajax-PHP avec paramètres POST
  
  
  • 
    Applications Ajax-PHP avec réponses HTML, XML, JSON et RSS
  
  
  • 
    Applications Ajax-PHP-MySQL
  
  
  • 
    Bibliothèque jQuery
  
  
  • 
    Plug-ins jQuery
  
  
  
  


• 
  Ressources sur les technologies associées
  
  
  
  • 
    XHTML
  
  
  • 
    CSS
  
  
  • 
    XML
  
  
  • 
    JavaScript
  
  
  • 
    Gestion du DOM avec JavaScript
  
  
  • 
    PHP
  
  
  • 
    MySQL
  
  
  
  


• 
  Annexes
  
  
  
  • 
    Configuration d'une infrastructure serveur locale pour Mac
  
  
  • 
    Test et débogage (PHP et JavaScript)
  
  
  
  

Sujets

• Sciences & Techniques
• Informatique
• Programming
• Computers
• Conception de site Web
• Web design

Informations

• Publié par: Editions Eyrolles
• Date de parution: 17 juillet 2013
• Nombre de lectures: 433
• EAN13: 9782212236422
• Langue: Français
• Poids de l'ouvrage: 4 Mo

Extrait

R sum
jQuery-Ajax c t client et PHP-MySQL c t serveur
jQuery est un ensemble de biblioth ques JavaScript open source qui permettent de mettre en uvre des fonctionnalit s avanc es c t client (navigateur) de mani re simple et rapide. Gr ce leur syntaxe compacte, il est possible de concevoir tr s facilement des interfaces utilisateur riches et ergonomiques. jQuery-Ajax est l une de ces biblioth ques, d di e la r alisation d applications Ajax. En l espace de quelques ann es, elle est devenue incontournable dans le paysage du Web pour r aliser des applications dynamiques et interactives encore plus performantes. La mise en uvre de ces applications web de nouvelle g n ration n cessite souvent de d ployer une base de donn es sur le serveur. Cet ouvrage prend l exemple d une base de donn es MySQL associ e des scripts PHP pour s lectionner, pr parer et transmettre les informations requises par l application Ajax.
Un ouvrage p dagogique et pratique
Gr ce ces 44 ateliers pratiques de difficult croissante, cet ouvrage guide le lecteur pas pas dans la construction d un moteur Ajax, en partant d une version minimaliste de quelques lignes de JavaScript jusqu des programmes performants et fiables exploitant la technologie jQuery-Ajax. Il permet galement de d couvrir les diff rents formats disponibles (texte, HTML, XML, JSON ou RSS) pour changer des flux de donn es avec le serveur. Il explique en outre comment une application Ajax, c t client, peut g rer des informations stock es dans une base de donn es MySQL via un script PHP. Enfin, la derni re partie est consacr e aux diff rentes technologies associ es Ajax (XHTML, CSS, XML, JavaScript, DOM, PHP et MySQL), en exposant pour chacune d elles les connaissances n cessaires la compr hension du livre.

Au sommaire
Partie I. Introduction Ajax Chronologie du Web Ajax, un acteur du Web 2.0 Comment fonctionne Ajax ? HTTP et l objet XMLHttpRequest Partie II. Environnement de d veloppement Firefox, navigateur et d bogueur la fois Wamp5, une infrastructure serveur compl te Dreamweaver, un diteur polyvalent Partie III. Ateliers de cr ation d applications Ajax-PHP Applications Ajax-PHP synchrones Applications Ajax-PHP sans param tres Applications Ajax-PHP avec param tres GET Applications Ajax-PHP avec param tres POST Applications Ajax-PHP avec r ponses HTML, XML, JSON et RSS Applications Ajax-PHP-MySQL Biblioth que jQuery Plug-ins jQuery Partie IV. Ressources sur les technologies associ es XHTML CSS XML JavaScript Gestion du DOM avec JavaScript PHP MySQL Annexes Configuration d une infrastructure serveur locale pour Mac Test et d bogage (PHP et JavaScript).
qui s adresse cet ouvrage ?
- ceux qui souhaitent int grer ais ment et rapidement des applications web performantes dans leurs projets
- tous ceux qui d sirent apprendre concevoir des applications jQuery-Ajax coupl es PHP/MySQL
Biographie auteur

J.-M. Defrance
Dipl m d un DEA de didactique de l informatique, Jean-MarieDefrance enseigne le multim dia Gobelins, l cole de l image. Il est par ailleurs directeur technique de l Agence W, soci t sp cialis e dans le d veloppement de sites dynamiques.
www.editions-eyrolles.com
jQuery-Ajax
avec PHP
44 ateliers pour ma triser jQuery

Jean - Marie Defrance
DITIONS EYROLLES
61, bd Saint-Germain
75240 Paris Cedex 05
www.editions-eyrolles.com
En application de la loi du 11 mars 1957, il est interdit de reproduire int gralement ou partiellement le pr sent ouvrage, sur quelque support que ce soit, sans l autorisation de l diteur ou du Centre Fran ais d exploitation du droit de copie, 20, rue des Grands Augustins, 75006 Paris. Groupe Eyrolles, 2008, 2010, 2011, 2013, ISBN : 978-2-212-13720-0
Du m me auteur
J.-M. D EFRANCE . - Samsung Galaxy S III.
N 13544, 2012, 310 pages.
J.-M. D EFRANCE . - la d couverte de son iPhone.
N 12795, 2011, 206 pages.
J.-M. D EFRANCE . - PHP/MySQL avec Dreamweaver CS4.
N 12551, 2009, 536 pages.
Autres ouvrages sur le d veloppement web
. S ARRION . - jQuery 1.7 et jQuery UI (2 e dition).
N 13504, 2012, 568 pages.
. S ARRION . - M mento jQuery.
N 13488, 2012, 14 pages.
. S ARRION . - jQuery mobile.
N 13388, 2012, 602 pages.
R. R IMEL . - HTML 5 (2 e dition). Une r f rence pour le d veloppeur web .
N 13638, 2013, 752 pages.
C. P ORTENEUVE . - Bien d velopper pour le Web 2.0 (2 e dition).
N 12391, 2008, 674 pages.
O. A NDRIEU . - R ussir son r f rencement web ( dition 2013) .
N 13664, 2013, 552 pages.
R. G OETTER . - M mento CSS3 (2 e dition).
N 13665, 2013, 14 pages.
R. G OETTER . - CSS avanc es (2 e dition). Vers HTML 5 et CSS 3 .
N 13405, 2013, 386 pages.
R. G OETTER . - M mento XHTML (2 e dition).
N 12541, 2009, 14 pages.
Remerciements

Je remercie Thorsten Kruske et Alain Bertaut pour leur aide dans la r daction de cet ouvrage ainsi que Matthieu Amiot et Claire Defrance pour leur collaboration dans la r alisation des illustrations.
Table des mati res
P ARTIE I - I NTRODUCTION A JAX
CHAPITRE 1
Chronologie du Web
1990 : d but du Web statique
1995 : le Web orient client
2000 : le Web orient serveur
2005 : le compromis client-serveur tant attendu !
Les tendances du Web 2.0
CHAPITRE 2
Ajax, un acteur du Web 2.0
Les fondements du Web 2.0
Application Internet riche (RIA)
Ajax, l application Internet riche l g re
Ajax, dans la droite ligne du Web 2.0
La gen se d Ajax
quoi sert Ajax ?
Actualisation d information en t che de fond
Compl tion automatique
Contr le en temps r el des donn es d un formulaire
Navigation dynamique
Lecture d un flux RSS
Sauvegarde de documents ditables
Personnalisation d interface Web

Widget
Chargement progressif d information
Moteur de recherche sans rechargement de la page
Qui utilise Ajax ?
Google
Gmail
Google Maps
Yahoo! News
Amazon
Google Calendar
Netvibes
Google Talk
Wikip dia
CHAPITRE 3
Comment fonctionne Ajax ?
Ajax, un amalgame de technologies
Des ingr dients d j op rationnels
JavaScript, le ciment des fondations d Ajax
Comparatif avec les applications Web traditionnelles
Fonctionnement d une application Web statique
Fonctionnement d une application Web dynamique
Fonctionnement d une application Ajax
Chronogrammes des changes client-serveur
Chronogramme d une application Web dynamique traditionnelle
Chronogramme d une application Ajax en mode asynchrone
Les avantages d Ajax
conomie de la bande passante
Emp che le rechargement de la page chaque requ te
vite le blocage de l application pendant le traitement de la requ te
Augmente la r activit de l application
Am liore l ergonomie de l interface
Les inconv nients d Ajax
Pas de m morisation des actions dans l historique

Probl me d indexation des contenus
D pendance de l activation de JavaScript sur le navigateur
Les cadres cach s, une solution alternative Ajax
La technique du cadre cach
Avantages des cadres cach s
Inconv nients des cadres cach s
CHAPITRE 4
HTTP et l objet XMLHttpRequest
Rappels sur le protocole HTTP
Les requ tes HTTP
La r ponse HTTP
Caract ristiques de l objet XMLHttpRequest
D j op rationnel depuis 1998
Une instanciation en cours d homologation
Propri t s et m thodes de l objet XMLHttpRequest
Cr ation de moteurs Ajax de base
Envoi d une requ te synchrone sans param tre
Envoi d une requ te asynchrone sans param tre
Ajout d un traitement des erreurs HTTP du serveur
Envoi d une requ te asynchrone avec un param tre GET
Envoi d une requ te asynchrone avec un param tre POST
R cup ration du r sultat de la requ te avec responseText ou responseXML
Utilisation de innerHTML pour afficher le r sultat de la requ te
Utilisation d un gestionnaire d v nements pour d clencher l envoi de la requ te
P ARTIE II - E NVIRONNEMENT DE D VELOPPEMENT
CHAPITRE 5
Firefox, navigateur et d bogueur la fois
Le navigateur Firefox
Installation de Firefox
Utilisation de Firefox

Extensions Firebug et IE Tab
Installation des extensions
CHAPITRE 6
WampServer, une infrastructure serveur compl te
Choix de l infrastructure serveur
Mise en uvre d une infrastructure serveur
Proc dure d installation de la suite WampServer
Arr t et d marrage de WampServer
D couverte du manager de WampServer
Test du serveur local
Gestion des extensions PHP
Extensions install es par d faut
Installation d une extension
Gestionnaire phpMyAdmin
CHAPITRE 7
Dreamweaver, un diteur polyvalent
Pourquoi utiliser Dreamweaver ?
Pr sentation de l interface de Dreamweaver
D finition d un site
Informations locales
Informations distantes
Serveur d valuation
diteur HTML
La barre d outils Insertion
Le panneau Propri t s
S lecteur de balise
Indicateur de code HTML
diteur PHP
Options de l diteur de code
Indicateur de code PHP
La barre d outils Insertion, option PHP

Test d une page PHP
Les r f rences PHP de poche
diteur JavaScript
Insertion d un script JavaScript dans une page HTML
Test d une page JavaScript
Lier un fichier JavaScript externe dans une page HTML
Les fragments de code JavaScript
Les r f rences JavaScript de poche
P ARTIE III - A TELIERS DE CR ATION D APPLICATIONS A JAX -PHP
CHAPITRE 8
Applications Ajax-PHP synchrones
Atelier 8-1 : requ te synchrone sur un fichier texte sans feuille de styles
Composition du syst me
Fonctionnement du syst me
Conception du syst me
Test du syst me
Atelier 8-2 : requ te synchrone sur un fichier texte avec une feuille de styles
Composition du syst me
Fonctionnement du syst me
Conception du syst me
Test du syst me
Atelier 8-3 : requ te HTTP traditionnelle avec un traitement PHP et une feuille de styles
Composition du syst me
Fonctionnement du syst me
Conception du syst me
Test du syst me
Atelier 8-4 : requ te synchrone sur un fichier PHP avec une feuille de styles
Composition du syst me

Fonctionnement du syst me
Conception du syst me
Test du syst me
CHAPITRE 9
A