A l'issue de cette formation, vous serez capable de :

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

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 inconvénients de chaque solution

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, 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
• Les produits alternatifs à Bootstrap

Exemples 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 .NET MAUI
• Présentation de Flutter
• Présentation de Cordova

Exemples de travaux pratiques (à titre indicatif)

• Réalisation d'une application mobile multiplateforme avec .NET MAUI en C#
• Démonstration d'une application avec Cordova en JavaScript

Jour 4

Les frameworks multiplateformes - Suite

• Présentation du framework React Native
• Exploitation des ressources du serveur via REST et Node.js

Exemples de travaux pratiques (à titre indicatif)

• Réalisation d'une application mobile multiplateforme avec React Native
• Test et déploiement

Jour 5

Persistance des données dans le mobile

• Bases de données SQLite, indexedDB intégrées au navigateur
• Gestion et pilotage en JavaScript (création de table, requêtes...)
• Stockage des données côté client en mode non connecté, les LocalStorage et SessionStorage

Exemple de travaux pratiques (à titre indicatif)

• Création d'un gestionnaire de données stockées dans la base embarquée

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