JQuery Programming

Master the jQuery JavaScript library with this program. Learn how to add it to your websites, how to work with effects, widgets, and themes.
Private session

This training is available in a private or personalized format. It can be provided in one of our training centres or at your offices. Call one of our consultants of submit a request online.

Call now at 1 877 624.2344

  • Duration: 2 days
  • Regular price: On request

Course outline

Durée : 2 jours

© AFI Expertise inc.

jQuery est la librairie JavaScript la plus utilisée dans le monde entier. Que ce soit pour maintenir un site web existant, ou développer un nouveau site web, il est essentiel de maîtriser jQuery.

Public concerné

Développeur

Préalables

  • Connaissances de base en JavaScript (variables, boucles, conditions, objets, manipulation du DOM)
  • Connaissances de base en HTML et en CSS
  • Équivalent au cours "Introduction à JavaScript"
ObjectifsÀ la fin de ce cours, vous serez en mesure de :
  • Comprendre l'importance de jQuery pour le développement web
  • Ajouter jQuery dans vos sites web, soit à partir d'une copie locale ou d'un hébergeur distant (CDN Google, CDN Microsoft)
  • Utiliser jQuery dans les scénarios communs : Sélection du DOM, décoration, modification de page
  • Utiliser les effets de JQuery: animation, scrolling, changer de taille
  • Utiliser les effets plus évolués avec des extensions: Lightbox, slideshows, etc.
  • Utiliser des widgets: panels, menus déroulants, accordéons, tabulations, tooltips, etc.
  • Améliorer un formulaire avec des auto-suggestions, de la validation client-side, etc.
  • Créer des interactions serveur en utilisant le AJAX jQuery
  • Utiliser des contrôles de jQuery UI, incluant les calendriers, sliders, barres de progression, le triage, drag-n-drop
  • Comprendre les thèmes et les plugins jQuery.

Contenu

Module 1 : Démarrer jQuery

  • Introduction de jQuery: historique, importer jQuery
  • Développer avec jQuery: bases, sélecteurs, méthodes, événements
  • Conversion d'applications en jQuery

Module 2 : Effets et animations

  • Comment utiliser des effets de transition
  • Comment utiliser des effets d'animation
  • Easing, délais, chainage d'animations
  • Exemple de carrousel

Module 3 : Manipulation du DOM

  • Travailler avec le DOM: modifier, ajouter et enlever des éléments et des attributs
  • Modifier les styles et le positionnement des éléments
  • Traverser les éléments d'une page
  • Filtrer les éléments

Module 4 : Formulaire et validation

  • Les nouveaux formulaires en HTML5 et CSS3
  • Sélecteurs et événements pour affecter les formulaires
  • Plugin de jQuery validation

Module 5 : Créer et utiliser des plugins

  • Trouver et utiliser des plugins
  • Exemples avec certain plugins: LightBox, bxSlider, Cycle
  • Créer votre propre plugin

Module 6 : jQueryUI, Themes et Widgets

  • Introduction à jQueryUI: historique, importation, dépendances
  • Création d'un jQueryUI adapté avec un thème personnalisé avec l'outil ThemeRoller
  • Présentation des Widgets: Accordéon, tabs, Button, Dialog, Autocomplete, DatePicker, Slider, Progressbar

Module 7 : Interactions et effets jQueryUI

  • Introduction aux interactions
  • Présentation des interactions: Draggable, droppable, resizable, selectable, sortable
  • Introduction aux effets
  • Transitions de couleurs, de classes, de visibilité

Module 8 : Ajax et JSON

  • Introduction à Ajax et JSON
  • XmlHttpRequest (XHR)
  • Ajax avec jQuery (méthodes $.get, $.post, $.getJSON, $.load)
  • Ajax évolué ($.ajax)

Module 9: Utiliser Ajax avec des services API communs

  • Exemples d'applications utilisant des API variés: Blogger, YouTube, Twitter, Flickr, Google Maps

Surround yourself with the best

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Trainer and Desktop Application Consultant
Renowned as an educational expert in the IT and office technology field who has accumulated more than 25 years of experience, Pierre-Édouard is first and foremost passionate about human capital.
Marc Maisonneuve
Marc Maisonneuve
Trainer and Professional Efficiency Consultant
Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Luc Labelle
Certified Trainer and IT Consultant
Recognized by his peers as an inspiring coach, trainer, and consultant, Luc is able to transfer his knowledge to benefit his teams.
Be aware of trends, innovations and best practices, every month.
Confidentiality
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2020 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: Edgenda.com