Ionic, développement de Web Components

1 - Débutant

28 heures 0 mins

Ionic

Objectifs de la formation

Maîtriser l’environnement de développement hybride
Comprendre les Web Components
Mettre en œuvre les applications multi-plateforme
Développer une application mobile basée sur Ionic
Exploiter les outils de productivité proposés par Node.js

Programme de la formation

Configurer un environnement de développement moderne.

Choix de l’éditeur et socle des bonnes pratiques.
Node.js et l’API REST/JSON. Paramétrer un « workflow » mobile.
Développement avec TypesScript. Le « scaffoldeur »de projet Ionic/CLI.

Travaux pratiques

Configurer un environnement de développement.

Ionic SDK : présentation et mise en œuvre

L’offre de services Ionic.
Les frameworks de développement « hybride ».
Les composants. Compatibilité cross-framework et technologie.
Configurer une application.

Travaux pratiques

Mise en œuvre d’un projet d’application.

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.

Travaux pratiques

Création d’une architecture de service de données.

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.

Travaux pratiques

Création de Web Component et distribution avec StencilJS.

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… ».

Travaux pratiques

Réalisation d’une application basée sur Ionic.

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.

Travaux pratiques

Développement applicatif avec React Angular Vue.

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.

Travaux pratiques

Préparation multiplateforme et déploiement de l’application.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

Évaluation des besoins et du profil des participants.
Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
Méthodes expositive, active et participative.
Réflexion et échanges sur cas pratiques.
Retours d'expériences.
Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Modalités d’évaluation :

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.

Éléments matériels :

Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.

MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS

Feuilles de présences signées des participants et du formateur par demi-journée.
Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.

Please login to get access to the quiz

Back to Ionic

Public

Architectes, développeurs et chefs de projets Web.

Pré-requis

Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End. Connaissances de base de JavaScript.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer

training@profind.fr

Assistance technique

Une assistance technique et pédagogique est mise à disposition tout au long du parcours de formation. En cas de difficulté liée à l’utilisation des outils de visioconférence, à l’accès aux ressources nécessaires aux travaux pratiques ou au suivi de la formation, notre équipe est joignable par téléphone ou par e-mail afin de vous apporter une réponse dans les meilleurs délais.

Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adaptée.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Accessibilité handicap

Notre organisme de formation s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Nous analysons les besoins spécifiques de chaque participant en amont de la formation afin de mettre en place les adaptations pédagogiques, techniques ou organisationnelles compatibles avec le déroulement de l’action de formation.

Ionic