Retour en haut de la page

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