ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation Ionic, développement de Web Components

Stage pratique
New
Durée : 4 jours
Réf : NVK
Prix  2019 : 2480 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

Cette formation vous permettra de maîtriser la dernière version du framework/SDK Ionic basé sur Cordova ou Capacitor. Vous développerez des applications mobile et multi-plateformes en utilisant et concevant des Web Components portables pour les frameworks leaders du marché (Angular, React, Vue...).

Objectifs pédagogiques

  • 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

Travaux pratiques

Réalisation d'une application mobile/desktop multiplateforme.

Méthodes pédagogiques

Développement d'applications mobiles. 50% de théorie illustrée par 50% de pratique.
PROGRAMME DE 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.

Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys