Durée
27,0 heures
Tarif régulier
250 $
Objectifs de la formation
Ionic est aujourd’hui une technologie incontournable dans le domaine du développement multiplateforme. Elle propose de capitaliser sur les technologies web pour développer des applications dont l’ergonomie, l’apparence et les performances sont quasi équivalentes à celles des applications natives. L’objectif de cette formation est de vous donner les compétences nécessaires pour développer avec Ionic une application multiplateforme attrayante et performante à partir d’un même code source composé d’HTML, de CSS et de JavaScript.Clientèle visée
DéveloppeursPréalables
Aucun.Formateurs
Information à venir
Architecture de la formation
Présentation de Ionic
• Objectifs
• Principe des applications mobiles de type WebView
• Présentation du projet Apache Cordova
• Présentation du projet Ionic
• Forces et faiblesses de Ionic
• Exemples d’applications réalisées avec Ionic
• Environnement de développement
• Démonstration – Installation de l’environnement de développement
• Conclusion
Découverte d’un projet Ionic
• Objectifs
• Présentation de l'architecture de Ionic
• Découverte de la ligne de commande Ionic
• Créer un projet Ionic
• Démonstration – Créer un projet Ionic
• Passage en revue du projet
• Lancement du projet web
• Lancement du projet Android
• Lancement du projet iOS
• Démonstration – Lancer le projet sur le navigateur, Android et iOS
• Conclusion
Prise en main d’Angular
• Objectifs
• Présentation d'Angular
• Différences entre TypeScript et JavaScript
• Rappels sur le pattern MVC
• Création d'un composant Angular
• Utilisation des expressions
• Utilisation du binding avec la vue
• Appel de méthodes du contrôleur depuis la vue
• Démonstration - Création d'un composant et mise en place du binding
• Montrer ou cacher des éléments
• Appliquer une classe CSS ou un style CSS
• Afficher une liste de composants
• Démonstration – Mise en place d'une page de recherche
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 1)
• Conclusion
Utilisation des composants visuels de Ionic
• Objectifs
• Structurer une vue et son contenu
• Utilisation des en-têtes et pieds de page
• Les boutons
• Les cartes
• Les icônes
• Les listes
• Les formulaires
• Les alertes
• Les toasts
• Démonstration - Découverte de la documentation de référence
• Démonstration – Habillage du formulaire de recherche
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 2)
• Conclusion
Développement de services Angular
• Objectifs
• Rappels sur le concept de services
• Créer un service Angular
• Injection de dépendances
• Présentation de la programmation asynchrone
• Présentation des promesses
• Simplifier l'utilisation des promesses avec await/async
• Démonstration – Mise en place d'une couche de services
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 3)
• Conclusion
Interrogation d’API REST
• Objectifs
• Rappels sur HTTP
• Présentation du concept d'API REST
• Trouver des API REST à interroger
• Utiliser le service HTTP d'Angular
• Démonstration – Interroger une API REST avec Angular
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 4)
• Conclusion
Navigation avec Ionic
• Objectifs
• Navigation entre les pages
• Passage de paramètres entre les pages
• Maîtriser l'historique de navigation
• Présentation du Lazy Loading
• Démonstration – Créer une page de détails pour chaque film
• Démonstration - Récupérer les détails d'un film depuis une API
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 5)
• Conclusion
Interagir avec la plateforme native
• Objectifs
• Présentation du mécanisme de plugins Cordova
• Trouver un plugin Cordova
• Présentation de la surcouche Ionic Native
• Prise de photos depuis un smartphone
• Démonstration – Utiliser des plugins Ionic Native
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 6)
• Conclusion
Angular - Développez vos applications web avec le framework JavaScript de Google
• Introduction
• Ma première application
• Fondamentaux d'Angular
• TypeScript
• Angular CLI
• Les composants
• Les services
• L'injection de dépendances
• Le requêtage HTTP
• Les interactions utilisateur
• Les formulaires
• Le routage
• Les directives
• Tester son application
• Le cross-platform avec Angular
• Pour aller plus loin
HTML, CSS et JavaScript - Les fondamentaux du développement web
• Objectifs
• Principe des applications mobiles de type WebView
• Présentation du projet Apache Cordova
• Présentation du projet Ionic
• Forces et faiblesses de Ionic
• Exemples d’applications réalisées avec Ionic
• Environnement de développement
• Démonstration – Installation de l’environnement de développement
• Conclusion
Découverte d’un projet Ionic
• Objectifs
• Présentation de l'architecture de Ionic
• Découverte de la ligne de commande Ionic
• Créer un projet Ionic
• Démonstration – Créer un projet Ionic
• Passage en revue du projet
• Lancement du projet web
• Lancement du projet Android
• Lancement du projet iOS
• Démonstration – Lancer le projet sur le navigateur, Android et iOS
• Conclusion
Prise en main d’Angular
• Objectifs
• Présentation d'Angular
• Différences entre TypeScript et JavaScript
• Rappels sur le pattern MVC
• Création d'un composant Angular
• Utilisation des expressions
• Utilisation du binding avec la vue
• Appel de méthodes du contrôleur depuis la vue
• Démonstration - Création d'un composant et mise en place du binding
• Montrer ou cacher des éléments
• Appliquer une classe CSS ou un style CSS
• Afficher une liste de composants
• Démonstration – Mise en place d'une page de recherche
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 1)
• Conclusion
Utilisation des composants visuels de Ionic
• Objectifs
• Structurer une vue et son contenu
• Utilisation des en-têtes et pieds de page
• Les boutons
• Les cartes
• Les icônes
• Les listes
• Les formulaires
• Les alertes
• Les toasts
• Démonstration - Découverte de la documentation de référence
• Démonstration – Habillage du formulaire de recherche
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 2)
• Conclusion
Développement de services Angular
• Objectifs
• Rappels sur le concept de services
• Créer un service Angular
• Injection de dépendances
• Présentation de la programmation asynchrone
• Présentation des promesses
• Simplifier l'utilisation des promesses avec await/async
• Démonstration – Mise en place d'une couche de services
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 3)
• Conclusion
Interrogation d’API REST
• Objectifs
• Rappels sur HTTP
• Présentation du concept d'API REST
• Trouver des API REST à interroger
• Utiliser le service HTTP d'Angular
• Démonstration – Interroger une API REST avec Angular
• Enoncé du TP - Créer une application de type Trivial Poursuit (part. 4)
• Conclusion
Navigation avec Ionic
• Objectifs
• Navigation entre les pages
• Passage de paramètres entre les pages
• Maîtriser l'historique de navigation
• Présentation du Lazy Loading
• Démonstration – Créer une page de détails pour chaque film
• Démonstration - Récupérer les détails d'un film depuis une API
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 5)
• Conclusion
Interagir avec la plateforme native
• Objectifs
• Présentation du mécanisme de plugins Cordova
• Trouver un plugin Cordova
• Présentation de la surcouche Ionic Native
• Prise de photos depuis un smartphone
• Démonstration – Utiliser des plugins Ionic Native
• Enoncé du TP - Créer une application de type Trivial Poursuit (partie 6)
• Conclusion
Angular - Développez vos applications web avec le framework JavaScript de Google
• Introduction
• Ma première application
• Fondamentaux d'Angular
• TypeScript
• Angular CLI
• Les composants
• Les services
• L'injection de dépendances
• Le requêtage HTTP
• Les interactions utilisateur
• Les formulaires
• Le routage
• Les directives
• Tester son application
• Le cross-platform avec Angular
• Pour aller plus loin
HTML, CSS et JavaScript - Les fondamentaux du développement web
Présentation du développement web
• Présentation et historique du développement web
• Grands principes du développement web
• Cas d'usage du développement web
• Présentation et historique du développement web
• Grands principes du développement web
• Cas d'usage du développement web
Le langage HTML
• Présentation du langage HTML
• Création d'une page HTML
• Aperçu des principales balises
• Balises spécifiques à HTML 5
• Développement d'une page basique
• Présentation du langage HTML
• Création d'une page HTML
• Aperçu des principales balises
• Balises spécifiques à HTML 5
• Développement d'une page basique
Les feuilles de style CSS
• Présentation de CSS
• Création d'une feuille de style CSS
• Mise en forme des composants HTML
• Organisation et découpage d'une page
• Présentation des Flexbox CSS3
• Présentation de CSS
• Création d'une feuille de style CSS
• Mise en forme des composants HTML
• Organisation et découpage d'une page
• Présentation des Flexbox CSS3
Le langage JavaScript
• Présentation du langage JavaScript
• Développement d'un premier script
• Ecoute des évènements en JavaScript
• Manipulation d'une page en JavaScript
Android 7 - Les fondamentaux du développement d'applications Java
• La plateforme Android
• Environnement de développement
• Principes de programmation
• Ma première application : HelloAndroid
• Création d'interfaces simples
• Permission
• Navigation et gestion des évènements
• Débogage et gestion des erreurs
• Personnalisation
• Notifications
• Création d'interfaces avancées
• Persistance et partage de données
• Traitement en tâche de fond
• Webservice et Parsing
• Google Maps et géolocalisation
• Téléphonie et matériel
• Aller plus loin
• Présentation du langage JavaScript
• Développement d'un premier script
• Ecoute des évènements en JavaScript
• Manipulation d'une page en JavaScript
Android 7 - Les fondamentaux du développement d'applications Java
• La plateforme Android
• Environnement de développement
• Principes de programmation
• Ma première application : HelloAndroid
• Création d'interfaces simples
• Permission
• Navigation et gestion des évènements
• Débogage et gestion des erreurs
• Personnalisation
• Notifications
• Création d'interfaces avancées
• Persistance et partage de données
• Traitement en tâche de fond
• Webservice et Parsing
• Google Maps et géolocalisation
• Téléphonie et matériel
• Aller plus loin
Formation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumissionDurée
27,0 heures
Tarif régulier
250 $
Formation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumission