Formations informatiques à Grenoble et Sophia Antipolis

Formation jQuery Les fondamentaux

Objectifs

Identifier les concepts fondamentaux de jQuery et son utilisation pour manipuler le DOM.

Expliquer le fonctionnement de la fonction jQuery() et du moteur de sélection Sizzle.

Utiliser jQuery pour ajouter, mettre à jour et supprimer du contenu dans des éléments HTML.

Analyser les propriétés CSS dynamiques et leur impact sur la mise en page des éléments.

Intégrer des animations simples pour enrichir les pages Web en utilisant les méthodes .hide(), .show() et .toggle().

Évaluer l’efficacité des appels Ajax pour la mise à jour asynchrone des composants de page.

Concevoir des plugins jQuery en respectant les meilleures pratiques et conventions de nommage.

Utiliser des plugins jQuery pour manipuler des images et créer des diaporamas et carrousels.

Analyser les avantages des widgets jQuery pour améliorer l’interactivité des applications Web.

Développer des interfaces utilisateur interactives avec des effets et des animations avancées..

Pré-requis

Bases en HTML ou autre language souhaité, non obligatoire.

Participants

Développeurs, webmasters, webdesigners.

Programme de formation

jQuery Les fondamentaux

PRINCIPES DE BASE DE JQUERY

  1. Parcourir le code HTML avec la fonction jQuery()

  2. Présentation de Sizzle, le moteur de sélection basé sur les CSS

PARCOURIR LES DOCUMENTS HTML

  1. Associer les nœuds par nom, ID, classe, position, contenu, comportement et contexte d'élément

  2. Associer des appels à la fonction jQuery()

AJOUT ET REMPLACEMENT DE CONTENU AVEC JQUERY

  1. Mettre à jour, ajouter et supprimer du contenu d'éléments et des valeurs d'attributs

  2. Ajouter des nœuds au DOM

  3. Manipuler les nœuds parents et enfants

AFFECTER DES PROPRIÉTÉS CSS DE FAÇON DYNAMIQUE

  1. Ajouter et supprimer des règles et des classes CSS

  2. Contrôler la taille et la position des éléments

CRÉER UN CODE JAVASCRIPT ACCESSIBLE ET NON OBSTRUSIF

  1. Utiliser la méthode .ready()

  2. Affecter des gestionnaires d'événements avec un programme

ENRICHIR DES PAGES EN AJOUTANT DES ANIMATIONS SIMPLES

  1. Contrôler la visibilité avec .hide(), .show() et .toggle()

  2. Créer des effets de glissement et de fondu remarquables

  3. Combiner des animations et répondre aux fonctions de rappel

  4. Tirer profit des littéraux d'objets pour contrôler les animations

  5. Développer des animations personnalisées avec .animate()

MISE À JOUR ASYNCHRONE DES COMPOSANTS DE PAGE

  1. Télécharger du HTML avec la méthode .load()

  2. Appeler des services web avec .get() et .post()

  3. Remplacer les rappels par des objets différés en chaînes

  4. Combiner les appels Ajax avec when() et then()

CONVERSION DES DONNÉES DE SERVEUR SÉRIALISÉES EN HTML

  1. Extraire le format JSON avec .getJSON()

  2. Rechercher et analyser du code XML avec .ajax()

OUTILS JQUERY DÉDIÉS À LA MANIPULATION DES FORMULAIRES

  1. Sélectionner et diriger le focus sur le premier élément

  2. Créer une réponse aux événements Focus et Blur

  3. Commentaires en temps réel via les événements clavier

  4. Intégrer un plug-in de validation

INTÉGRER DES PLUGINS CONNUS

  1. Exploiter les contributions de la communauté jQuery

  2. Extraire des données imbriquées dans la sémantique HTML avec le plugin Metadata

  3. Manipuler les images avec les diaporamas et les carrousels

DÉVELOPPER DES PLUGINS JQUERY

  1. Respect des meilleures pratiques, conventions de nommage

  2. Gérer plusieurs éléments

  3. Activer le chaînage des méthodes

  4. Alias $ pour éviter les conflits entre les espaces de noms

  5. Littéraux d'objets pour remplacer les valeurs par défaut

WIDGETS POUR ACCROÎTRE L'INTERACTIVITÉ DES APPLICATIONS WEB

  1. Optimiser l'agencement de l'écran avec des accordéons et des onglets

  2. Ajouter des fenêtres flottantes redimensionnalbes avec des boîtes de dialogue

  3. Rationaliser la sélection et la mise en forme des dates avec Datepicker

  4. Proposer une aide à la saisie avec la saisie semi-automatique statique et dynamique

IMPLÉMENTER DES EFFETS

  1. Créer des animations en couleur avec .animate()

  2. Effets et accélérations complexes pour les animations

AJOUTER DES FONCTIONS WEB 2.0

  1. Redimensionner les éléments HTML

  2. Créer des interfaces utilisateur avec la fonction glisser-déposer

TRAVAILLER AVEC DES PAGES ET DES COMMANDES MOBILES

  1. Structure les pages avec les attributs HTML5 data-*

  2. Economiser de l'espace avec les listviews et les blocs réductibles

  3. Initialiser les pages avec pageinit et gérer les événements tactiles

Durée
3 jours
Lieux
Meylan Moirans Sophia Dans vos locaux Classe distancielle
Groupe de 8 personnes maximum
Demandez un devis
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation sur-mesure On adore les moutons à 5 pattes !
Formations dans la même thématique