Accueil > Technologies WEB > Ionic : développement de Web Components
Formation #TWC125

Formation Ionic : développement de Web Components

Durée : 5 jours

Code : TWC125


Prochaines dates programmées :

Du 20 au 24 Mai 2024

Du 05 au 09 Août 2024

Du 25 au 29 Nov. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Comprendre et mettre en oeuvre le Framework Ionic
  • Savoir utiliser Ionic pour créer des applications multiplateformes performantes
  • Apprendre à créer les applications mobiles basées sur Ionic
Programme
1/ Introduction
  • Les applications mobiles hybrides, évolution et enjeux
  • HTML5 et le mobile
  • Pourquoi utiliser Ionic ?
  • AngularJS, le cœur du système : retour sur les fondamentaux
  • Ionic et Cordova/PhoneGap
2/ Mise en place et installation
  • Installer les principaux outils de travail
  • Installer Ionic – Environnements spécifiques
  • Les outils en ligne de commande (CLI) pour Ionic et Cordova/PhoneGap
  • Créez votre première application avec Ionic
  • Architecture des dossiers de votre application
3/ Les composants
  • Les composants de Ionic
  • Réutilisation des composants
  • Menus
  • Navigation entre pages
  • Les sliders
  • Thèmes pour une plateforme cible
  • Personnaliser un thème
4/ APIs HTML 5, les applications hybrides
  • Le "Data Life Cycle et la stratégie "offline first"
  • Solution de stockage embarqué
  • Optimiser les Progressive Web App
  • Manifeste applicatif. Gestion du temps réel
  • BaaS : Backend As A Service. Les services d'authentification
5/ Web Component : créer des composants Web autonomes et réutilisables
  • La norme des Web Components
  • Rappels DOM & AJAX. Template HTML à chargement différé
  • Shadow DOM, et CSS, les fragments de documents
  • CSS : le besoin d'encapsulation.Custom Elements
  • StencilJS le compilateur de Web Component proposé par Ionic
6/ Le framework Ionic en profondeur
  • 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 interactifs. Création des formulaires efficaces
  • Gestuelle utilisateur : "swipe, slide, tap..."
7/ Réutilisation des composants cross-frameworks
  • Développement de composants "cross-plateformes/cross-projet"
  • Les solutions du marché. Angular, le choix par défaut
  • Intégration avec React et VueJS
8/ Préparer le "build" et le déploiement
  • 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
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Chefs de Projet
  • Développeurs
Dates

Dates

  • Du 20 au 24 Mai 2024
  • Du 05 au 09 Août 2024
  • Du 25 au 29 Nov. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.