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

    Web marketing : création, animation & analyse de trafic

    Communication, marketing, display, newsletter, affiliation, agence de communication, relation client, agence web, formation communication, mesure performance, plan de communication, mesure de la performance, web marketing, e mailing,

    Dresser un panorama des outils e-marketing selon l'objectif, la cible et le budget Savoir construire un « media planning » pour lancer, animer son site et développer le retour sur investissement Focus sur quelques leviers, accélérateurs de trafic Générer et mesurer la performance de vos actions e-marketing  

    14 heures de formations sur 2 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-ACC

    L’accessibilité pour le Web, mise en pratique des référentiels

    Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...) Anticiper et planifier la migration vers l'accessibilité du site Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles Comprendre les obligations légales du concepteur de site en termes d'accessibilité

    14 heures de formations sur 2 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-NOD

    Node.js, programmation JavaScript côté serveur

    Installer et configurer un serveur Node.js Mettre en œuvre les concepts de la programmation événementielle et asynchrone Mettre en place un framework Web Manipuler l'API de Node.js Gérer la persistance dans une base de données NoSQL avec un ODM  

    28 heures de formations sur 4 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-ANA

    Google analytics : améliorez votre site et rentabilisez vos actions

    Web analytics, web analytique, Google Analytics, Xiti, Omniture, Webtrends, acquisition de trafic, Coremetrics, Xiti, performance web

    Exploiter Google analytics pour améliorer les performances de son site web Définir les Indicateurs Clés de Performance (KPI) Piloter un plan de marquage pour améliorer l'efficacité et la rentabilité de votre site Web et de vos campagnes e-marketing Interpréter les statistiques pour mettre en œuvre des actions d'amélioration

    14 heures de formations sur 2 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-REF

    Optimiser le référencement naturel (SEO)

    Web analytics, web analytique, Google Analytics, Xiti, Omniture, Webtrends, acquisition de trafic, Coremetrics, Xiti, performance web

    Définir les critères de tris des moteurs de recherche Définir sa stratégie de référencement naturel Acquérir les techniques pour améliorer visibilité et référencement sur le Web Acquérir les bases du référencement pour superviser un développeur/intégrateur Maîtriser les techniques avancées de référencement naturel Intégrer le référencement naturel dans un projet de refonte de site Web  

    14 heures de formations sur 2 Jours
    En savoir plus

    Formation continue

    Transformation digitale

    W-BST

    BootStrap – Développement de pages Web Responsive

    Connaître les spécificités de Bootstrap Maitriser la création d'interfaces Mobiles First avec Bootstrap Rendre des pages responsives avec Bootstrap Comprendre comment manipuler les objets de base et les composants Découvrir des Frameworks concurrents  

    14 heures de formations sur 2 Jours
    En savoir plus