Accueil > Technologies WEB > Jquery : développer en Javascript avec le framework Jquery
Formation #TWC114

Formation Jquery : développer en Javascript avec le framework Jquery

Durée : 5 jours

Code : TWC114

Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Utiliser le Framework jQuery pour créer simplement des interfaces graphiques
  • Intégrer des effets visuels et des animations au sein de pages Web
  • Mettre en œuvre Ajax
  • Assurer la compatibilité des Applications Internet Riches (RIA) sur tous les navigateurs
Programme
1/ JavaScript
  • Rappels sur le langage
  • Gestion des évènements
  • L'objet "XMLHttpRequest"
2/ Le Framework jQuery
  • L'utilité d'un framework JavaScript
  • Comprendre jQuery et comment l’utiliser
  • L'apport par rapport à Javascript simple
  • Présentation des éléments jQuery
  • jQuery UI
  • L'objet jQuery
3/ Méthodes utilitaires de jQuery
  • Manipulation d'objets
  • Traitement d'objets de jQuery
  • Les tableaux
  • Les chaînes de caractères et Javascript
  • Traitement de chaînes de jQuery
4/ jQuery Selectors (Sélecteurs)
  • Présentation
  • Rôle des sélecteurs
  • Les différents types de sélecteurs
  • Les pseudo-classes
  • Les combinateurs
5/ Manipulation du DOM (Document Objet Model)
  • Définition et représentation DOM
  • Insertion, déplacement et suppression d'éléments
  • Parcours : Enfants, parents, et frères
  • Autres fonctions de parcours
  • addClass(), removeClass()...
  • Insertion d'éléments dans l'arbre DOM
6/ Évènements
  • Gestionnaires d’événements
  • Evènements simples et composés
  • L'objet Event et son utilisation
  • Souris et clavier
  • Se désabonner à un évènement
  • Autres événements et déclencheurs
7/ Ajax avec jQuery
  • Le concept
  • Transmission de paramètre avec la méthode bind
  • Requêtage d'un serveur avec jQuery
  • Requêtes Ajax en utilisant $.ajax()
  • Traitement de la réponse du serveur
  • Transmission de données au serveur
  • Ajax et modèle évènementiel
8/ et Effets
  • Apparition et disparition
  • Mouvement et transitions
  • Utilisation d'animate()
  • Les effets visuels standards de jQuery
  • Créer ses propres effets visuels
  • Paramétrage d'effet avec easing
  • Gestion de la file d'attente des effets visuels
9/ Conception de formulaires conviviaux
  • Sélectionner et diriger le focus sur le premier élément
  • Créer une réponse aux événements Focus et Blur
  • Commentaires en temps réel via les événements clavier
  • Intégrer un plug-in de validation
10/ Réalisation d'interfaces avec jQuery UI
  • jQuery et les feuilles de styles CSS
  • Présentation et installation de jQuery UI
  • Utilisation de composants évolués
  • Construction d'interfaces interactives
  • Onglets (tabs())
  • Sliders
  • Accordéons (accordion())
  • boîte de dialogue (dialog())
  • barres de progression (progressbar()
  • Drag and drop...
  • Le glisser/déposer
  • Sélection multiple
  • Permutations d'éléments dans une page
  • Redimensionnement d'élément
11/ Créer des pages mobiles multi-plate-forme avec jQuery mobile
  • Structurer les pages avec les attributs HTML5 data-*
  • Économiser de l'espace avec les listviews et les blocs réductibles et initialiser les pages avec pageinit et gérer les événements tactiles
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Webmasters
  • Développeurs
  • Intégrateurs