Dernière mise à jour le 29/03/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

1. 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 6. 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. Travaux pratiques : travail pour simplifier et améliorer un formulaire HTML. Menu déroulant avec chargement dynamique. 7. LES BIBLIOTHÈQUES SUPPLÉMENTAIRES Utilisation de Script.aculo.us pour les effets. Étude de différentes librairies (Yahoo!UI). Travaux pratiques : effets visuels pour un formulaire et l'animation de la page. Panier de commerce électronique en drag and drop. Arbre de données dépliable dynamiquement. 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)
Contact : contact@astonbysqli.com
 
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

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

Transformation digitale

SP78053

Elaborer et piloter sa stratégie digitale

À l’issue de la formation, le participant sera en mesure de : Elaborer une stratégie de communication digitale et la décliner en plan opérationnel
Mettre en œuvre le mix des actions de communication spécifiques au Web
Piloter et évaluer ses actions de communication Web

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-JSC

Web Dynamique avec JavaScript

Javascript, dom, js, navigateur, css, xmlhttprequest, html, évènements, formulaires, priogrammation, développement

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web Savoir manipuler dynamiquement des objets HTML

21 heures de formations sur 3 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-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-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-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