Formation Stencil JS

Logo Formation StencilJS

1400€

1260€HT/ personne

2 jours (14 heures)

Interentreprises

­Paris

Disponible en intraentreprise pour former votre équipe.

Présentation

Stencil est un compilateur simple pour générer des composants Web et des applications Web progressives (PWA). Stencil a été conçu par l’équipe d’Ionic Framework pour sa prochaine génération de composants Web mobiles et desktop performants.

Stencil prend des fonctionnalités telles que :

  • DOM virtuel
  • Rendu asynchrone (inspiré de React Fiber)
  • Liaison de données réactive
  • Manuscrit
  • JSX

Puis génère des composants Web basés sur des normes avec ces fonctionnalités intégrées.

Étant donné que Stencil génère des composants Web conformes aux normes, ils peuvent fonctionner immédiatement avec de nombreux frameworks populaires et peuvent être utilisés sans framework car ils ne sont que des composants Web.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (Stencil JS  ⚡️ 0.13.2 à la date de l’article).

 

Objectifs

  • Comprendre le fonctionnement de StencilJS
  • Savoir l’intégrer au sein d’un framework

 

Public visé

Développeurs, Chefs de Projets

 

Pré-requis

Connaissance de TypeScript (ou JSX), HTML, CSS.

Programme de la formation Stencil JS

 

Introduction et généralités

  • Rôle d’un framework
  • Le paradigme Composant
  • Spécification `Web Components` du W3C
  • Vue d’ensemble de Stencil JS

 

L’environnement de travail

  • node, npm, yarn
  • webpack
  • Web Component en 2018
  • Installation de Stencil

 

Premiers pas

  • Démarrer un projet
  • Premier composants
  • Anatomie du composant Stencil
  • Cycle de vie
  • Bonnes pratiques

 

Decorators en détail

  • Component
  • Element
  • Prop
  • State
  • Method
  • Watch

 

Création d’un composant complet

  • Evénements et interactions
  • Contexte
  • Données réactives
  • Tableaux et Objets
  • Utilisation des slots
  • Gérer l’apparence : Shadow DOM & CSS4

 

Routage

  • Installer le package @Stencil/router
  • Les composants fournis
  • Configuration des routes
  • Navigation
  • Data & routing
  • Protection des routes

 

Formulaires

  • Développer un composant à inclure dans un formulaire
  • Développer un composant Formulaire
  • Formulaires avancés

 

Test unitaires

  • Configuration du fichier package.json
  • Les fonctions render et flush
  • Tester les méhodes de composants

 

Mise en production

  • Déployer une application
  • Publier des composants
  • Collections de composants

 

Service Worker

  • PWA & Service Worker
  • Utilisation de workbox
  • Service Worker Personnalisé

 

Intégration dans un framework

  • Angular
  • React
  • Vue

 

Conclusion

  • Synthèse de la formation
  • Remise des documents
  • Quelques ressources utiles

 

Travaux pratiques

  • Réalisation en fil rouge d’une application type bibliothèque en ligne.
Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Cédric

Cédric

Consultant et leader technique sur les technologies du web, Cédric dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. Il met à disposition ses compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web.

Romain

Romain

Consultant et leader technique sur les technologies du web, je dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. je mets à disposition mes compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web : PWA, WebComponent, …

Témoignages

Donnez votre avis ?

vAfficher tous les témoignages

Donnez votre avis ?

Noter la formation

1400€

1260€HT/ personne

2 jours (14 heures)

Interentreprises

­Paris

Disponible en intraentreprise pour former votre équipe.

Une question ? Un projet ?

Pour des informations complémentaires, n’hésitez pas à nous contacter.