Formation jQuery mobile Réf : MO00017

Par Eric Sarrion

Présentation et mise en pratique de l'ensemble des composantes de jQuery Mobile.

Durée :
3 jours

1 550 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

Cette formation pratique sur Jquery Mobile présente l'ensemble des composants de la librairie afin de vous permettre de développer des sites web très aboutis pour mobiles et tablettes (iPhone, Android, Windows Mobile, etc.). Compatible avec la plupart des navigateurs des systèmes d’exploitation mobiles, le framework javascript jQuery mobile permet de transformer la navigation d’un site en véritable application dotée d'une interface riche.

Objectifs pédagogiques

A l'issue du stage, les participants seront en mesure de
  • Mesurer le potentiel de ce framework,
  • Installer et paramétrer jQuery Mobile,
  • Intégrer les composantes jQuery au sein de leurs interfaces web mobile,
  • Développer des extensions supplémentaires.


Public

  • développeurs,
  • chefs de projets,
  • webmaster.

Pré-requis

Connaissance de JavaScript et de jQuery.

Type

Stage pratique

Méthode pédagogique

30% théorie et 70% travaux pratiques. A l'issue de ce stage, un support mail d'une durée de 2 semaines, est offert, pour toute question ou problématique en rapport avec les sujets abordés en cours.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION
Les fondamentaux
de jQuery
Concepts
Les méthodes utilitaires
Les sélecteurs
Les DOM
Gestion des évenements

Installation de jQuery Mobile
Installation de jQuery Mobile
Attributs HTML utilisés par jQuery Mobile

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

PROGRAMME DE LA 2NDE JOURNEE DE FORMATION
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

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
Manipuler les fenêtres
La méthode $.mobile.changePage (to, transition, reverse, changeHash)
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
Exemples de manipulation des 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
Exemples de manipulation des 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
Exemple de manipulation des tableaux

Manipuler les éléments de formulaire
Champ de saisie
Listes de sélection
Cases à cocher
Boutons radio
Interrupteurs
Sliders

Prochaines sessions

Aucune session de planifiée à ce jour, veuillez nous contacter pour avoir plus d'info ou suggérez vous-même une session.


Proposer une session.

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Développement mobile et tablette »  – Voir toutes les formations