Accueil > Domaines de compétence : Formations Informatiques > Développement et Méthodes > Développement Open Source > Développement JavaScript avec JQuery

  • Durée : 3 jour(s)
  • 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

Prochaines
dates programmées

1 000 m2 de locaux
20 salles de formation

Développement JavaScript avec JQuery

Objectifs

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

Contenu de la formation

  • 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

Pédagogie et outils

Formateur expert du domaine, un ordinateur et un support de cours papier ou numérique par participant , vidéo projecteur, tableau blanc Alternance d'apports techniques : présentation des concepts, démonstrations, de mise en situation : exercices d'assimilation, études de cas et d'échange d'expériences entre les participants