Sélectionner une page

Objectifs de la formation

  • Rédiger facilement et de manière maintenable les interactions JavaScript de vos page Web à l'aide de jQuery : animations, validation, AJAX et autres fonctionnalités caractéristiques du Web 2.0

Participants / Pré-requis

  • Chef de projet, développeur

  • Formation initiale ou expérience en développement informatique requise
  • Connaissances préalable du langage HTML et notions de base de JavaScript

Moyens pédagogiques

  • Formateur expert dans le domaine
  • Mise à disposition d’un ordinateur, support de cours remis à chaque participant, vidéo projecteur, tableau blanc et paperboard
  • Feuille de présence signée en demi-journée, évaluation des acquis tout au long de la formation, questionnaire de satisfaction, attestation de stage

Programme

1. Introduction

  • Présentation de jQuery
  • Intérêts de jQuery
  • Installation, accès
  • La « philosophie » de jQuery
  • Où placer son code jQuery

2. L'objet jQuery

  • Les objets jQuery et $
  • Les méthodes et propriétés
  • Enchaînement des méthodes
  • Fonctions, callbacks, et fonctions imbriquées
  • Bien différencier les objets DOM et jQuery

3. Sélection

  • L'intérêt d'une sélection efficace
  • Sélection CSS : id, class, parenté, position, ...
  • Sélection d'un objet DOM
  • Sélection par attribut : sélectionné, visible, survolé, ...
  • Sélections booléennes : tout sauf, non, ...

4. jQuery et le DOM

  • Parcourir le DOM
  • Modifier le DOM : ajouter, remplacer, supprimer
  • Manipuler le texte et les attributs
  • Lire et modifier les classes

5. jQuery et les CSS

  • Attributs simples : couleurs, bords, etc
  • Manipulation à l'aide des classes
  • Taille et positionnement
  • Opacité
  • Déplacements, replis, fondus, ...
  • Animations, transitions
  • Effets : menus, carrousels, zooms, etc

6. Gestion des évènements

  • Réagir sur un évènement
  • Clavier, souris
  • Gérer dynamiquement les gestionnaires d'évènements

7. Échanges avec le serveur : AJAX

  • Le concept d'échanges asynchrones avec HTTP
  • Les formats échangés : XML, JSON, JS, HTML, ...
  • Méthodes GET / POST
  • Les fonctions AJAX de jQuery
  • Traitement des données des formulaires avec jQuery

8. Plugins jQuery

  • Utilisation de plugins
  • Intérêts et pièges de l'utilisation de plugins
  • Aperçu de jQuery-UI

Intéressé par une de nos formation ? Inscrivez-vous ou contactez votre conseiller AFIB !

Intéressé par une de nos formations ? Inscrivez-vous ou contactez votre conseiller AFIB !