Icon dormation Formation JQuery

Formation JQuery

Code de formation : 0224-1

Objectifs

Développer des sites web nouvelle génération (web 2.0) à l'aide de JQuery.

Durée

2 jours, soit 14 heures de formation de 9h00 à 18h00.

Public

Les Développeurs d'applications web sont concernés par ce module de formation JQuery.

Pré-requis

Seules les notions de base de HTML et CSS sont nécessaires.

Moyens mis en oeuvre

Présentation sur Ecran LCD, PC et connexion internet fournis, supports de cours fournis.

Procédure de validation

Réalisation de cas pratiques, permettant de mettre en application l'ensemble des techniques abordées.

Télécharger le programme en PDF

Programme Formation JQuery

La philosophie de jQuery

  • Installation de jQuery
  • Objet jQuery
  • Comme raccourci
  • Chainage des méthodes
  • Propriétés et méthodes de l’objet jQuery
  • Propriétés et méthodes de l’objet retourné par – jQuery()
  • Philosophie générale de jQuery

Méthodes utilitaires

  • Manipulation d’objets
  • Méthodes booléennes
  • Manipulation de tableaux
  • Manipulation de chaines de caractères
  • Autres propriétés et méthodes

Sélecteurs

  • De l’importance des sélecteurs
  • Sélecteurs simples
  • Sélecteurs d’attributs
  • Sélecteurs de classe
  • Sélecteurs d’id
  • Pseudo-classes
  • Pseudo-classes liées aux formulaires
  • Combinateurs de descendance, filial, d’adjacence directe et d’adjacence indirecte
  • Sélecteurs multiples
  • Exemples utilisant les sélecteurs

Accéder au DOM

  • Document Object Model : rappels JavaScript
  • Méthodes d’accès au DOM : supprimer, ajouter ou remplacer des éléments dans la liste et autres

Manipuler le DOM

  • Parcours des éléments de la collection
  • Méthode each(callback)
  • Propriété length
  • Accès à un élément particulier de la collection
  • Méthodes gérant les attributs et propriétés
  • Méthodes gérant les classes CSS
  • Méthodes gérant le style
  • Méthodes gérant les dimensions
  • Méthodes gérant la position
  • Méthodes gérant le contenu
  • Méthodes d’insertion dans le DOM
  • Autres méthodes de gestion du DOM

Gestion des événements

  • Gestion des événements : rappels JavaScript
  • Méthode bind (eventName, callback)
  • Paramètre event : propriétés et méthodes du paramètre event, propagation de l’événement
  • Transmettre d’autres paramètres à un événement

Effets visuels

  • Effets visuels standards définis par jQuery
  • Enchainements d’effets standards
  • Créer ses propres effets visuels avec jQuery : méthode animate (), paramètre objStyle, paramètre ou option easing
  • Enchainement d’effets avec animate ()
  • Gérer la file d’attente des effets visuels
  • Exécuter des effets simultanés sur les mêmes éléments HTML
  • Arrêter l’exécution d’un effet : méthode stop ()
  • Différer l’exécution d’un effet : méthode delay ()

Créer un plugin jQuery

  • Objectifs d’un plugin
  • Ajouter de nouvelles méthodes à l’objet jQuery
  • Ajouter de nouvelles méthodes aux objets de classe jQuery
  • Ajouter de nouvelles pseudo-classes
  • Diffuser un plugin

Partager cette formation

Envoyer le programme de formation par mail


Nos autres formations sur le même thème

Angularjs

Angularjs

Développer des applications complexes à l'aide d'Angularjs

Consulter le programme

La Toolbox du Développeur Front End

La Toolbox du Développeur Front End

Optimisation du temps de travail grace à des outils spécifiques pour le développement.

Consulter le programme

PostCSS

PostCSS

Apprendre à optimiser des feuilles de style grâce à PostCSS

Consulter le programme

Laravel 5.1

Laravel 5.1

Apprendre à développer des applications complexes grâce au framework Laravel

Consulter le programme

Préprocesseur Less

Préprocesseur Less

Apprendre à créer des feuilles de style en Less et optimiser son travail.

Consulter le programme

Polymer

Polymer

Développer des applications ou des sites web en utilisant les Web Components

Consulter le programme

Préprocesseur Sass

Préprocesseur Sass

Apprendre à créer des feuilles de style en Sass et optimiser son travail.

Consulter le programme

Formation HTML5 et CSS3

Formation HTML5 et CSS3

Apprendre à créer des pages en HTML5 et utiliser les balises HTML5.

Consulter le programme

Formation PHP et SQL

Formation PHP et SQL

Apprendre à gérer des sites dynamiques grâce au PHP/SQL.

Consulter le programme

Formation JQuery Mobile

Formation JQuery Mobile

Développer des applications pour smartphones et tablettes à l'aide de jQuery mobile.

Consulter le programme