[wpms_breadcrumb reverse="0"]
Framework et PHP

jQuery, développer des applications Web interactives 

Reference : JQUERYDEV

5

jours
- 2 790 €  € HT
Télécharger la fiche
Prochaines sessions
    jQuery, développer des applications Web interactives 
    Objectifs

    • 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 Cette formation aborde aussi jQuery Mobile.

    Pré requis

    • Des connaissances en HTML et CSS sont nécessaires.
    • Une expérience de JavaScript ainsi que des notions de base de programmation seraient utiles.

    Modalités et délais d’accès

    Bulletin d'inscription à retourner complété

    Inscription

    Programmes de jQuery, développer des applications Web interactives 

    Principes de base de jQuery

    • Parcourir le code HTML avec la fonction jQuery()
    • Présentation de Sizzle, le moteur de sélection basé sur les CSS

    Parcourir les documents HTML

    • Associer les nœuds par nom, ID, classe, position, contenu, comportement et contexte d’élément
    • Associer des appels à la fonction jQuery()

    Manipulation du Document Object Model (DOM) pour créer du DHTML compatible entre navigateurs

    • Ajout et remplacement de contenu avec jQuery
    • Mettre à jour, ajouter et supprimer du contenu d’élément et des valeurs d’attributs et 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

    Animation de pages web avec des effets jQuery

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

    Création de pages réactives avec Ajax

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

    Conception de formulaires conviviaux

    • 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

    Interfaces utilisateur perfectionnées avec jQuery UI

    • Widgets pour accroître l’interactivité des applications web
    • Optimiser l’agencement de l’écran avec des accordéons et des onglets et ajouter des fenêtres flottantes redimensionnables avec des boîtes de dialogue
    • Rationaliser la sélection et la mise en forme des dates avec Datepicker, proposer une aide à la saisie avec la saisie semi-automatique statique et dynamique
    • 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

    Créer des pages mobiles multi-plate-forme avec jQuery mobile

    • 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 avec pageinit et gérer les événements tactiles