Parmi les différentes technologies de développement mobile, le développement multi-plateformes à l’aide des technologies Javascript, HTML5, CSS3, Jquery semble de plus en plus adopté. Il s’agit d’une alternative efficace au développement d’applications natives. Jquery est une librairie de composants graphiques permettant l’interaction entre Javascript-Ajax et html. Son objectif est de simplifier les commandes communes de Javascript. Jquery permet d’ajouter facilement ders effets graphiques sur des composants visuels.
Pour cette formation, il est nécéssaire de connaître les bases du JavaScript.
Compétences visées
Citer les avantages des librairies et leurs conditions d’utilisation
Manipuler des objets
Utiliser les sélecteurs
Manipuler la DOM
Gérer des évènements
Mettre en place des effets visuels
Créer des effets visuels
Utiliser les fonctions d’animation
Gérer les menus en accordéon
Utiliser les contrôles standards mis à disposition
Modifier un formulaire pour le rendre plus attractif
Gérer le redimensionnement
Leçons
Philosophie et principes de base
-
L’objet Jquery
-
Philosophie de Jquery
-
Manipulation d’objets
-
Manipulation de tableaux
-
Manipulation de chaînes de caractères
-
Autres propriétés et méthodes utiles
-
Les sélecteurs simples
-
Les sélecteurs d’attributs
-
Les sélecteurs de classe
-
Les sélecteurs d’identifiant
-
Les pseudo-classes
-
Les combinateurs
-
Les sélecteurs multiples
-
Document Object Model
-
Les différentes formes de la fonction Jquery()
-
Les méthodes d’accès au DOM
-
Parcourir les éléments de la collection
-
Gérer les attributs et propriétés
-
Gérer les classes CSS
-
Gérer les styles
-
Gérer les dimensions
-
Gérer la position
-
Gérer le contenu
-
Insertion d’éléments dans le DOM
-
Le paramètre event
-
Transmission de paramètre à un évènement
-
La fonction ready()
-
Introduction à Jquery
-
Effets visuels standards
-
Créer ses propres effets
-
Enchainement d’effets avec animate()
-
Onglets
-
Menus en accordéon
-
Boites de dialogue
-
Boutons
-
Barres de progression
-
Sliders
-
Calendriers
-
Autocomplétion
-
Glisser déposer
-
Permutation d’éléments dans la page
