Développer avec le framework JavaScript jQuery

Deux formations complémentaires peuvent être suivies à l'issue de cette formation. La première sur l'utilisation de jQueryUI (cours " T44A-026 - jQueryUI : intégrer des widgets dans les pages Web ") et la seconde sur l'utilisation de jQuery Mobile (cours " T44A-027 - jQuery Mobile : créer des contenus Web pour les mobiles en JavaScript ").

Public :

• Ce cours est destiné à tous ceux qui sont impliqués dans la mise en place, le développement ou la maintenance de sites Web et qui souhaitent y intégrer des fonctionnalités Ajax en s'appuyant sur le framework JavaScript jQuery.

Objectifs :

• Intégrer le framework jQuery dans la réalisation d'applications et/ou de pages Internet ;
• Mettre en place des fonctionnalités Ajax.

Pré-requis :

• Connaissance des langages HTML et CSS ;
• Connaissance du langage JavaScript.

Contenu pédagogique

Introduction

• Architecture des applications cliente Web
• Navigateur et Standard du W3C
• Les différents frameworks JavaScript
• Spécificités du framework jQuery
• Environnement de développement et de débogage

Concepts avancés du langage JavaScript

• Fonctions
• Tableaux et Objets
• Propriété prototype
• Format JSON

Parcours du DOM

• Comprendre la structure du DOM
• Rechercher des éléments avec la fonction $()
• Maitriser les sélecteurs CSS3
• Se déplacer dans le DOM

Modification du DOM

• Modifier la présentation des éléments
• Modifier le contenu des éléments
• Créer, déplacer et supprimer des éléments

Gestion des événements

• Intercepter les événements avec la fonction bind()
• Comprendre la propagation des événements
• Découvrir l'objet Event
• Transmettre des données à la fonction de rappel
• Mettre en œuvre les fonctions avancées de gestion d'événements avec jQuery

Appels asynchrones au serveur

• Mise en œuvre de la fonction $.ajax()
• Configurer une requête Ajax
• Envoyer les données d'un formulaire
• Recevoir des données au format JSON
• Charger le contenu d'une section HTML