Formation AJAX Réf : AJX

Par Boris Schapira

Vaincre le mode "déconnecté" inhérent à Internet pour le plus grand bien de l'ergonomie et la performance de vos pages Web.

Durée :
3 jours

1 585 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Cette formation de 3 jours permet d'appréhender la technologie AJAX. L'ergonomie attendue par l'internaute moyen aujourd'hui ne peut plus souffrir des faiblesses des protocoles sous-jacents du Web, et notamment du protocole HTTP, qui nécessite des chargements de documents par requêtage. AJAX, qui profite amplement de la puissance et de la souplesse du javascript et du CSS, permet de palier à cette difficulté, en rendant possible des fonctionnalités telles que l'autocomplétion, la correction orthographique, le mode push, ... et une liste interminable d'autres fonctionnalités "temps réel".

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de
  • Comprendre l'intérêt fonctionnel et technique d'Ajax, 
  • Mettre en oeuvre les technologies AJAX,
  • Développer des fonctionnalités Ajax avec les meilleurs outils réellement utilisés par les développeurs chevronnés,
  • d'utiliser les fonctionnalités les plus techniquement avancées et les plus obscures d'Ajax, par l'étude des navigations Ajax.


Public

Développeurs Web,
Maîtres d'ouvrage ayant besoin de comprendre la technique du Web 2.0.

Pré-requis

Une connaissance théorique de l'architecture globale d'internet (requêtes HTTP ...), et des notions de développement HTML/CSS/JS sont nécessaires.

Type

Stage pratique

Méthode pédagogique

A partir d'une page Web, le participant pourra progressivement intégrer des fonctionnalités asynchrones, et confirmer ainsi l'acquisition des notions abordées.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION
Rappels HTTP et HTML
Requêtes HTTP
Que se passe-t-il au chargement d'une page web ?
Utilisation de l'onglet réseau de Firebug
URL et paramètres de requêtes HTTP
Présentation succinte du langage HTML
Balises sémantiques, ...
Utilisation de l'onglet HTML de Firebug

Rappels CSS de base
Sélecteurs, propriétés, ...
Règles CSS nécessaires pour une utilisation Javascript
Display, position, ...

Travaux pratiques
Cette présentation se fera sur une page Web mise à disposition des stagiaires, et sera le support des autres TPs

Rappels Javascript
Syntaxe basique
Déclaration de fonctions
Structure de contrôle
Tableaux
Intégration avec le document HTML
Notion d'événements
Attachement d'évenements
Utilisation de "this" et de "return false;"
Présentation de getElementById, du champ style de l'objet element, et du controversé innerHTML
Rappels sur le DOM (avec une annexe pour la liste des méthodes utiles de l'API ?)

Travaux pratiques
Réalisation d'un menu déroulant en auto-complétion  

PROGRAMME DE LA 2NDE JOURNEE DE FORMATION
Introduction fonctionnelle des technologies AJAX
Historique
Quelques cas d'utilisation
Comparaison client lourd / web 1.0 / web 2.0, et précision du rôle d'AJAX dans cette évolution
Quelques bonnes pratiques d'ergonomie, et erreurs typiques à ne pas faire
AJAX = XML (ou autre) + CSS + JS + XmlHttpRequest
Courbe d'apprentissage de XmlHttpRequest

Mise en oeuvre technique d'AJAX : à la conquête d'XmlHttpRequest
Mise en oeuvre d'un code compatible avec tous les navigateurs actuels
Etude de l'API de XmlHttpRequest

Travaux pratiques
Un fichier PHP déja prêt lit une grande quantité de racines dans un fichier (ou une bdd), et retourne à chaque requête une liste HTML des racines pertinentes
Intégrer l'utilisation de ce fichier dans notre auto-complétion

Pour faire la différence en efficacité de développement : moteurs Ajax
Présentation de la problématique, tour des offres du marché
Avec l'exemple JQuery, étude de la mise en oeuvre AJAX
Panorama rapide des autres apports de JQuery. Les sélecteurs, quelques méthodes (css, html, ...)

Travaux pratiques
Redévelopper l'exercice précédent de zéro, avec l'aide de jQuery ; discuter de l'écart de la rapidité de développement

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
XML et JSON comme langages sémantiques
Rappels des bases sur les performances front
Rappels XML, séparation sémantique / présentation, et manque de pertinence du (X)HTML pour l'AJAX
Présentation rapide de la programmation orientée objet Javascript, et rôle du JSON
Intérêt du JSON comme langage sémantique performant

Travaux pratiques
A partir d'un autre fichier PHP remplissant le même rôle que le précédent, mais fournissant du JSON, développer une fonction JS qui récupère ce JSON et le transformer en liste HTML ;
Adapter l'appel AJAX précédemment développé

Navigations Ajax
Intérêt et volonté fonctionnelle des navigations Ajax
Limites et contournements techniques

Prochaines sessions

Aucune session de planifiée à ce jour, veuillez nous contacter pour avoir plus d'info ou suggérez vous-même une session.


Proposer une session.

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations