Accélérez votre développement web avec notre formation approfondie sur jQuery.
Ce cours vous offre l’opportunité d’intégrer le framework jQuery dans la réalisation d’applications et de pages Web.
De la compréhension des fondamentaux du langage JavaScript, l’architecture des applications clientes Web aux concepts plus avancés tels que la manipulation du DOM, la gestion des événements et les appels asynchrones au serveur.
Apprenez à échanger des données avec un serveur via des API REST et intégrer des composants jQueryUI dans vos applications.
À travers des travaux pratiques, vous gagnerez de l’expérience en manipulant des données, en créant un DataGrid HTML5, en validant un formulaire HTML5 et en gérant le stockage des données.
L’expertise en jQuery vous permettra d’industrialiser, de structurer et d’optimiser vos développements d’applications Web JavaScript.
Programme détaillé
Introduction
- Architecture des applications clientes Web
- Navigateurs et standard du W3C
- Les différents frameworks JavaScript
- Spécificités du framework jQuery
- Environnement de développement et de débogage
Rappels sur les 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
jQueryUI : intégrer des widgets dans les pages Web
- Mise en œuvre des interactions jQueryUI
- Présentation des fonctionnalités de glisser/déposer
- Initialisation des composants déplaçables et cibles
- Gestion d'événements spécifiques
- Application de contraintes de déplacements
- Découvertes des autres fonctionnalités d'interactions : sélection, tri, redimensionnement
- Intégration de widgets jQueryUI
- Structure du composant Datepicker
- Initialisation et configuration du composant
- Gestion d'événements spécifiques
- Traduction du composant
- Modification du thème CSS appliqué au composant
- Découvertes des autres composants : Tabs, Slider, Button…
Travaux pratiques
- Manipulation des données de type simple
- Transformation, mise en forme de texte
- Manipulation des dates
- Utilisation d'expression régulière
- Création d'un DataGrid HTML5
- Mise en place de la sélection des lignes
- Création, suppression de lignes
- Ajout de nouvelles lignes de données
- Création et validation d'un formulaire HTML5
- Validation native et JavaScript
- Validation en cours de saisie
- Contrôler l'envoi des données
- Gestion des données
- Stockage des données en local
- Chargement des données du tableau depuis un service REST
