jQuery : Les fondamentaux

Formation #1610 - 4 jours

Sessions planifiées

28 février 2017 - 2220 €
Paris - AnyWare
16 mai 2017 - 2220 €
Paris - AnyWare
21 novembre 2017 - 2220 €
Paris - AnyWare

Intra-entreprise

Learning Tree au cœur de votre entreprise.

Demander un devis

À propos de cette formation :

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.

Vous apprendrez à :

  • 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)

Travaux Pratiques :

  • 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

À qui s'adresse cette formation ?

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.

Contenu de cette formation :

  • 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

Inscrivez-vous dès maintenant - sans risque

Appelez le 01 49 68 53 00 ou inscrivez-vous en ligne en sélectionnant une date ci-dessus.

  • Pas de paiement à l'avance
  • Payez jusqu'à 30 jours après la formation
  • Votre satisfaction est garantie - ou vous ne payez pas la formation

Vous pouvez organiser cette formation dans votre entreprise

Organisez une formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.
Que votre entreprise nécessite une seule formation ou un cursus complet, Learning Tree dispose de l'infrastructure, des technologies, des formateurs experts et de la maitrise pour gérer tous les aspects de votre formation - où et quand vous le souhaitez.

Suivez votre formation avec AnyWare d'où vous voulez

Suivez nos formations chez vous, du bureau ou dans le centre AnyWare de Learning Tree le plus proche et bénéficiez du même enseignement pratique de qualité délivré par nos formateurs.
AnyWare c'est notre plateforme de formation présidentielle à distance par Internet.

Financez votre formation

Le financement de votre formation ne doit pas être un obstacle. Nos conseillers vous aiderons dans vos démarches avec les OPCA par exemple.
Profitez également de la réduction Return to Learn qui récompense les participants ayant déjà suivi une formation Learning Tree.

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.