Jquery - Evolution

Jquery
Framework
Objectif : Cette formation vous permettra de prendre en main l’un des
frameworks JavaScript les plus utilisés sur le web. Vous apprendrez à
manipuler les éléments d’interface afin d’y ajouter de l’interactivité. Vous
verrez aussi comment créer des animations complexes telles que les
carrousels et vous utiliserez le chargement des éléments AJAX. Enfin, vous
explorerez le framework en profondeur afin de développer vos propres
plug-ins.
Durée : 3 jour(s)
Pré-requis : Des connaissances de base en HTML, CSS
et JavaScript sont nécessaires.
Plan du stage
1. Prise en main
- Principe et Fonctionnement de Jquery.
- Importation et utilisation de la bibliothèque.
- Rappels JavaScript : bases, typage, fonctions, closures.
3. Gestion des événements
- Gestionnaires d'événements.
- Les événements souris et clavier.
- Méthode bind (eventName, callback).
- Méthode unbind () : supprimer un gestionnaire d'événement.
- Autres événements et déclencheurs.
5. Html, css et attributs
- Manipulation du document HTML.
- Classes, attributs et valeurs.
- Manipulations du document.
- Traitement des formulaires, validation et expression régulières.
- Interactions avec les propriétés CSS.
- Dimensions et positionnement.
7. Parcourir et manipuler le dom
- Le Document Object Model : présentation.
- Enfants, parents, et frères.
- Les fonctions de parcours.
- Insérer, supprimer et modifier des éléments.
- Déplacer et cloner.
9. Animations et effets
- Effets visuels standards définis par jQuery.
- Enchainements d'effets standards.
- La méthode animate ().
- Gérer la file d'attente des effets visuels.
11. Ajax
- Principe de base et architecture client / serveur.
- Protocole HTTP : les méthodes GET et POST.
- Les méthodes simplifiées $.get et $.post.
- La méthode complète $.ajax.
- Les événements associés à une requête AJAX (ajaxSuccess,
ajaxError, etc.).
- La méthode $.getScript et le chargement déporté des scripts.
- Les formats JSON et XML.
- Utilisation d'un webService (géolocalisation).
13. Plug-ins et extensions
- Rechercher et utiliser des plug-ins.
- Quelques plug-ins indispensables.
- Écrire son propre plug-in.
15. Jquery en production
- Optimisation des scripts et performances.
- Outils de développement et débogage.
- Aller plus loin avec jQuery UI.
2. Sélectionner et cibler des éléments
- Sélecteurs de base (balise, classe, id).
- Sélecteurs d'attributs.
- Sélecteurs hiérarchiques.
- Pseudo-classes.
- Sélecteurs et chaînage.
- Filtres et sélecteurs avancés.
4. Atelier
- Création d'un menu de sélection de langue.
6. Atelier
- Vérification et validation d'un formulaire.
8. Atelier
- Réorganiser les éléments d'un tableau.
10. Atelier
- Création d'un diaporama avec effet de fondu.
12. Atelier
- Création d'une pagination avec chargement du contenu
asynchrone.
14. Atelier
- Création d'un plug-in de menu défilant : « Stick to top ».
Moyens Pédagogiques, techniques et
d'encadrement
Suivi de l'exécution et appréciation des résultats
1 ordinateur par personne, alternance explications /
applications, paperboard, tableaux blancs, vidéo projecteur si
nécessaire, support post formation. Le formateur est un
professionnel de l'animation et de la pédagogie pour adulte ; Il
est un technicien aguerri sur le sujet de cette formation.
Feuille d'émargement signée par 1/2 journée, Exercices
autonomes réguliers pour s'assurer de l'assimilation,
Evaluation de fin de stage par l'apprenant.
Votre formation en images
Effet de zoom avec légende
Formulaire Login
Menu défilant
EVOLUTION - 25 Avenue Saint Maur - 59110 LA MADELEINE - France - Capital Social : 25 000 €
Email : [email protected] - Site Internet : http://www.evolution-nord.com