Organisme de Formation aux technologies et métiers de L'informatique
jquery

Formation jQuery - Développement d'applications Web

Écrire des scripts côté client dans le code HTML des pages web

Informations générales

APP257
2 jours (14h)
1 505 €HT

Objectifs

Après ce cours, vous serez capable de :

  • utiliser le Framework JavaScript jQuery
  • manipuler les éléments du DOM avec JQuery pour ajouter du dynamisme aux pages web
  • créer des effets visuels personnalisés

Public

Ce cours s'adresse avant tout aux personnes suivantes :

  • Architectes
  • Chefs de projets
  • Ingénieurs
  • Webmasters

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

  • Avoir suivi la formation "Développer des sites Web dynamiques avec JavaScript" ou disposer de compétences équivalentes

Programme de la formation

Depuis quelques temps, nous assistons à une éclosion de Frameworks JavaScript qui facilitent le développement de pages web dynamiques directement supportées par l'ensemble des navigateurs. En permettant aux équipes de bénéficier d'un cadre de développement standardisé et ainsi de réaliser d'importants gains de productivité, jQuery est l'un de ces nouveaux Frameworks qui rencontre le plus de succès. Les participants à cette formation apprendront à en tirer parti pour améliorer et optimiser leurs développements d'applications web dynamiques.

Présentation de jQuery

Récupérer et installer jQuery

  • Conseils sur les performances

Première utilisation

  • La fonction $() ou jQuery()
  • Les sélecteurs jQuery
  • Sélecteur CSS
  • Sélecteur d'attribut
  • Sélecteur personnalisé
  • La méthode .filter()
  • Autres méthodes de parcours du DOM

Manipuler les éléments du DOM

  • Accéder directement à un élément du DOM
  • Modifier les balises dynamiquement

Les évènements en jQuery

  • Description des évènements
  • Évènements au chargement de la page
  • Évènements associés au DOM
  • Attacher un évènement sur un élément du DOM
  • Méthode .bind()
  • Méthode .live()
  • Méthode .delegate()
  • Méthode .on()
  • Les raccourcis d'évènements
  • Les callBacks
  • callBack sans argument
  • callBack avec argument
  • Gérer les évènements multiples
  • Propagation des évènements
  • Retirer un évènement sur un élément du DOM
  • Les évènements et les espaces de nom

AJAX avec jQuery

  • Premiers pas, les paramètres de la méthode .ajax()
  • callBack.done()
  • callBack.fail()

Les webStorage et éléments éditables

Mise en pratique

Les effets visuels

  • Effets visuels intégrés à jQuery
  • Animations personnalisées
plus d'infos

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.

Mis à jour le 02/02/2024