Informatique

    Développement JavaScript avec JQuery

    Développement JavaScript avec JQuery

    Réf 4-JS-JQU
    Durée 3 jours

    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

    Infos

    Sessions à venir

    03 fév-05 fév 2025
    15 avr-17 avr 2025
    30 jun-02 jui 2025

    Certifications :

    Nous consulter

    Programme

    Introduction

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

    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

    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…

    jQuery et le DOM

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

    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.

    Gestion des évènements

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

    É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

    Plugins jQuery

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

    En savoir +

    Prérequis

    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

    Réflexion de groupe et apports théoriques du formateur
    Travail d'échange avec les participants sous forme de
    Utilisation de cas concrets issus de l'expérience professionnelle
    Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
    Remise d'un support de cours.

    Possibilité de certification

    Nous consulter.