jQuery : Les fondamentaux

Formation #1610 - 4 jours

Dans cette formation jQuery, vous apprenez à appliquer jQuery en tant qu'outil pour un développement rapide de sites web modernes et riches en fonctionnalités. Vous allez créer des pages web conformes aux normes et réactives avec Ajax, concevoir des formulaires faciles à utiliser, étendre jQuery avec des plug-in et améliorer l'expérience utilisateur.

  • Développer rapidement des applications web 2.0 dynamiques avec jQuery, HTML, CSS et Ajax
  • Créer des interfaces client aux fonctionnalités avancées et accessibles sans navigateur avec des animations et des effets jQuery
  • Optimiser les formulaires HTML afin qu'ils exploitent la validation jQuery et l'appel aux services web avec Ajax
  • Développer et intégrer des plug-ins et incorporer les composants d'interfaces utilisateur (UI)

  • Parcourir et manipuler le DOM avec les sélecteurs de CSS
  • Création d'animations simples ou complexes
  • Mise en cache efficace chez le client avec Promises et $.when().then()
  • Validation de formulaires HTML avec jQuery et les plug-ins
  • Concevoir un panier d'achat glisser-déposer
  • Conception de pages web pour mobile avec des attributs data-* et pagecreate

Aux développeurs et concepteurs de sites web souhaitant apprendre la programmation avec jQuery.

Des connaissances en HTML et CSS correspondant au niveau de la formation 470, Développement d'un site web, sont requises.

  • Parcourir le code HTML avec la fonction jQuery()
  • Présentation de Sizzle, le moteur de sélection basé sur les CSS
  • Associer les nœuds par nom, ID, classe, position, contenu, comportement et contexte d'élément
  • Associer des appels à la fonction jQuery()

Ajout et remplacement de contenu avec jQuery

  • Mettre à jour, ajouter et supprimer du contenu d'élément et des valeurs d'attributs
  • Ajouter des nœuds au DOM et manipuler les nœuds parents et enfants

Affecter des propriétés CSS de façon dynamique

  • Ajouter et supprimer des règles et des classes CSS
  • Contrôler la taille et la position des éléments

Créer un code JavaScript accessible et non obstrusif

  • Utiliser la méthode .ready()
  • Affecter des gestionnaires d'événements avec un programme

Enrichir des pages en ajoutant des animations simples

  • Contrôler la visibilité avec .hide(), .show() et .toggle()
  • Créer des effets de glissement et de fondu remarquables
  • Combiner des animations et répondre aux fonctions de rappel
  • Tirer profit des littéraux d'objets pour contrôler les animations
  • Développer des animations personnalisées avec .animate()

Mise à jour asynchrone des composants de page

  • Télécharger du HTML avec la méthode .load()
  • Appeler des services web avec .get() et .post()
  • Remplacer les rappels par des objets différés en chaînes
  • Combiner les appels Ajax avec when() et then()

Conversion des données de serveur sérialisées en HTML

  • Extraire le format JSON avec .getJSON()
  • Rechercher et analyser du code XML avec .ajax()

Outils jQuery dédiés à la manipulation des formulaires

  • 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

Étendre jQuery avec les plugins

Intégrer des plugins connus

  • Exploiter les contributions de la communauté jQuery
  • Extraire des données imbriquées dans la sémantique HTML avec le plugin Metadata
  • Manipuler les images avec les diaporamas et les carrousels

Développer des plugins jQuery

  • Respect des meilleures pratiques, conventions de nommage
  • Gérer plusieurs éléments
  • Activer le chaînage des méthodes
  • Alias $ pour éviter les conflits entre les espaces de noms
  • Littéraux d'objets pour remplacer les valeurs par défaut

Widgets pour accroître l'interactivité des applications web

  • Optimiser l'agencement de l'écran avec des accordéons et des onglets
  • Ajouter des fenêtres flottantes redimensionnables avec des boîtes de dialogue
  • Proposer une aide à la saisie avec la saisie automatique

Implémenter des effets

  • Créer des animations en couleur avec .animate()
  • Effets et accélérations complexes pour les animations

Ajouter des fonctions web 2.0

  • Redimensionner les éléments HTML
  • Créer des interfaces utilisateur avec la fonction glisser-déposer

Travailler avec des pages et des commandes mobiles

  • Structurer les pages avec les attributs HTML5 data-*
  • Économiser de l'espace avec les listviews et les blocs réductibles et initialiser les pages et gérer les événements tactiles

Sessions planifiées inter-entreprises

Inscrivez-vous à une de nos sessions en sélectionnant un mode de suivi :

21 novembre 2017 - 2220 € - À Paris ou À distance

Aucune session ne vous convient ? Faites-nous part de vos disponibilités dans votre demande de devis.

Demander un devis

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Financez votre formation

  • Programmes Visa Société et Passeport
  • Réduction Return to Learn

Pour en savoir plus, cliquez ici.

Votre formation à distance et en direct

Sans frais supplémentaires, depuis tout lieu possédant une connexion Internet, connectez-vous en temps réel et en direct à une session dispensée par nos formateurs grâce à AnyWare™, la plateforme de formation en distanciel de Learning Tree.

Notre catalogue

Vous souhaitez parcourir toute notre offre de formation ultérieurement ?

Téléchargez notre catalogue

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.