FORMATION JQUERY : Développer en Javascript avec le framework JQUERY
Objectifs de la formation Jquery
Jquery est une bibliothèque Javascript de plus en plus incontournable pour un développeur Web professionnel. Ce framework Javascript permet de simplifier le développement tout en gardant une approche web 2.0.
Cette formation Jquery vous apprendra à manipuler efficacement les documents HTML (DOM), gérer les événements, proposer des effets visuels et des animations riches, manipuler les feuilles de styles en cascades (CSS), gérer les interactions Ajax, et plus généralement disposer d’une vue claire sur toute la batterie de plugins proposés par Jquery.
Vos programmes seront compatibles avec tous les navigateurs du marché (IE, Firefox, Safari, Chrome et Opéra), aussi bien dans les environnements Windows, Mac ou Linux quelque soit le plugin Javascript que vous utiliserez.
Vous apprendrez également à développer vos propres modules d’extension afin d’enrichir les bibliothèques existantes.
A qui s'adresse la formation Jquery
Cette formation Jquery s'adresse aux développeurs Web ainsi qu'aux webmasters.
Pré-requis :
Des notions de base sur HTML, CSS et au moins un langage de programmation sont nécessaires. Les fondamentaux sur le langage JavaScript sont recommandés même si des rappels sont effectués tout au long du stage.
Contenu de la formation Jquery
1 Rappels sur les fondamentaux Javascript et CSS
Rappels sur les bases du langage Javascript
le DOM en Javascript
Syntaxe CSS et sélecteurs
Qu'est-ce qu'un Framework Javascript ?
Les principaux projets (Prototype, MooTools, ScriptAculous, JQuery)
Les outils pour développer avec jQuery
2 Les principes de base de Jquery
Inclusion de jQuery dans les pages
Installation de la librairie
Utiliser jQuery avec d'autres librairies.
Quand débuter les traitements (DOM ready) ?
L'apport des modules dans Jquery (CSS, data)
Travaux pratiques
Sélecteurs en jQuery
Sélecteurs CSS (1,2 et 3)
Les sélecteurs hiérarchiques
Les sélecteurs spécifiques à jQuery
Le sélecteur $(this)
Les filtres
Les filtres de base
Les filtres de contenu
Les filtres de pseudo-classes et
Les filtres d'attributs
Les filtres de formulaire
Travaux pratiques
Fonctions simples et fonctions avec arguments
Les principales fonctions
Détection de navigateur
Gestion des tableaux
Cas particulier : l'objet $
Travaux pratiques
3 Manipulations HTML avec jQuery
Manipulations du code HTML (DOM jQuery)
Insérer du contenu
Ajouter du contenu à l'extérieur
Cloner du contenu
Remplacer du contenu
Supprimer du contenu
Manipulations du texte
Manipulations des attributs
Travaux pratiques
2ème Journée
4 CSS et jQuery
Manipulations des classes
Manipulations en CSS
Dimensions et positionnement
Dimensions des objets
Positionnement des objets
5 Animations et Effets
Apparition et disparition
Mouvement et transitions
Fonction Animate
6 Événements
Souris (clics...) et clavier
L'évènement de chargement de page (ready).
Création d'événements et déclencheurs (bind, unbind, trigger...).
Les fonctions d'événement prédéfinies (one, die, ...).
Événements dynamiques (Live)
Travaux pratiques
7 Ajax
Principes d'Ajax
La fonction $.ajax
La gestion des évènements AJAX
La fonction $.post
La fonction $.get avec réponse XML
Les fonctions dédiées $.getJSON() et $.getScript()
Travaux pratiques
3ème Journée
8 Les plugins disponibles dans Jquery
Aide contextuelle (qTip)
Menu (SuckerFish)
Galerie Photo (Lightbox)
jQuery UI
Liste déroulante
Accordéon
Onglets
Calendrier
Drag and Drop
Sortable
Dialog
Progress Bar
Scroll Bar (slider)
Principes pour créer ses propres modules d'extension (plugin)
Travaux pratiques
9 Conclusion
Avantages et inconvénients de Jquery
Les autres frameworks et comparatifs
Formation Javascript Jquery
-Formation Framework Javascript
-formation Framework JQUERY
-JQUERY
22-24 rue du Président Wilson 92300 Levallois-Perret Tél.: 33 (0)1 43 34 90 94 Fax : 33 (0)1 43 34 90 95