Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Ajax, programmation côté client > Formations > Technologies numériques > Formation Ajax, programmation côté client

Ajax, programmation côté client

Ajax, programmation côté client

Télécharger au format pdf Partager cette formation par e-mail


La communication client serveur avec Javascript est une étape incontournable. Plusieurs techniques synchrones ou asynchrones sont disponibles. Ajax est l'une des plus anciennes. Vous apprendrez à maitriser la manipulation de ses composants, le CSS, le DOM, ainsi qu'à établir des échanges client-serveur.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : PAJ
Prix : Nous contacter
  3j - 21h
Pauses-café et
déjeuners offerts




La communication client serveur avec Javascript est une étape incontournable. Plusieurs techniques synchrones ou asynchrones sont disponibles. Ajax est l'une des plus anciennes. Vous apprendrez à maitriser la manipulation de ses composants, le CSS, le DOM, ainsi qu'à établir des échanges client-serveur.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Manipuler les classes et d'objets
  • Créer des structures XML bien formée et valide
  • Connaitre les Traitements XSLT pour gérer les flux RSS
  • Mettre en œuvre des requêtes asynchrones et multithreads
  • Programmer en Ajax avec HTML5

Objectifs pédagogiques

Public concerné

Ce cours s'adresse aux Webmasters, développeurs Web, informaticiens.

Public concerné

Prérequis

Bonnes connaissances en Javascript et en technologies Web côté client.

Prérequis

Pédagogie


Pédagogie

Programme de la formation

Ajax
  • Les objectifs d'Ajax. Principes de fonctionnement.
  • Force du mix technologique Ajax/REST/Web 2.0.
  • Choisir entre Ajax et Flash, Applet, Html. Application.
  • Les objectifs d'Ajax. Principes de fonctionnement.
  • Force du mix technologique Ajax/REST/Web 2.0.
  • Choisir entre Ajax et Flash, Applet, Html. Application.

Rappels XML et Javascript
  • La structure XML. Les namespaces.
  • Les moyens de validation XML : DTD et XSD.
  • Limite du XPath. Mise en oeuvre XSLT en Ajax.
  • La programmation Objet. Types. Variables. Tableaux.
  • Ecmascript. Emergence d'ActionScript.
  • La structure XML. Les namespaces.
  • Les moyens de validation XML : DTD et XSD.
  • Limite du XPath. Mise en oeuvre XSLT en Ajax.
  • La programmation Objet. Types. Variables. Tableaux.
  • Ecmascript. Emergence d'ActionScript.
Travaux pratiques
Création d'une structure XML bien formée et valide. Manipulation de classes et d'objets.

Javascript Object Notation (JSON)
  • Avantages et inconvénients dans les échanges.
  • Objets, Arrays, syntaxe et parseur JSON.
  • JSON, avantages et inconvénients.
  • Sérialisation entre client et serveur.
  • Avantages et inconvénients dans les échanges.
  • Objets, Arrays, syntaxe et parseur JSON.
  • JSON, avantages et inconvénients.
  • Sérialisation entre client et serveur.

Programmation du DOM
  • Importance du langage XHTML. Composants DHTML.
  • Le rôle du DOM dans la programmation XML.
  • Gestion dynamique de CSS.
  • Importance du langage XHTML. Composants DHTML.
  • Le rôle du DOM dans la programmation XML.
  • Gestion dynamique de CSS.
Travaux pratiques
Modification dynamique du DOM d'une page HTML.

Traitements XML en Javascript
  • Présentation XSLT. Langage Xpath. Format RSS.
  • Présentation XSLT. Langage Xpath. Format RSS.
Travaux pratiques
Traitement XSLT. Usage de flux RSS.

XMLHttpRequest
  • Créer et utiliser un objet XMLHttpRequest.
  • Outils de débogage (IE Toolbar, Firebug).
  • Modification des en-têtes HTTP.
  • Encodage et décodage des données.
  • Gestion des erreurs. Gestion du cache.
  • Créer et utiliser un objet XMLHttpRequest.
  • Outils de débogage (IE Toolbar, Firebug).
  • Modification des en-têtes HTTP.
  • Encodage et décodage des données.
  • Gestion des erreurs. Gestion du cache.
Travaux pratiques
Gérer une table produit, un formulaire de login en Ajax. Remplir dynamiquement un menu déroulant.

Les patterns Ajax
  • Threads. Usage d'iFrame pour les appels client/serveur.
  • Traitements asynchrones, synchrones.
  • Sécuriser des échanges Ajax (cryptage, sessions...).
  • Problématiques de sécurité et performance : cryptage, compression, débogage, offuscation.
  • Mise en place de proxy crossDomain.
  • Présentation et mise en oeuvre du framework jQuery.
  • Threads. Usage d'iFrame pour les appels client/serveur.
  • Traitements asynchrones, synchrones.
  • Sécuriser des échanges Ajax (cryptage, sessions...).
  • Problématiques de sécurité et performance : cryptage, compression, débogage, offuscation.
  • Mise en place de proxy crossDomain.
  • Présentation et mise en oeuvre du framework jQuery.
Travaux pratiques
Mise en oeuvre de requêtes asynchrones et multithreads. Développement Ajax en jQuery.

Compléments
  • Framework Ajax, Java, .NET. Ajax et XUL.
  • Présentation de la programmation Ajax avec HTML5.
  • Ajax et les API Google : Google Search et Google Maps.
  • Framework Ajax, Java, .NET. Ajax et XUL.
  • Présentation de la programmation Ajax avec HTML5.
  • Ajax et les API Google : Google Search et Google Maps.
Travaux pratiques
Développer en Javascript un exemple de cartographie. Développement Ajax sous HTML5.


Programme de la formation

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Solutions de financement

Horaires

En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Infos pratiques