theme solutions defaut avatar

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

Par Eric Sarrion 12345

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 application 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 utiliser le moteur Phonegap combiné avec ces standards, ainsi que le frameworkI iUI.

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, uniquement avec les technologies HTML, CSS, et Javascript,
  • exploiter l'apport de la bibliothèque IUI,
  • 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, …

Public

  • Développeurs,
  • Chefs de projets.

Pré-requis

Connaissance d'un langage de programmation, et bases de HTML.

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).

Plan de cours

Rappels synthaxiques et compléments
  • HTML
    • Balises
    • Attributs
    • Le texte
    • Les images
    • Les liens
    • Les listes
    • Les blocs
  •  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
  • JavaScript
    • Syntaxe de base
    • Variables
    • Tests
    • Boucles
    • Fonctions
    • Création d'objets
    • Tableaux de données
    • Accès au DOM
    • Listeners
    • Transformations CSS
La bibliothèque iUI
  • 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
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
PhoneGap
  • 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

Pas de témoignage pour l'instant.

image

Cher(e) visiteur(euse),

La pré-inscription à une session de formation se fait  directement sur notre site. Vous pouvez au préalable nous demander un devis.

Cette inscription en 4 étapes comprend la saisie de

  • vos coordonnées,
  • votre entreprise,
  • les noms des participants au stage,
  • les éléments nécéssaires à la facturation.
Vous pouvez, à tout moment, sauvegarder votre inscription en cours et la reprendre plus tard.

Une fois votre inscription validée, vous recevez un récapitulatif de votre commande par mail.

La Convention de Formation Professionnelle Continue simplifiée sera envoyée par mai dans les 72H max. A noter que l'inscription est considérée comme définitive qu'après signature de cette convention.

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

Pour toute information complémentaire, 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 internet et mobile »  – Voir toutes les formations