> 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

Formation : Ajax, programmation côté client

Ajax, programmation côté client

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

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

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 : 2070 € H.T.
  3j - 21h00
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

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

Prérequis
Bonnes connaissances en Javascript et en technologies Web côté client.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

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.

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.
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.

Programmation du DOM

  • 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.
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.
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.
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.
Travaux pratiques
Développer en Javascript un exemple de cartographie. Développement Ajax sous HTML5.


Modalités pratiques

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • 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.

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.