Formation Stencil JS
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
Romain
Témoignages
Il n'y a pas encore de commentaires. Soyez le premier à en écrire un dans la section noter la formation !
vAfficher tous les témoignages
Il n'y a pas encore de commentaires. Soyez le premier à en écrire un dans la section noter la formation !
