Formation jQuery Réf : jqy1

Par Boris Schapira

Enrichissez vos sites web en utilisant la puissance de JQuery.

Durée :
4 jours
Lieux :
Paris

2 090 € HT (prix conseillé)

Partage :

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

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

Description

Simple, efficace et complet, jQuery permet de créer et manipuler des pages HTML/CSS dynamiques et offre un moyen aisé d'enrichir ses sites web par une interaction très complète avec les besoins des utilisateurs. Cette formation sur JQuery dresse une présentation complète de cette bibliothèque JavaScript accompagnée d'une mise en pratique permettant d'acquérir l'autonomie nécessaire à son utilisation.

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de
  • Appréhender le concept du framework jQuery et son apport au développement web 2.0 et JavaScript,
  • Mettre en œuvre jQuery et améliorer l'ergonomie et l'interactivité de leurs sites,
  • Développer des plug-ins jQuery,
  • Appréhender jQuery UI et jQuery mobile.


Public

Développeurs,
Intégrateurs,
Designer.

Pré-requis

Connaissance de HTML, CSS.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (50%) et de travaux pratiques (50%). Chaque chapitre sera validé par un exercice pratique, réalisé par le stagiaire sur poste individuel, afin de valider la bonne acquisition des notions abordées.

Plan de cours

Programme de la 1ère journée de formation jQuery
Rappels sur JavaScript
Les bases du développement JavaScript
Typage faible
Fonctions
Closures
Dom : définition et interaction JavaScript

Pourquoi un framework ?
Lourdeur et complexisté de la syntaxe
Compatibilité  inter-navigateurs

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
 
Gestion des 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

Programme de la 2ème journée de formation jQuery
L'importance des sélecteurs
Définition
Les types de 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

Manipuler le DOM
Parcours des éléments de la collection
Les diffrentes méthodes de gestion
Attributs et propriétés
Classes CSS
Style
Dimensions, position, contenu
Insertion dans le DOM

Programme de la 3ème journée de formation jQuery
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

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 et aux objets de classe jQuery
Ajouter de nouvelles pseudo-classes
Diffuser un plugin

Programme de la 4ème journée de formation jQuery
Interfaces utilisateur perfectionnées avec 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
Menus en accordéon
Principe des boites de dialogue et boutons dans la page
Barres de progression et Sliders
Calendriers
Auto-complétion et Drag & drop

Créer des pages mobiles multi-plate-forme avec jQuery mobile
Les spécificités
Travailler avec des pages et des commandes mobiles
Structurer les pages avec les attributs HTML5 data-*
Économiser de l'espace avec les listviews et les blocs réductibles
Initialiser les pages avec pageinit
Gérer les événements tactiles
 

Prochaines sessions

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, 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 « Technologies front-end »  – Voir toutes les formations