theme solutions defaut avatar

jQuery et jQuery UI Réf : MO00014

Par Eric Sarrion 12345

Enrichissez vos sites web en utilisant la puissance des librairies jQuery et jQuery UI.

Durée :
5 jours

€2,320 HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Dernier né des frameworks JavaScript, jQuery a immédiatement séduit les développeurs web. Simple, efficace, complet, il permet de créer et manipuler des pages HTML/CSS dynamiques, sans forcément maîtriser la syntaxe compliquée du langage JavaScript. Associé au module jQuery UI, pour ajouter des effets graphiques avancés (glisser-déposer, menus en accordéon, autocomplétion.. .), jQuery offre un moyen aisé d'enrichir ses sites web par une interaction très complète avec les besoins des utilisateurs.

Objectifs pédagogiques

A l'issue du stage, le participant saura développer des sites web nouvelle génération (web 2.0) à l'aide de jQuery et jQuery UI.

Public

Développeurs / chefs de projets souhaitant utiliser jQuery et jQuery UI pour réaliser des sites web ayant une interface utilisateur moderne.

Pré-requis

Connaissance de HTML et CSS.

Type

Stage pratique

Méthode pédagogique

30% théorie et 70% travaux pratiques. Le livre du formateur sera remis à chacun des participants.

Plan de cours

JOUR 1
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
  • Sélecteurs multiples
  • Exemples utilisant les sélecteurs
Accéder au DOM
  • Document Object Model : rappels JavaScript
  • Différentes formes de la fonction jQuery ()
  • Méthodes d'accès au DOM
  • Exemples d'utilisation des méthodes

JOUR 2
Manipuler le DOM
  • Parcours des éléments 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
  • Transmettre d'autres paramètres à un événement
  • Evénements utilisables dans bind ()
  • Méthode unbind () : supprimer un gestionnaire d'événement
  • Autres méthodes
  • Utiliser des catégories dans les noms d'événements
  • Exemples d'utilisation des événements

JOUR 3
Ajax
  • Principe de base
  • Mise en place d'un serveur
  • Méthode $.ajax (options)
  • Méthode load (url, data, success)
  • Evénements Ajax
Effets visuels
  • Effets visuels standards définis par jQuery
  • Enchainements d'effets standards
  • Créer ses propres effets visuels avec jQuery
  • Enchainement d'effets avec animate ()
  • Gérer la file d'attente des effets visuels
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

jQuery UI (2 jours)

JOUR 4
Introduction à jQuery UI
  • Installation de jQuery UI
  • Aperçu de jQuery UI
  • C'est quoi un thème CSS ?
  • Quels fichiers inclure dans nos pages HTML ?
  • Changer de thème CSS
Onglets dans la page
  • Principe de base
  • Mise en forme du contenu
  • Méthode tabs ()
  • Gestion des événements dans les onglets
  • Exemple d'utilisation des onglets
Menus en accordéon
  • Principe de base
  • Mise en forme du contenu
  • Méthode accordion ()
  • Gestion des événements dans les menus
  • Exemples d'utilisation des menus en accordéon
Boites de dialogue
  • Principe de base
  • Mise en forme du contenu
  • Méthode dialog ()
  • Gestion des événements dans les boites de dialogue
  • Exemples d'utilisation des boites de dialogue

JOUR 5
Boutons dans la page
  • Principe de base
  • Mise en forme du contenu
  • Méthode button ()
  • Gestion des événements sur les boutons
  • Boutons radio
  • Cases à cocher
  • Exemple d'utilisation des boutons
Barres de progression
  • Principe de base
  • Mise en forme du contenu
  • Méthode progressbar ()
  • Gestion des événements dans les barres de progression
  • Exemple d'utilisation des barres de progression
Sliders
  • Principe de base
  • Mise en forme du contenu
  • Méthode slider ()
  • Gestion des événements sur les sliders
  • Exemple d'utilisation des sliders
Calendriers
  • Principe de base
  • Mise en forme du contenu
  • Méthode datepicker ()
  • Gestion des événements sur les calendriers
  • Exemples d'utilisation des calendriers
Auto-complétion
  • Principe de base
  • Mise en forme du contenu
  • Méthode autocomplete ()
  • Gestion des événements sur les listes de suggestions
  • Exemple d'utilisation du mécanisme d'auto-complétion
Drag & drop
  • Méthode draggable ()
  • Gestion des événements sur les éléments déplacés
  • Exemples d'utilisation de la fonctionnalité de drag
  • Méthode droppable ()
  • Gestion des événements sur les éléments de dépôt
  • Exemples d'utilisation de la fonctionnalité de drop

Prochaines sessions

Aucune session de planifiée à ce jour, veuillez nous contacter pour avoir plus d'info ou suggérez vous-même une session.


Proposer une session.

Pas de témoignage pour l'instant.

image

Cher(e) visiteur(euse),

La pré-inscription à une session de formation se fait  directement sur notre site. Vous pouvez au préalable nous demander un devis.

Cette inscription en 4 étapes comprend la saisie de

  • vos coordonnées,
  • votre entreprise,
  • les noms des participants au stage,
  • les éléments nécéssaires à la facturation.
Vous pouvez, à tout moment, sauvegarder votre inscription en cours et la reprendre plus tard.

Une fois votre inscription validée, vous recevez un récapitulatif de votre commande par mail.

La Convention de Formation Professionnelle Continue simplifiée sera envoyée par mai dans les 72H max. A noter que l'inscription est considérée comme définitive qu'après signature de cette convention.

Dès réception par nos services, de la convention signée, la convocation de stage est envoyée par mail aux stagiaires qui se voient ouvrir un compte sur notre site internet, leur permettant de préparer leur formation (accès, communication de leurs attentes, etc.). La facture sera émise à l'issue de la formation.

Pour toute information complémentaire, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Développement internet et mobile »  – Voir toutes les formations