Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

Développer avec le framework JavaScript jQuery

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 et des widgets en s'appuyant sur le framework JavaScript jQuery et son extension jQueryUI.

Objectifs :

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

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

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…