Dernière mise à jour le 11/06/2025

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

  • APPEL SUR LE CONTEXTE WEB
  • 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 . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – 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.
    Validations des acquis : grille d'evalution  des acquis établie par le formateur en fin de formation.
    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.
    France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
    CPF -MonCompteFormation
    Contactez nous pour plus d’information : contact@aston-institut.com

    Lieux & Horaires

    Durée : 21 heures
    Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet

    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

    à voir aussi dans le même domaine...

    Formation continue

    Transformation digitale

    W-HT3

    Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript

    Disposer des compétences nécessaires au développement d'un site internet full HTML5 / CSS3 Savoir produire des pages compatibles avec les différents navigateurs internet Être capable de créer des interactions dynamiques avec l'utilisateur sans développement serveur Comprendre comment tirer parti des dernières nouveautés HTLM5 comme le lecteur vidéos compatible mobiles  

    35 heures de formations sur 5 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    NE157

    Design Thinking, devenez un Design Thinker

    Comprendre l’état d’esprit du design thinking en mode "design thinking sprint" Acquérir une méthodologie d’innovation efficace centrée sur l’utilisateur pour rapidement évaluer et valider des produits Faire l’apprentissage du processus et de ses outils Expérimenter une culture de travail collaboratif et agile basée sur l’empathie, le prototypage, le test et l’itération

    14 heures de formations sur 2 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    AS201

    Technologies du Web, la synthèse

    21 heures de formations sur 3 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-INI

    Créer un site Internet pour non informaticien

    Savoir préparer et organiser les contenus prévus pour le site Comprendre comment élaborer la navigation entre les pages du site Internet Maîtriser l'écriture du HTML Comprendre et maîtriser la mise en page à l’aide des feuilles de style en cascade (CSS) Disposer des bases pour configurer un serveur Web Être capable d'enrichir le contenu d'un site (vidéos, liens dynamiques)  

    28 heures de formations sur 4 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    SP51060

    JAVASCRIPT Avancé

    Découvrir les concepts avancés JavaScript ES5 Mettre en pratique la Programmation Orientée Objet Maîtriser l'environnement de débogage Mettre en oeuvre le framework JavaScript jQuery Manipuler les API JavaScript HTML5 Appréhender la notion de JavaScript côté serveur avec Node.js

    21 heures de formations sur 3 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    SP78039

    Référencement naturel / SEO AVANCE

    Comprendre le fonctionnement des moteurs de recherche - Connaître les techniques d'optimisation d'une page web – Savoir créer de bons backlinks  

    7 heures de formations sur 1 Jours
    En savoir plus