Dernière mise à jour le 12/09/2024
Développer un site Web 2.0 avec Ajax
Informations générales
Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non
Objectifs & compétences
Améliorer les applications Web avec Ajax Créer des applications client riches avec Ajax
Public visé
Développeur HTML Équipe projet Webmaster technique
Pré-requis
Maîtrise du développement HTML et de JavaScript. Connaissance basique de XML.
Programme
Le modèle HTTP.
Les langages serveur et les langages clients.
L'exécution de JavaScript.
2. INTRODUCTION À AJAX
Les limitations du HTML habituel.
Définition d'Ajax.
Principe de fonctionnement et architecture.
3. LA BRIQUE TECHNIQUE : XMLHTTPREQUEST
Description de xmlhttprequest.
Le cas spécifique Internet Explorer
Travaux pratiques : vérification d'un champ de formulaire.
4. PASSAGE DE DONNÉES
Utilisation des paramètres HTTP en GET et POST.
Envoi de données en XML.
Comment choisir entre les deux méthodes ?
5. RÉCUPÉRATION DE DONNÉES
AHAH : Données brutes en HTML.
Utilisation de XML via DOM.
Utilisation de XML puis XSLT.
Sérialisation via JSON.
Choisir entre les différents formats possibles.
6. AJAX AVEC PROTOTYPE
Introduction à Prototype.
Description des fonctionnalités de base.
Menu déroulant avec chargement dynamique.
Travaux pratiques : travail pour simplifier et améliorer un formulaire HTML.
7. LES BIBLIOTHÈQUES SUPPLÉMENTAIRES
Utilisation de Script.aculo.us pour les effets.
Étude de différentes librairies (Yahoo!UI).
Panier de commerce électronique en drag and drop.
Arbre de données dépliable dynamiquement.
Travaux pratiques : effets visuels pour un formulaire et l'animation de la page.
8. LES LIMITATIONS
Problématique de l'asynchronisme.
Présentation du problème via l'auto-completion d'un formulaire.
Présentation du problème d'identification des requêtes.
Performance.
Description de la problématique et des limitations ou avantages d'Ajax dans la performance d'un site Web.
Modèle de sécurité d'Ajax.
Restrictions par défaut des communications.
Signature des scripts.
9. ACCESSIBILITÉ
Difficultés d'accès des navigateurs alternatifs.
Indexation par les moteurs de recherche.
Accessibilité sans JavaScript.
10. AJAX COMME ALTERNATIVE
Dégradation silencieuse du contenu.
Doubler les fonctionnalités Ajax sur le serveur.
Utilisation pragmatique d'Ajax.
Modalités
Modalités : en présentiel, distanciel ou mixte – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels
Méthodes
Fin de formation : entretien individuel
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation
Assiduité : certificat de réalisation (validation des acquis)
Code de formation : W-AJA
ajax, javascript, xml, prototype, scriptaculous, yui, dojo, graceful degradation, dom, formulaire, xmlhttprequest, xhr, drag drop, widgets
Tarifs
Prix public : 1485 €
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les 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.
- CPF -MonCompteFormation
Contactez nous pour plus d’information
Lieux & Horaires
Durée : 21
heures
Délai d'accès :
Jusqu’à 8 jours avant le début de la formation
Prochaines sessions
Handi-accueillante
Accessible aux personnes en situations de handicap.
Pour toutes demandes, contactez notre référente,
Mme Rizlene Zumaglini
Mail : rzumaglini@aston-ecole.com