Evolution-Nord

Jquery

Par Evolution-Nord

Objectifs

Cette formation vous permettra de prendre en main l'un des frameworks JavaScript les plusutilisés sur le web. Vous apprendrez à manipuler les éléments d'interface afin d'y ajouter del'interactivité. Vous verrez aussi comment créer des animations complexes telles que lescarrousels et vous utiliserez le chargement des éléments AJAX. Enfin, vous explorerez leframework en profondeur afin de développer vos propres plug-ins.

Programme

1. Prise en main

  • Principe et Fonctionnement de Jquery.
  • Importation et utilisation de la bibliothèque.
  • Rappels JavaScript : bases, typage, fonctions, closures.

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.

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.

4. Atelier

  • Création d'un menu de sélection de langue.

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.

6. Atelier

  • Vérification et validation d'un formulaire.

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.

8. Atelier

  • Réorganiser les éléments d'un tableau.

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.

10. Atelier

  • Création d'un diaporama avec effet de fondu.

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).

12. Atelier

  • Création d'une pagination avec chargement du contenu asynchrone.

13. Plug-ins et extensions

  • Rechercher et utiliser des plug-ins.
  • Quelques plug-ins indispensables.
  • Écrire son propre plug-in.

14. Atelier

  • Création d'un plug-in de menu défilant : « Stick to top ».

15. Jquery en production

  • Optimisation des scripts et performances.
  • Outils de développement et débogage.
  • Aller plus loin avec jQuery UI.

Formations de la même catégories (5)

Feel Europe
Développement JavaScript avec JQueryPar Feel Europe
  • Rédiger facilement et de manière maintenable les interactions JavaScript de vos page Web à l'aide de jQuery : animations, validation, AJAX et autres fonctionnalités caractéristiques du Web 2.0
ENI SERVICE
jQuery – Développement Web Front End en JavaScriptPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework jQuery.

Dawan
JQueryPar Dawan
  • Construire des interfaces performantes avec jQuery - Développer des plugins additionnels
M2i Formation
JavaScript et jQuery pour les designersPar M2i Formation
  • Définir les bases de JavaScript et du DOM
  • Juger de l'intérêt de jQuery pour la programmation Cross-browser
  • Gérer les évènements et les manipulations dynamiques avec jQuery
  • Réaliser des appels synchrones (Ajax) avec jQuery
  • Utiliser des plug-ins jQuery.
Dawan
Webmaster Avancé : Javascript/JQuery (Certification Microsoft 70-480)Par Dawan

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery