Formation Informatique | Formation Management
Informatique » Internet / XML-SOA / Cloud » Formation Web, développement »

JQuery, développer des applications Web 2.0

Formation Javascript

Stage pratique
Eligible au DIF

Réf : ERY

Prix 2012 : 2315 € H.T.
Durée :  5  jours
Cliquer sur une session pour réserver:

Paris
18 juin 12, 10 sept. 12

Toutes les sessions  

Lyon,Aix
Nantes,Rennes
Toulouse,Bordeaux
Bruxelles,Strasbourg
Lille,Geneve
Sophia-antipolis,Luxembourg :
Nous contacter
Filières métiers:

Développeur de site Web (côté client)
Développeur Web / Javascript / Ajax
version pdf imprimer Faire suivre


Les objectifs de cette formation Javascript
Développer des applications Web en utilisant JavaScript nécessite souvent d'adapter le code au navigateur. Pour répondre à cette problématique, la solution la plus populaire aujourd'hui est d'utiliser la librairie jQuery. Ce stage vous détaillera comment la mettre en oeuvre et améliorer l'ergonomie et l'interactivité des vos sites.

Participants de cette formation Javascript

Développeurs Web. Informaticiens souhaitant développer des applications Web utilisant jQuery.

Pré-requis de cette formation Javascript

Connaissances de base du langage Java et des technologies Web. Bonnes connaissances du langage HTML.

Travaux pratiques

Mise en place d'applications Web utilisant jQuery.

Programme de cette formation Javascript

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.

- Installation de jQuery.

Travaux pratiques
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'objet de jQuery ($.each(), $.extend(), ...).

- Les méthodes de traitement de tableau en jQuery ($.map(), ...).

- Les chaînes de caractères et JavaScript.

- Les méthodes de traitement de chaîne de jQuery ($.trim(), ...).

Travaux pratiques
Mise en place d'applications Web manipulant 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 avec jQuery.

La gestion des événements

- La notion d'événements en JavaScript.

- Uniformisation de la 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()), boutons (button()), 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 avec jQuery.