Dernière mise à jour le 29/04/2023

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 : 8 Jours

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

Réussir sa stratégie e-commerce

S'approprier les clés et la démarche pour générer du trafic et convertir les internautes
Acquérir les bases pour mettre en oeuvre une stratégie e-commerce cross canal

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-ECW

Rédiger pour le Web

Formation écrire web, formation ecrire web, formation écrire pour le web, formation ecrire pour le web, formation rédaction web, formation redaction web, ecrire web, écrire web, redaction web, rédaction web, écriture internet, référencement

Organiser l'information sur un site
Savoir rédiger pour attirer et fidéliser les internautes
Optimiser les textes pour les moteurs de recherche (SEO)
Exploiter la richesse de l'écriture hypertexte et des nouveaux formats d'écriture rich media

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-HT1

Développement Web HTML et CSS

Comprendre la structuration d'une page HTML5 - Ajouter des styles CSS aux éléments d'une page - Utiliser les blocs et les tableaux - Créer des formulaires avec WebForms 2 - Tester les nouveautés HTML5 et CSS3

14 heures de formations sur 2 Jours
En savoir plus

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

W-HT4

Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Evaluer les enjeux du développement d'une application web, et son intérêt
Disposer des connaissances et compétences nécessaires pour rendre une application "offline"
Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures)
Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive"
Être capable de prendre en charge l'intégralité du développement de la partie "front"

35 heures de formations sur 5 Jours
En savoir plus

Formation continue

Transformation digitale

AS201

Technologies du Web, la synthèse

Aborder l'état de l'art des technologies Xnet et de leurs impacts sur les applications internet et intranet d'entreprise
Apporter une synthèse complète, structurée et didactique des connaissances indispensables en matière de technologies du Web
Analyser les domaines d'application et examiner les démarches pratiques de mise en œuvre

21 heures de formations sur 3 Jours
En savoir plus