SlideShare une entreprise Scribd logo
1  sur  13
”
“ Casablanca, 19.10.2019
Lightning Web Components Consultant Technique Salesforce chez :
Mohamed Aamer AIT BOUTARGANTE
Agenda
Historique
Lightning Web Components
Avantages
Structure des fichiers
Fonctionnalités techniques
Aura et Lightning Web Component
Exemples pratiques
oPlus de Frameworks, moins de standards
oTransfert de compétences difficile
oModèle de programmation différent
oTravail d’optimisation
Historique
Front Web Stack: 2014
oPlus de standards, moins de Frameworks
oTransfert de compétences facile
oModèle de programmation commun
oMeilleurs performances
Historique
Front Web Stack: 2019
Lightning Web Components
oProductivité améliorée
oConçu pour la performance
oCompatible et facile à utiliser
Avantages
Lightning Web Components
Commu-
nity
Page
APP
Page
Home
Page
Record
Page
Email
Apps
Chat
Avantages : Intégration
Salesforce
Lightning Web Components
Versions JavaScript
ECMAScript
ES9
ES8
ES7
ES6
Latest Latest Latest
12.x+ IE 11
Versions Navigateurs
Avantages : Support Navigateur et Javascript
Lightning Web Components
Structure des fichiers
LWC
Aura
Fichier HTML
<template> comme une balise racine
Fichier Javascript
Inclut une standard Javascript
Fichier de configuration
Définit les types de pages sur lesquelles le
composant peut s’afficher
Lightning Web Components
Fonctionnalités techniques
o @api: exposer des propriétés ou des variables public.
o @wire: Lire des données Salesforce (Objets, Champs, méthode Apex,
…)
o @track: Suivre la trace des propriétés privés d’un composant et gérer
le rendu HTML.
o getObjectInfo : Récupération des informations sur un objet Salesforce.
o getPicklistValues: Récupérations des valeurs d’une Picklist
o @salesforce/schema : Import des objets et champs
o @salesforce/apex : Appel méthodes apex
Coexistence LWC / Aura
Interactions
Exemples pratiques
https://trailhead.salesforce.com/fr/sample-gallery
http://www.dreamhouseapp.io/
Questions?
”
“Lightning Web Components
THANK YOU
for attending this session
And thanks to our sponsors

Contenu connexe

Similaire à Mohamed Aamer northafricadreamin Lightning web components

Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
Tugdual Grall
 
Azure Services Platform
Azure Services PlatformAzure Services Platform
Azure Services Platform
Gregory Renard
 
Le Developpement Web Aspnet2 Vb2005
Le Developpement Web Aspnet2   Vb2005Le Developpement Web Aspnet2   Vb2005
Le Developpement Web Aspnet2 Vb2005
Gregory Renard
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
Vincent Perrin
 

Similaire à Mohamed Aamer northafricadreamin Lightning web components (20)

Starter Kits
Starter KitsStarter Kits
Starter Kits
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
 
MIcrosoft experiences - SharePoint 2016 : architecture, déploiement et topol...
MIcrosoft experiences  - SharePoint 2016 : architecture, déploiement et topol...MIcrosoft experiences  - SharePoint 2016 : architecture, déploiement et topol...
MIcrosoft experiences - SharePoint 2016 : architecture, déploiement et topol...
 
Azure Services Platform
Azure Services PlatformAzure Services Platform
Azure Services Platform
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
 
Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5
 
Presentation CMIS Acquia + Alfresco - Confoo2010
Presentation CMIS Acquia + Alfresco - Confoo2010Presentation CMIS Acquia + Alfresco - Confoo2010
Presentation CMIS Acquia + Alfresco - Confoo2010
 
CV REBAI Hamida
CV REBAI HamidaCV REBAI Hamida
CV REBAI Hamida
 
memoire sur la technologie de RIA
memoire sur la technologie de RIAmemoire sur la technologie de RIA
memoire sur la technologie de RIA
 
Angular développer des applications .pdf
Angular développer des applications .pdfAngular développer des applications .pdf
Angular développer des applications .pdf
 
Oracle j developer+adf11g description
Oracle j developer+adf11g descriptionOracle j developer+adf11g description
Oracle j developer+adf11g description
 
Java Server Faces - Beyond
Java Server Faces - BeyondJava Server Faces - Beyond
Java Server Faces - Beyond
 
Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"Asp.net Présentation de L'application "Organizer"
Asp.net Présentation de L'application "Organizer"
 
Introduction au développement Web
Introduction au développement Web Introduction au développement Web
Introduction au développement Web
 
Alphorm.com Formation Angular - Les fondamentaux
Alphorm.com Formation Angular - Les fondamentauxAlphorm.com Formation Angular - Les fondamentaux
Alphorm.com Formation Angular - Les fondamentaux
 
Pourquoi choisir les technologies Microsoft
Pourquoi choisir les technologies MicrosoftPourquoi choisir les technologies Microsoft
Pourquoi choisir les technologies Microsoft
 
Azure Api management
Azure Api managementAzure Api management
Azure Api management
 
DevCon 3 : Azure API Management
DevCon 3 : Azure API ManagementDevCon 3 : Azure API Management
DevCon 3 : Azure API Management
 
Le Developpement Web Aspnet2 Vb2005
Le Developpement Web Aspnet2   Vb2005Le Developpement Web Aspnet2   Vb2005
Le Developpement Web Aspnet2 Vb2005
 
WebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet ApplicationsWebSphere Portal & Rich Internet Applications
WebSphere Portal & Rich Internet Applications
 

Mohamed Aamer northafricadreamin Lightning web components