Formation Stencil JS

1400€

1260€ ^HT / personne

2 jours (14 heures)

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.

Télécharger le plan du cours

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

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

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

vAfficher tous les témoignages

Noter la formation