JQuery et Ajax
5 jours - 35 heures
Objectifs
Savoir développer des applications en utilisant la technologie Ajax.
Participants
Développeurs
Prérequis
Maitriser le Html 5
Pédagogie
La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.
Profil de l’intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Moyens techniques
Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Méthodes d’évaluation des acquis
Exercices individuels et collectifs durant la formation. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis de fin de stage sont adressées avec la facture.
Programme
Rappels sur les fondamentaux Javascript et CSS
Rappels sur les bases du langage Javascript
Le DOM en Javascript
Syntaxe CSS et sélecteurs
Qu'est-ce qu'un Framework Javascript ?
Les principaux projets (Prototype, MooTools, ScriptAculous, JQuery)
Les outils pour développer avec jQuery
Les principes de base de Jquery
Inclusion de jQuery dans les pages
Installation de la librairie
Utiliser jQuery avec d'autres librairies.
Quand débuter les traitements (DOM ready) ?
L'apport des modules dans Jquery (CSS, data)
Manipulations HTML avec jQuery
Manipulations du code HTML (DOM jQuery)
Insérer du contenu
Ajouter du contenu à l'extérieur
Cloner du contenu
Remplacer du contenu
Supprimer du contenu
Manipulations du texte
Manipulations des attributs
CSS et jQuery
Manipulations des classes
Manipulations en CSS
Dimensions et positionnement
Dimensions des objets
Positionnement des objets
Animations et Effets
Apparition et disparition
Mouvement et transitions
Fonction Animate
Événements
Souris (clics...) et clavier
L'évènement de chargement de page (ready).
Création d'événements et déclencheurs (bind, unbind, trigger...).
Les fonctions d'événement prédéfinies (one, die, ...).
Événements dynamiques (Live)
Ajax
Principes d'Ajax
La fonction $.ajax
La gestion des évènements AJAX
La fonction $.post
La fonction $.get avec réponse XML
Les fonctions dédiées $.getJSON() et $.getScript()
Les plugins disponibles dans Jquery
Aide contextuelle (qTip)
Menu (SuckerFish)
Galerie Photo (Lightbox)
JQuery UI
Liste déroulante
Accordéon
Onglets
Calendrier
Drag and Drop
Sortable
Dialog
Progress Bar
Scroll Bar (slider)
Principes pour créer ses propres modules d'extension (plugin)
LGDV270.pdf
