Ziggourat FORMATION

04. Formation jQuery pour les designers Web

Objectifs

Découvrir la bibliothèque jQuery et certains plugins utiles pour améliorer un site Web. Ce cours a une approche par « recettes » qui se complexifient au fur et à mesure en apprenant de plus en plus de notions. Les bases nécessaires de JavaScript seront aussi développées.

Participants

Connaître HTML et CSS.

Prérequis

Intégrateurs, webdesigners, développeurs ou toute personne souhaitant utiliser jQuery pour la création d’interfaces web.

Programme

Première utilisation

• Activer jQuery
• Utilisation de jQuery de manière non conflictuelle
• Utiliser Firebug pour voir les effets

Notions de JavaScript

• Programmation procédurale
• Variables
• Fonctions
• Le DOM

Modifier le style des éléments

• Sélecteur CSS
• Attributs, classe et styles
• Montrer et cacher des éléments
• Étude de cas : lignes alternées dans un tableau

Evénements souris

• Réagir au click sur un élément
• Réagir au passage de la souris
• Étude de cas : onglets

Animations simples

• Animations préconfigurées
• Animations complexes
• Stopper une animation
• Étude de cas : effet grossissant

Parcours et Manipulation du DOM

• Parcours du DOM
• Altération du DOM
• Création de nouveaux éléments
• Étude de cas : mettre en surbrillance des éléments de la page

Ajax

• Utilisation simple d’Ajax avec un résultat en HTML ou en texte
• Étude de cas : bulle d’aide améliorée

Plugins

• Comment intégrer un plugin
• Faire défiler du contenu : Nova Slider
• Des colonnes de hauteur identique : Equal Heights
• Organiser la page différemment : Masonry
• Transformer du contenu en méga menu : MegaMenu