Vous êtes sur la page 1sur 5
L’institut de formation continue des professionnels du Web
L’institut de formation continue des professionnels du Web

Développement mobile avec jQuery Mobile, HTML5 et PhoneGap

Référence formation :

MO00015-1

Durée :

5 jours (35 heures)

Prix conseillé :

2 320 € HT (hors promotion ou remise particulière)

Description

Ce stage pratique vise à apprendre à utiliser la librairie jQuery Mobile afin de développer des sites web pour mobiles et tablettes graphiques nouvelle génération, tels que iPhone, Android, Windows Mobile, et autres iPad, etc. On apprendra de plus à transformer l'application web en une application native (avec PhoneGap) pouvant fonctionner nativement sur les mobiles iPhone et Android (entre autres).

Objectif pédagogique

A l'issue de cette formation, les participants sauront en mesure de

développer des sites web et des applications natives avec jQuery Mobile,

développer des sites web et des applications natives avec jQuery Mobile,

maîtriser HTML5 pour mobile,

maîtriser HTML5 pour mobile,

maîtriser HTML5 pour mobile,

utiliser le moteur de conversion natif PhoneGap

Pré-requis

Connaissance de JavaScript et jQuery

Public

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

Plan de cours

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

Utiliser les transitions entre les fenêtres Fenêtres superposées Utiliser les thèmes CSS Afficher des listes
Utiliser les transitions entre les fenêtres Fenêtres superposées Utiliser les thèmes CSS Afficher des listes
Utiliser les transitions entre les fenêtres Fenêtres superposées Utiliser les thèmes CSS Afficher des listes
Utiliser les transitions entre les fenêtres Fenêtres superposées Utiliser les thèmes CSS Afficher des listes
Utiliser les transitions entre les fenêtres Fenêtres superposées Utiliser les thèmes CSS Afficher des listes

Afficher des listes

Une liste simpleUne liste contenant des liens Une liste numérotée contenant des liens Insérer des séparateurs dans

Une liste contenant des liensUne liste simple Une liste numérotée contenant des liens Insérer des séparateurs dans les listes Rechercher

Une liste numérotée contenant des liensUne liste simple Une liste contenant des liens Insérer des séparateurs dans les listes Rechercher dans

Insérer des séparateurs dans les listesdes liens Une liste numérotée contenant des liens Rechercher dans une liste Afficher un compteur dans

Rechercher dans une listedes liens Insérer des séparateurs dans les listes Afficher un compteur dans un élément de liste

Afficher un compteur dans un élément de listedes séparateurs dans les listes Rechercher dans une liste Inclure une image dans les éléments de

Inclure une image dans les éléments de listeune liste Afficher un compteur dans un élément de liste Personnaliser les listes Utiliser les thèmes

Personnaliser les listesde liste Inclure une image dans les éléments de liste Utiliser les thèmes CSS Afficher des

Utiliser les thèmes CSSimage dans les éléments de liste Personnaliser les listes Afficher des boutons Définir un bouton Associer

Afficher des boutons

Définir un boutonles listes Utiliser les thèmes CSS Afficher des boutons Associer une icône à un bouton Définir

Associer une icône à un boutonles thèmes CSS Afficher des boutons Définir un bouton Définir la largeur du bouton Juxtaposer les

Définir la largeur du boutonboutons Définir un bouton Associer une icône à un bouton Juxtaposer les boutons verticalement Juxtaposer les

Juxtaposer les boutons verticalementune icône à un bouton Définir la largeur du bouton Juxtaposer les boutons horizontalement Personnaliser les

Juxtaposer les boutons horizontalementla largeur du bouton Juxtaposer les boutons verticalement Personnaliser les boutons Utiliser les thèmes CSS Afficher

Personnaliser les boutonsboutons verticalement Juxtaposer les boutons horizontalement Utiliser les thèmes CSS Afficher des données sous forme de

Utiliser les thèmes CSSles boutons horizontalement Personnaliser les boutons Afficher des données sous forme de tables Un tableau sur

Afficher des données sous forme de tables

Un tableau sur plusieurs colonnesles thèmes CSS Afficher des données sous forme de tables Plusieurs lignes dans le tableau Insérer

Plusieurs lignes dans le tableausous forme de tables Un tableau sur plusieurs colonnes Insérer des boutons dans les tableaux Personnaliser

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

Personnaliser les tableauxdans le tableau Insérer des boutons dans les tableaux Utiliser les thèmes CSS Afficher les éléments

Utiliser les thèmes CSSdes boutons dans les tableaux Personnaliser les tableaux Afficher les éléments de formulaires Champs de saisie

Afficher les éléments de formulaires

Champs de saisieles thèmes CSS Afficher les éléments de formulaires Listes de sélection Cases à cocher Boutons radio

Listes de sélectionCSS Afficher les éléments de formulaires Champs de saisie Cases à cocher Boutons radio Interrupteurs Sliders

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

Boutons radioChamps de saisie Listes de sélection Cases à cocher Interrupteurs Sliders Utiliser les thèmes CSS Afficher

Interrupteursde saisie Listes de sélection Cases à cocher Boutons radio Sliders Utiliser les thèmes CSS Afficher

Slidersde sélection Cases à cocher Boutons radio Interrupteurs Utiliser les thèmes CSS Afficher les barres d'outils

Utiliser les thèmes CSSCases à cocher Boutons radio Interrupteurs Sliders Afficher les barres d'outils Barres d'outils

Afficher les barres d'outils

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

Barres d'outils de type fixeBarres d'outils "header" et "footer" Gérer les fenêtres en mode fullscreen Utiliser les barres

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

Utiliser les barres de navigationde type fixe Gérer les fenêtres en mode fullscreen Utiliser les thèmes CSS Conventions de jQuery

Utiliser les thèmes CSSen mode fullscreen Utiliser les barres de navigation Conventions de jQuery Mobile Initialisation de jQuery Mobile

Conventions de jQuery Mobile

Initialisation de jQuery MobileUtiliser les thèmes CSS Conventions de jQuery Mobile Options de configuration Utilisation des namespaces

Options de configurationConventions de jQuery Mobile Initialisation de jQuery Mobile Utilisation des namespaces Evénements virtuels Manipuler

Utilisation des namespacesInitialisation de jQuery Mobile Options de configuration Evénements virtuels Manipuler les fenêtres La méthode

Evénements virtuelsMobile Options de configuration Utilisation des namespaces Manipuler les fenêtres La méthode $.mobile.changePage ()

Manipuler les fenêtres

La méthode $.mobile.changePage ()des namespaces Evénements virtuels Manipuler les fenêtres Gérer les événements sur les fenêtres Manipuler les

Gérer les événements sur les fenêtresdes namespaces Evénements virtuels Manipuler les fenêtres La méthode $.mobile.changePage () Manipuler les listes

Manipuler les listes

Créer dynamiquement une listeTransformer une liste HTML en une liste jQuery Mobile Créer dynamiquement une fenêtre contenant une

Transformer une liste HTML en une liste jQuery MobileCréer dynamiquement une liste Créer dynamiquement une fenêtre contenant une liste Récupérer une liste par Ajax

Créer dynamiquement une fenêtre contenant une listeliste Transformer une liste HTML en une liste jQuery Mobile Récupérer une liste par Ajax Insérer

Récupérer une liste par AjaxMobile Créer dynamiquement une fenêtre contenant une liste Insérer un élément dans une liste Supprimer un

Insérer un élément dans une listefenêtre contenant une liste Récupérer une liste par Ajax Supprimer un élément dans une liste Gérer

Supprimer un élément dans une listeune liste par Ajax Insérer un élément dans une liste Gérer les événements sur les listes

Gérer les événements sur les listesdans une liste Supprimer un élément dans une liste Personnaliser les listes Manipuler les boutons Créer

Personnaliser les listesdans une liste Gérer les événements sur les listes Manipuler les boutons Créer dynamiquement un bouton

Manipuler les boutons

Créer dynamiquement un boutonles listes Personnaliser les listes Manipuler les boutons Transformer un élément HTML en un bouton jQuery

Transformer un élément HTML en un bouton jQuery Mobilelistes Manipuler les boutons Créer dynamiquement un bouton Insérer des boutons par Ajax Gérer les événements

Insérer des boutons par AjaxTransformer un élément HTML en un bouton jQuery Mobile Gérer les événements sur les boutons Personnaliser

Gérer les événements sur les boutonsen un bouton jQuery Mobile Insérer des boutons par Ajax Personnaliser les boutons Manipuler les données

Personnaliser les boutonsdes boutons par Ajax Gérer les événements sur les boutons Manipuler les données sous forme de

Manipuler les données sous forme de tables

Créer dynamiquement un tableaules boutons Manipuler les données sous forme de tables Transformer un élément HTML en un tableau

Transformer un élément HTML en un tableau jQuery Mobilesous forme de tables Créer dynamiquement un tableau Insérer des tableaux par Ajax Insérer dynamiquement une

Insérer des tableaux par AjaxTransformer un élément HTML en un tableau jQuery Mobile Insérer dynamiquement une nouvelle colonne Insérer

Insérer dynamiquement une nouvelle colonneen un tableau jQuery Mobile Insérer des tableaux par Ajax Insérer dynamiquement une nouvelle ligne Gérer

Insérer dynamiquement une nouvelle lignepar Ajax Insérer dynamiquement une nouvelle colonne Gérer les événements sur les tableaux Personnaliser les

Gérer les événements sur les tableauxnouvelle colonne Insérer dynamiquement une nouvelle ligne Personnaliser les tableaux Manipuler les éléments de

Personnaliser les tableauxune nouvelle ligne Gérer les événements sur les tableaux Manipuler les éléments de formulaire Champ de

Manipuler les éléments de formulaire

Champ de saisieles tableaux Manipuler les éléments de formulaire Listes de sélection Cases à cocher Boutons radio

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

Cases à cocherde formulaire Champ de saisie Listes de sélection Boutons radio Interrupteurs Sliders HTML5 (1 jour) Bases

Boutons radioChamp de saisie Listes de sélection Cases à cocher Interrupteurs Sliders HTML5 (1 jour) Bases de

Interrupteursde saisie Listes de sélection Cases à cocher Boutons radio Sliders HTML5 (1 jour) Bases de

Slidersde sélection Cases à cocher Boutons radio Interrupteurs HTML5 (1 jour) Bases de données côté client

HTML5 (1 jour) Bases de données côté client

Stockage permanent et stockage dans la sessionSliders HTML5 (1 jour) Bases de données côté client Utilisation d'une base de données en HTML5

Utilisation d'une base de données en HTML5côté client Stockage permanent et stockage dans la session Cartes Google Maps Utiliser le GPS en

Cartes Google Maps

Utiliser le GPS en HTML5d'une base de données en HTML5 Cartes Google Maps Intégrer une carte Google Maps dans l'application

Intégrer une carte Google Maps dans l'applicationen HTML5 Cartes Google Maps Utiliser le GPS en HTML5 Multitouch Utiliser le multitouch dans les

Multitouch

Utiliser le multitouch dans les applicationsune carte Google Maps dans l'application Multitouch PhoneGap (1 jour) Introduction au projet PhoneGap

PhoneGap (1 jour) Introduction au projet PhoneGap

présentation du concept et principes de mise en oeuvrePhoneGap (1 jour) Introduction au projet PhoneGap les spécificités des plateformes supportées : Android,

les spécificités des plateformes supportées : Android, IOS, BlackBerryprésentation du concept et principes de mise en oeuvre travaux pratiques : prise en main et

travaux pratiques : prise en main et création d’un projet avec PhoneGapdes plateformes supportées : Android, IOS, BlackBerry Rendre une application web native pour iPhone et Android

Rendre une application web native pour iPhone et Android avec PhoneGap

Exécution d'une application en natif sur l'iPhoneLes aspects administratifs (iPhone developer Program, Certificats, Devices App Ids Provisioning ) Les dispositifs hardware

Les aspects administratifs (iPhone developer Program, Certificats,Exécution d'une application en natif sur l'iPhone Devices App Ids Provisioning ) Les dispositifs hardware natifs

Devicesadministratifs (iPhone developer Program, Certificats, App Ids Provisioning ) Les dispositifs hardware natifs et

App Ids(iPhone developer Program, Certificats, Devices Provisioning ) Les dispositifs hardware natifs et

Provisioning(iPhone developer Program, Certificats, Devices App Ids ) Les dispositifs hardware natifs et l’utilisation de

)

Les dispositifs hardware natifs et l’utilisation de leurs services

GPShardware natifs et l’utilisation de leurs services Accéléromètre Vibreur Sons Fenêtres d'alerte Gestion

Accéléromètrehardware natifs et l’utilisation de leurs services GPS Vibreur Sons Fenêtres d'alerte Gestion des contacts

Vibreuret l’utilisation de leurs services GPS Accéléromètre Sons Fenêtres d'alerte Gestion des contacts Appareil

Sonsde leurs services GPS Accéléromètre Vibreur Fenêtres d'alerte Gestion des contacts Appareil Photo

Fenêtres d'alertede leurs services GPS Accéléromètre Vibreur Sons Gestion des contacts Appareil Photo La création d'un

Gestion des contactsGPS Accéléromètre Vibreur Sons Fenêtres d'alerte Appareil Photo La création d'un plugin PhoneGap Travaux

Appareil PhotoVibreur Sons Fenêtres d'alerte Gestion des contacts La création d'un plugin PhoneGap Travaux pratique Avant

La création d'un plugin PhoneGap

Travaux pratique

Avant et après la formation

Parce ce que la formation est un moment privilégié de sa carrière professionnelle, la pédagogie ne s’arrête pas à un stage de quelques jours.

Ainsi en vous inscrivant à une formation Clever-Institut, vous bénéficiez de l’ouverture d’un compte sur notre site internet vous permettant de :

exprimer, en amont du stage, vos attentes quant à cette formation, afin de nous permettre de personnaliser chacune de nos sessionsd’un compte sur notre site internet vous permettant de : déjeuner avec le formateur et les

déjeuner avec le formateur et les autres stagiaires, afin de transformer ce moment en partage et retours d’expériencede nous permettre de personnaliser chacune de nos sessions évaluer la formation sur son contenu et

évaluer la formation sur son contenu et sa pédagogie, et en partager le contenu avec les futurs stagiairestransformer ce moment en partage et retours d’expérience échanger avec votre formateur pendant les 15 jours

échanger avec votre formateur pendant les 15 jours qui suivent votre stage, pour toute question ou interrogation en rapport avec formationévaluer la formation sur son contenu et sa pédagogie, et en partager le contenu avec les

Comment s’inscrire ?

L'inscription à une session de formation se fait en ligne, et en 3 étapes :

Saisie de vos informations personnelles (votre entreprise, vos coordonnées),session de formation se fait en ligne, et en 3 étapes : Saisie du ou des

Saisie du ou des partipants,personnelles (votre entreprise, vos coordonnées), Saisie des élements de facturation de votre entreprise (si

Saisie des élements de facturation de votre entreprise (si différent).entreprise, vos coordonnées), Saisie du ou des partipants, Vous pouvez, à tout moment, sauvegarder votre inscription

Vous pouvez, à tout moment, sauvegarder votre inscription en cours et la reprendre plus tard.

Une fois votre inscription validée, vous recevez la Convention de Formation Professionnelle Continue simplifiée. Dès réception par nos services, de la convention signée, la convocation de stage est envoyée par mail aux stagiaires qui se voient ouvrir un compte sur notre site internet, leur permettant de préparer leur formation (accès, communication de leurs attentes, etc.).

A noter, que l'inscription est considérée comme définitve, à la signature de la convention de stage.

Clever Institut – L’institut de formation continue des professionnels du web Numéro agrément formation : 11 753 764 875 37, boulevard des Capucines – 75002 PARIS E-mail : info@clever-institut.com