JQuery et Ajax
5 jours - 35 heures
Objectifs
Améliorer la navigation et le confort d’utilisation d’un site web en utilisant des technologies de mise à jour de page et de sélection de données dynamiques.
Participants
Développeurs Web.
Prérequis
Maîtriser le langage 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.
Spécificités pédagogiques de la session à distance
Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.
Remarques
Certification
Formation Certifiante Code CPF 236234
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.
Moyens techniques relatifs aux sessions à distance
Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. 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.
Méthodes d'évaluation des acquis de la formation à distance
Exercices individuels et collectifs communiqués durant la formation via la bibliothèque pédagogique virtuelle mise à disposition ou directement par le formateur. Ces activités constituent les modalités de suivi et d’évaluation du Stagiaire de la part du formateur. Suivi permanent du formateur durant l’animation et durant les exercices pratiques.
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)