Programme JQUERY : LES FONDAMENTAUX

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

Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER

La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.

Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.

Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Logo ACF

Demande de devis

Formation
Cadre
Pôle Emploi
Nom/Prénom
Société
E-mail
Téléphone
Période
Evaluer mon niveau

Les objectifs

Cette
Cette
formation vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec jQuery. À travers une étude de cas pratique et évolutive tout au long de la formation, vous apprendrez à concevoir rapidement des interfaces accessibles permettant aux utilisateurs d'optimiser leur rentabilité depuis tous les principaux types de navigateurs.

pré-requis

Des connaissances en HTML et CSS sont requises

Moyens pédagogiques, techniques et d'encadrement

  • 1 poste de travail complet par personne
  • De nombreux exercices d'application
  • Mise en place d'ateliers pratiques
  • Remise d'un support de cours
  • Remise d'une attestation de stage

Modalités d'évaluation des acquis

- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage

Accessibilité handicapés

- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.

Le Programme

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

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

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

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

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