etat de l'art

Développement mobile avec Html, CSS, JavaScript, iUI et Phonegap Réf : MO00015

Par Eric Sarrion

Développer des applications natives pour mobiles iPhone et Android, avec HTML, CSS, JavaScript et Phonegap.

Durée :
5 jours
Lieux :
Paris

€2,320 HT (prix conseillé)

Partage :

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

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

Description

PhoneGap est un framework de développement mobile, qui permet de développer des applications multi-plateformes (Android, Bada, Blackberry, iOS, Mac OS X, et Windows Phone) en utilisant les standards du web HTML, CSS et JavaScript. Cette formation très complète, présente par la pratique, comment créer un site pour mobiles, en utilisant simplement le moteur Phonegap combiné avec les standards du web Html/CSS/JavaScript, ainsi que le framework iUI.

Public

  • Développeurs,
  • Chefs de projets.

Pré-requis

Connaissance de base de HTML/CSS/JavaScript.

Type

Stage pratique

Méthode pédagogique

Alternance de cours magistral (40%) et travaux pratiques (60%). Un site web sera réalisé et porté sur différentes plateformes, notamment Android (Google) et IOS (Apple).

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de
  • Réaliser des applications ou des sites web pour mobile avec les technologies HTML, CSS, et Javascript,
  • Exploiter l'apport de la bibliothèque IUI à leurs développements JavaScript,
  • Maîtriser les possibilités offertes par le moteur de conversion Phonegap,
  • Porter ses applications multi-plateformes pour téléphones mobiles tels que iPhone, iPod, iPad, Android, Symbian, Blackberry, …

Plan de cours

Programme de la 1ère journée de formation
Rappels syntaxiques et compléments HTML
  • Balises
  • Attributs
  • Le texte
  • Les images
  • Les liens
  • Les listes
  • Les blocs
  • Mise en application dans le cadre d'un exercice pratique
 Rappels syntaxiques et compléments CSS
  • L'arrière-plan
  • Le texte
  • La police de caractères
  • Les bordures
  • Les espacements
  • Le positionnement des éléments
  • La taille des éléments
  • Le mode d'affichage
  • Les listes
  • Sélecteurs CSS
  • Pseudo-classes
  • Combinateurs
  • Mise en application dans le cadre d'un exercice pratique
Programme de la 2nde journée de formation
Rappels syntaxiques et compléments JavaScript
  • Syntaxe de base
  • Variables
  • Tests
  • Boucles
  • Fonctions
  • Création d'objets
  • Tableaux de données
  • Accès au DOM
  • Listeners
  • Transformations CSS
Mise en application dans le cadre d'un exercice pratique

Programme de la 3ème  journée de formation
Présentation générale du framework iUI

Donner à une page HTML affichée le style iPhone / Android, à l'aide des fichiers iUi CSS
  • Créer la toolbar de l'application
  • Créer les fenêtres de notre application
  • Passer d'une fenêtre à l'autre
  • Afficher des listes
  • Grouper les informations
  • Afficher des boutons
  • Fenêtres superposées
  • Formulaires
  • Utilisation des listes de sélection
  • Utilisation des listes de sélection triées par ordre alphabétique
  • Gestion de calendriers
  • Remplacer les cases à cocher par des interrupteurs
Enchainer le défilement des pages HTML entre elles, sans faire appel au serveur, avec iUi JavaScript
  • Fonctionnement de base des liens
  • Exemples d'utilisation des attributs des liens
  • Aller vers une autre fenêtre décrite dans la page HTML
  • Afficher une nouvelle fenêtre non encore présente dans la page HTML
  • Aller vers une autre page HTML
  • Soumettre un formulaire et afficher une nouvelle fenêtre
  • Afficher la suite des éléments d'une liste
  • Effectuer un appel Ajax
  • Créer une nouvelle fenêtre dynamiquement
  • Evénements associés aux fenêtres
Mise en application dans le cadre d'un exercice pratique

Programme de la 4ème journée de formation
L'apport de HTML5 à vos développements pour mobile

Bases de données côté client
  • Stockage permanent et stockage dans la session
  • Utilisation d'une base de données
Multi-touch
  • Evénements touch
  • Evénements gesture
  • Agrandissement, rotation, déplacement
Graphisme
  • Tracer une ligne
  • Colorier une figure
  • Chemins
  • Rectangles
  • Arcs de cercles
  • Courbes quadratiques et de Bézier
  • Gestion des couleurs
  • Traitement des images
Cartes Google Maps
  • Intégrer une carte Google Maps dans l'application
Mise en application

Programme de la 5ème  journée de formation
Introduction au projet PhoneGap 
  • Présentation du concept
  • Les spécificités des plateformes supportées : Android, IOS, BlackBerry
  • Architecture des applications par plateforme
  • Principes de mises en œuvre
  • Travaux pratiques : Prise en main et création d’un projet avec PhoneGap.
Rendre une application web native pour iPhone et Android avec PhoneGap
  • Exécution d'une application en natif sur l'iPhone
  • Les aspects administratifs (iPhone developer Program, Certificats, ...)
  • Devices
  • App Ids
  • Provisioning
Les dispositifs hardware natifs et l’utilisation de leurs services
  • GPS
  • Accéléromètre
  • Vibreur
  • Sons
  • Fenêtres d'alerte
  • Contacts
  • Appareil Photo
La création d'un plugin PhoneGap
 
Travaux pratiques
Mise en œuvre de certaines spécificités de la plateforme mobile dans l'application développée et création d'un plugin PhoneGap
 

Prochaines sessions

picto Du lundi 10/06 au vendredi 14/06 2013 Paris €2,320 fleche S’inscrire à la session du lundi 12/02 au mardi 13/02
picto Du lundi 23/09 au vendredi 27/09 2013 Paris €2,320 fleche S’inscrire à la session du lundi 12/02 au mardi 13/02
picto Du lundi 02/12 au vendredi 06/12 2013 Paris €2,320 fleche S’inscrire à la session du lundi 12/02 au mardi 13/02
Proposer une session.

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Je vous remercie pour l'intérêt porté à nos formations. La pré-inscription à une session de formation, pour vous ou l'un des vos collaborateurs, se fait via le formulaire d'inscription de notre site.

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. La facture sera émise à l'issue de la formation.

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