Nos domaines de formation :

Formation jQuery, développer des applications Web interactives

4,5 / 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
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.

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

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

Dominique G. 09/10/2017
4 / 5
Très documenté avec beaucoup de retours expériences et de sites en ligne. Nécessite peut-être plus de structuration et d'approfondissement des concepts de base. Perte de temps dans la recopie du code inutile

Francoise G. 09/10/2017
4 / 5
Merci pour tous les addon

Luc G. 09/10/2017
5 / 5
Formation assez 'universitaire' avec un cours et des exemples détaillés. Tp avec beaucoup de temps, mais pas assez de petits exemples simples le premier jour (style faire un tableau 3x3 avec un damier, puis appliquer et corriger sur un tableau 4x4). Bonnes surprises : découverte et application de Bootstrap, fontawesome, TILT et CCS3 Generator. Formateur accessible et qui répond volontier a des problématiques liés indirectement au cours. Exemples vu en stage, fournis après coups très bien fai
Avis client 4,5 / 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.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[+]
PARIS
[+]
AIX
[+]
BORDEAUX
[+]
GRENOBLE
[+]
LILLE
[+]
LYON
[+]
MONTPELLIER
[+]
NANTES
[+]
RENNES
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULOUSE

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.