Accueil    Formations    Informatique    Mobilité    Développement WebApp    Création d'applications multiplateformes pour mobiles

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques / Compétences visées

  • Réaliser un site Web pour terminaux mobiles et tablettes avec les technologies HTML 5, CSS 3 et JavaScript
  • Mettre en oeuvre les frameworks les plus utilisés des applications fonctionnant sous iPhone ou Android.

Niveau requis

Avoir des connaissances de base sur HTML 5, CSS 3 et JavaScript.

Public concerné

Tout professionnel amené à développer des applications cross-plateformes.

Programme

Jour 1

Le Web mobile

  • Les différents types d'application mobile
  • Les applications natives
  • Les applications hybrides
  • Le PWA (Progressive Web App)
  • Typologie d'applications
  • Avantages et problèmes de chaque cas

Rapides rappels sur HTML 5, CSS 3 et JavaScript

  • Balises et attributs HTML 5
  • Rappels CSS 3
  • Rappels JavaScript
  • Formulaires avancés
  • L'élément vidéo indispensable pour les appareils
  • Dessiner avec les canvas
  • Ajax
  • Communication en Socket
  • Stocker sur l'appareil : le mode déconnecté
  • Les bases de données : IndexedDB
  • LocalStorage et SessionStorage
  • Evènements mobiles
  • Le multi-touch
  • Conformité du site au W3C (World Wide Web Consortium)
    • Les outils
Exemples de travaux pratiques (à titre indicatif)
  • Projet important reprenant les essentiels du HTML 5 (rapide) CSS 3 et JavaScript
  • Approfondissement de JavaScript

Jour 2

Cross-plateforme avec CSS 3

  • Le Responsive Design avec CSS 3
  • Les ViewPorts
  • Les Media Queries
  • Les GridView
  • Présentation de SASS et de SCSS
    • Avantages et inconvénients
  • Gérer téléphones et tablettes avec les Media Queries
  • Cartographie et géolocalisation
Exemples de travaux pratiques (à titre indicatif)
  • Ecriture d'une application portée sur mobile en HTML 5, CSS 3 et JavaScript exploitant les Media Queries
  • Mise en oeuvre des frameworks SASS et SCSS

Bootstrap

  • Les grilles Bootstrap, les templates de base et les layouts
  • Composants et classes CSS
  • Typographie et liens
  • Eléments de formulaire
  • Les boutons
  • Les tabs, justified nav...
  • Le fil d'Ariane
  • Pagination
  • Manipuler Bootstrap en JavaScript
  • Le zoom
  • Badges
Exemple de travaux pratiques (à titre indicatif)
  • Mise en oeuvre du Framework Bootstrap, pour réaliser une interface responsive à moindre coût

Jour 3

Les frameworks multiplateformes

  • Présentation de Xamarin et de Cordova
Exemples de travaux pratiques (à titre indicatif)
  • Réalisation d'une application mobile multiplateforme avec Xamarin en C#
  • Réalisation de la même application avec Cordova en JavaScript

Jour 4

Les frameworks multiplateformes (suite)

  • Présentation du framework Vue.js et des PWA
  • Exploitation des ressources du serveur via REST et Node.js
Exemples de travaux pratiques (à titre indicatif)
  • Réalisation d'une application mobile multiplateforme PWA avec Vue.js
  • Déploiement de l'application PWA
  • Test

Jour 5

Les autres frameworks "puissants" multiplateformes

  • Présentation de React Native
  • Développement d'une petite application React Native
  • Présentation de Ionic
  • Présentation de Flutter

Synthèse des possibilités de développement d'applications multiplateformes

  • Quelles solutions pérennes prendre aujourd'hui ?
  • Comparatif des avantages et inconvénients de chaque solution
  • Développement d'une application finale intégrant la plupart des attendus d'une application multiplateforme
Exemple de travaux pratiques (à titre indicatif)
  • Réalisation d'une application complète mobile multiplateforme

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Testez vos connaissances

Nos quizz vous guident dans le choix de formation.
Évaluez votre niveau de pré-requis pour découvrir la formation faite pour vous.

Accédez au test de connaissance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous