PROGRAMME DE LA FORMATION JQUERY ET JQUERY MOBILE EN BRETAGNE

jQuery (2 jours)

La philosophie de jQuery

• Installation de jQuery
• Objet jQuery
• $ comme raccourci
• Chainage des méthodes

Méthodes utilitaires

• Manipulation d'objets
• Méthodes booléennes
• Manipulation de tableaux
• Manipulation de chaînes de caractères
• Autres propriétés et méthodes

Sélecteurs

• Sélecteurs simples, d'attributs, de classe, et d'id
• Pseudo-classes
• Pseudo-classes liées aux formulaires
• Combinateurs
• Sélecteurs multiples

Accéder au DOM

• Document Object Model : rappels JavaScript
• Différentes formes de la fonction $()
• Méthodes d'accès au DOM

Manipuler le DOM

• Parcours des éléments de la collection
• Méthodes gérant les attributs et propriétés
• Méthodes gérant les classes CSS
• Méthodes gérant le style
• Méthodes gérant les dimensions
• Méthodes gérant la position
• Méthodes gérant le contenu
• Méthodes d'insertion dans le DOM
• Autres méthodes de gestion du DOM

Gestion des événements

• Gestion des événements : rappels JavaScript
• Méthode bind ()
• Paramètre event
• Transmettre d'autres paramètres à un événement
• Méthode unbind () : supprimer un gestionnaire d'événement
• Autres méthodes
• Utiliser des catégories dans les noms d'événements

Ajax

• Principe de base
• Mise en place d'un serveur
• Méthode $.ajax (options)
• Méthode load (url, data, success)
• Evénements Ajax

jQuery Mobile (3 jours)

Afficher des fenêtres

• Une première fenêtre
• Passer d'une fenêtre à l'autre
• Utiliser les transitions entre les fenêtres
• Fenêtres superposées
• Utiliser les thèmes CSS

Afficher des listes

• Une liste simple
• Une liste contenant des liens
• Une liste numérotée contenant des liens
• Insérer des séparateurs dans les listes
• Rechercher dans une liste
• Afficher un compteur dans un élément de liste
• Inclure une image dans les éléments de liste
• Personnaliser les listes
• Utiliser les thèmes CSS

Afficher des boutons

• Définir un bouton
• Associer une icône à un bouton
• Définir la largeur du bouton
• Juxtaposer les boutons verticalement
• Juxtaposer les boutons horizontalement
• Personnaliser les boutons
• Utiliser les thèmes CSS

Afficher des données sous forme de tables

• Un tableau sur plusieurs colonnes
• Plusieurs lignes dans le tableau
• Insérer des boutons dans les tableaux
• Personnaliser les tableaux
• Utiliser les thèmes CSS

Afficher les éléments de formulaires

• Champs de saisie
• Listes de sélection
• Cases à cocher
• Boutons radio
• Interrupteurs
• Sliders
• Utiliser les thèmes CSS

Afficher les barres d'outils

• Barres d'outils "header" et "footer"
• Barres d'outils de type fixe
• Gérer les fenêtres en mode fullscreen
• Utiliser les barres de navigation
• Utiliser les thèmes CSS

Conventions de jQuery Mobile

• Initialisation de jQuery Mobile
• Options de configuration
• Utilisation des namespaces
• Evénements virtuels

Manipuler les fenêtres

• La méthode $.mobile.changePage ()
• Gérer les événements sur les fenêtres

Manipuler les listes

• Créer dynamiquement une liste
• Transformer une liste HTML en une liste jQuery Mobile
• Créer dynamiquement une fenêtre contenant une liste
• Récupérer une liste par Ajax
• Insérer un élément dans une liste
• Supprimer un élément dans une liste
• Gérer les événements sur les listes
• Personnaliser les listes

Manipuler les boutons

• Créer dynamiquement un bouton
• Transformer un élément HTML en un bouton jQuery Mobile
• Insérer des boutons par Ajax
• Gérer les événements sur les boutons
• Personnaliser les boutons

Manipuler les données sous forme de tables

• Créer dynamiquement un tableau
• Transformer un élément HTML en un tableau jQuery Mobile
• Insérer des tableaux par Ajax
• Insérer dynamiquement une nouvelle colonne
• Insérer dynamiquement une nouvelle ligne
• Gérer les événements sur les tableaux
• Personnaliser les tableaux

Manipuler les éléments de formulaire

• Champ de saisie
• Listes de sélection
• Cases à cocher
• Boutons radio
• Interrupteurs
• Sliders

OBJECTIFS DE LA FORMATION JQUERY ET JQUERY MOBILE

A l'issue du stage, le participant saura développer en Jquerry et des sites web pour des téléphone mobiles
nouvelle génération, comme iPhone, Android et Blackberry, ainsi que pour les tablettes graphiques
telles que iPad.

FORMATION JQUERY ET JQUERY MOBILE POUR QUI ?

Développeurs / chefs de projets souhaitant réaliser des sites web adaptés au format des téléphones
mobiles et tablettes graphiques.

PREREQUIS

La connaissance de JavaScript est indispensable.

DATES DE LA FORMATION JQUERY ET JQUERY MOBILE EN 2012

• Formation Intra Entreprise : Nous consulter
• Prochain stage inter : du 02 Juillet au 06 Juillet 2012.

FORMATION JQUERY ET JQUERY MOBILE A VANNES :

• VANNES - PLESCOP

Locaux à 1' de la voie express Nantes - Brest - Rennes

Plan d'accès

Pour vos formations INTRA*, nos formateurs peuvent intervenir dans VOS LOCAUX ou dans des hôtels partenaires à :

• PARIS

• RENNES
• NANTES

* Tarifs formations Intra : Nous consulter