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.
Ouverture vers l'Intelligence Artificielle
Le formateur proposera, lorsque pertinent, un éclairage sur les usages complémentaires de l’intelligence artificielle en lien avec le programme : automatisation de tâches, assistance à l’analyse et à la création de contenus, optimisation des processus ou encore support à la prise de décision. Ces apports permettront d’illustrer de nouvelles pratiques tout en sensibilisant aux bonnes règles d’utilisation responsable (sécurité, fiabilité des résultats, respect des données).
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)
Accessibilité
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.
Public Visé
Collaborateurs - Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel ; Entreprises ou organisations - Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes… ; Demandeur d’emploi - Développer son employabilité, favoriser sa transition professionnelle...
Profil de l'intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Moyens techniques
Le suivi pédagogique, administratif et logistique est assuré et coordonné par nos services afin de garantir le bon déroulement de l’action de formation.
Les stagiaires bénéficient d’un encadrement complet tout au long de la formation.
Pour les formations réalisées en centre, les participants disposent d’un espace d’accueil, de salles configurées techniquement selon les besoins pédagogiques et d’un matériel dédié.
Des ressources pédagogiques sont mis à disposition des participants pendant la formation. Une documentation pédagogique est remise à échéance de la formation au format papier ou numérique.
Méthodes d'évaluation des acquis
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.
