Être rappelé(e)

Formation Ionic

Développer des applications mobile et des PWA avec Ionic

  • Utilisez votre CPF
  • Eligible OPCO
  • Eligible Pôle Emploi
  • Objectifs Créer et publier des applications mobiles hybrides. Déployer des progressive web app ou sur les store IOs et Android. Avec Cordova, vous pourrez interagir avec les fonctionnalités natives du mobile et créer des applications riches.
  • Public Développeur, intégrateur, chef de projet, agence web ou webmaster
  • Niveaux requis Maîtriser HTML/CSS, avoir connaissance de javascript
  • Durée 2 jours

Programme

Cordova : accéder au hardware du téléphone

  • Installer Cordova
  • Ajouter un plugin Cordova et l'utiliser
  • Debugger votre application sur votre device

Les solutions de développement mobile et le positionnement de Ionic

  • Comprendre les différences entre les solutions Hybrid - Native - Cross plateform
  • Les frameworks et solutions du marché
  • Avantages et inconvénients de Ionic

Rappels sur Typescript / Angular

  • Qu'est-ce que Typescript ?
  • Utiliser les type natifs
  • Créer vos modèles de données avec les interfaces
  • Interface ou class pour typer vos donnnées ?

Installer l'environnement et le CLI Ionic

  • Choix de l'éditeur : VSCode et les autres
  • Installer nodeJS et npm
  • Installer CLI Ionic
  • Créer une application avec le CLI / les commandes principales

Comprendre l'architecture d'un projet Ionic

  • Tour des fichiers et dossiers d'une application
  • Les outils et la configuration d'une application
  • Scaffolder une application avec le CLI
  • Les pages
  • Le routing par défaut de ionic et le lazzy-loading
  • Les autres ressources à notre disposition : page, component, service, pipe

Pages : template, data-binding, events, et directives

  • Les pages : fichiers et structure d'une page HTML
  • Les composants Ionic
  • Exercice : designer une page en utilisant les composants Ionic
  • Le data-binding : lier des données au template HTML
  • Exercice : afficher des données dans le template HTML
  • Gérer les évènements
  • Comprendre la détection de changement
  • Exercice : mettre en place des boutons d'action
  • Moteur de template : les syntaxes
  • Exercice : utiliser les directives de structure *ngIf et *ngFor
  • Les directives ngClass et ngStyle

Le routing

  • Comprendre le système de routing
  • Routing et performance
  • Le routing lazy-loading : chargement des modules par navigation
  • Exercice : créer une page et la route associée
  • Exercice : passer de l'information via le routing

TP : créer une page d'application mobile type liste/détail

  • Créer une page qui affiche une liste d'éléments d'après une donnée
  • Créer la page de détail
  • Passer de l'information via le routing
  • Créer un service qui requête une API REST

Bonnes pratiques, déploiement, rappels généraux et QCM

  • Rappels sur les étapes de développement de la création au déploiement
  • Compiler une application Ionic pour la production et la déployer
  • QCM / vérificaiton des connaissance
  • Session questions/réponses avec le formateur
Et obtenez votre certification !

Ils me font confiance