Objectifs

 -Maîtriser l’environnement de développement hybride
-Comprendre les Web Components
-Développer une application mobile basée sur Ionic

Programme

-Choix de l’éditeur

– Les bonnes pratiques.
 – Node.js et l’API REST/JSON.

– TypesScript.

– Ionic/CLI.
Travaux pratiques
Configurer un environnement de développement.

– Le « Data Life Cycle et la stratégie « offline first ».

– Solution de stockage embarqué.

– Optimiser les Progressive Web App.

– Gestion du temps réel.

– BaaS : Backend As A Service. Les services d’authentification.
Travaux pratiques
Création d’une architecture de service de données.

– La norme des Web Components.

– Rappels DOM & AJAX.

– Template HTML à chargement différé.

– Shadow DOM, et CSS, les fragments de documents.

– Custom Elements.

– StencilJS
Travaux pratiques
Création de Web Component et distribution avec StencilJS.

– Présentation des composants selon leur API et leur usage ergonomique.

– Personnalisation ciblée de la plateforme (IOS/Android).

– Gestion du contenu.

– Gestion de la navigation.

– Composants intera

– Gestuelle utilisateur
Travaux pratiques
Réalisation d’une application basée sur Ionic.

-Développement de composants « cross-plateformes/cross-projet ».

– Les solutions du marché. Angular, le choix par défaut.

– Intégration avec React et VueJS.

– L’environnement selon la plateforme.

– Le choix de Capacitor.
 – La création des icônes et écrans de démarrage.

– « Ionic Platform ».

– « Build » service de compilation. Le déploiement continu.
Travaux pratiques
Préparation multiplateforme et déploiement de l’application.

Référence :  WEB030

Type de Stage : Pratique

Durée : 4 jours

Public concerné:

Architectes, développeurs et
chefs de projets Web.

Prérequis:

Connaissances de base en HTML
et CSS et JavaScript.