jQuery Réf : IJFJ

Par Boris Schapira

Enrichissez vos sites web en utilisant la puissance de JQuery.

Durée :
4 jours
Lieux :
Paris

2 090 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Cette formation jQuery vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec le Framework jQuery. À travers une étude de cas pratique (40% du temps de la formation) , évolutive et très concrète vous apprendrez à concevoir rapidement des interfaces accessibles permettant aux utilisateurs d'optimiser leur rentabilité depuis tous les principaux types de navigateurs tout au long de la formation. Cette formation jQuery vous permet de comprendre les concepts fondamentaux de jQuery pour parcourir des documents HTML, gérer des événements, créer des appels avec Ajax et mettre à jour du contenu avec JSON, XML et des services Web.

Objectifs pédagogiques

A l'issue de cette formation jQuery, les participants seront en mesure de
  • 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
  • Appréhender jQuery UI et jQuery mobile.


Public

Développeurs,
Intégrateurs,
Designer.

Pré-requis

Connaissance de HTML, CSS nécessaire. Une expérience de JavaScript ainsi que des notions de base de programmation seraient utiles.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (50%) et de travaux pratiques (50%). Chaque chapitre sera validé par un exercice pratique, réalisé par le stagiaire sur poste individuel, afin de valider la bonne acquisition des notions abordées.

Plan de cours

Les fondamentaux 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

 

Prochaines sessions

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations