Nos domaines de formation :

Formation jQuery, développer des applications Web interactives

4,7 / 5
Stage pratique
meilleur vente
Durée : 5 jours
Réf : ERY
Prix  2018 : 2660 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Développer des applications Web en utilisant JavaScript nécessite souvent d'adapter le code au navigateur. Le framework jQuery est une solution très répandue pour répondre à ce genre de problématique. Ce cours vous apprendra la façon de le mettre en oeuvre et d'améliorer l'ergonomie et l'interactivité de vos sites.

Objectifs pédagogiques

  • Développer des applications Web interactives "cross-browser"
  • Maîtriser les sélecteurs et les méthodes jQuery d'accès aux éléments d'une page Web
  • Gérer des évènements d'interaction avec l'utilisateur
  • Intégrer des effets visuels et des animations au sein de pages Web
  • Interagir avec un serveur en Ajax

Travaux pratiques

Mise en place d'applications Web utilisant jQuery.
PROGRAMME DE FORMATION

Présentation de jQuery

  • Qu'est-ce que jQuery ? Pourquoi jQuery ?
  • L'apport par rapport à Javascript simple.
  • Les éléments jQuery. jQuery UI. L'objet jQuery.

Travaux pratiques
Installation de jQuery. Mise en place d'une première page Web utilisant jQuery.

Méthodes utilitaires de jQuery

  • Rappel sur les objets en Javascript.
  • La manipulation d'objets avec jQuery.
  • Les méthodes de traitement d'objets de jQuery.
  • Les méthodes de traitement de tableaux en jQuery.
  • Les chaînes de caractères et Javascript.
  • Les méthodes de traitement de chaînes de jQuery.

Travaux pratiques
Mise en place d'applications Web avec différents types d'éléments en utilisant jQuery.

Les sélecteurs

  • Présentation des sélecteurs jQuery.
  • Rôle des sélecteurs. Les différents types de sélecteurs.
  • Les pseudo-classes. Les combinateurs.

Travaux pratiques
Mise en place d'applications Web utilisant des sélecteurs.

Accès à l'arbre DOM

  • Rappel sur DOM (Document Object Model).
  • Accès direct aux éléments d'une page.
  • Manipulation de DOM avec jQuery.
  • Gestion des classes CSS (addClass(), removeClass()...
  • Insertion d'éléments dans l'arbre DOM.

Travaux pratiques
Manipulation de l'arbre DOM.

La gestion des événements

  • La notion d'événements en Javascript.
  • Gestion des événements avec la méthode bind.
  • Transmission de paramètre avec la méthode bind.

Ajax et jQuery

  • Requêtage d'un serveur avec jQuery.
  • Requêtes Ajax en utilisant $.ajax().
  • Traitement de la réponse du serveur.
  • Transmission de paramètres au serveur.

Travaux pratiques
Utilisation d'Ajax avec jQuery.

Effets visuels et interface riche avec jQuery

  • Les effets visuels standard de jQuery. Créer ses propres effets visuels. Utilisation d'animate().
  • Paramétrage d'effet avec easing. Gestion de la file d'attente des effets visuels.
  • Présentation et installation de jQuery UI. Utilisation de composants évolués.
  • Onglets (tabs(), accordéon (accordion()), boîte de dialogue (dialog()), barres de progression (progressbar()).
  • Le glissé/déposé. Sélection multiple. Permutations d'éléments dans une page. Redimensionnement d'élément.

Travaux pratiques
Mise en place d'effets visuels.

Participants / Prérequis

» Participants

Développeurs Web.

» Prérequis

Connaissances de base du langage JavaScript et des technologies Web. Bonnes connaissances du langage HTML.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
BENJAMIN F. 08/10/2018
4 / 5
Les contenus de la formation sont bons, dommage de ne pas avoir vue les notions abordés dans un projet plus globale qui permettrait d'être confronté plus à la réalité d'un projet global plutôt qu'un enchainement de petit exercices. Il aurait été intéressant de mettre ces petits exercices les uns en rapport avec les autres.

Patrick P. 08/10/2018
4 / 5
projection écran très peu lisible le formateur maitrise très bien le sujet

Emmanuel D. 08/10/2018
5 / 5
Très intéressant. Beaucoup de digressions utiles sur le développement Web

Christophe R. 01/10/2018
5 / 5
Bon rapport Théorie/Pratique Beaucoup d'éléments concrêts , application réelle référence de bons outils de développement à utiliser

Corinne J. 16/04/2018
5 / 5
Très intéressant Formation conforme à mes attentes Groupe sympa

Philippe P. 16/04/2018
5 / 5
Contenu parfaitement adapté, connaissances transmises dans la bonne humeur et avec efficacité.

Clément M. 16/04/2018
5 / 5
Le formateur était très pédagogue et patient. Il reprenait plus lentement là où on avait du mal à comprendre.

Adama O. 26/02/2018
5 / 5
Bon sur l'ensemble..... Avec un formateur très ouvert d'esprit avec un sens de partage excellent

Azdine M. 26/02/2018
5 / 5
Equilibre parfait entre cas concret et théorie. Formateur très pédagogue, très expérimenté. Répond à toutes les questions en expliquant avec un très grand niveau de détail. N'hésite pas à faire des rappels.

Hakima D. 26/02/2018
5 / 5
j'ai apprécier le contenu de la formation, et la pédagogie aussi
Avis client 4,7 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.