SlideShare une entreprise Scribd logo
1  sur  13
vertika.org by Jean Garutti -- Angular 4 -- 08/29/17 -- 1
Angular 4
expressions
de template
Règles à
respecter
info@vertika.org
-- Angular 4 -- -- 2by Jean Garutti
La directive structurelle
Elle est responsable
de tout
Angular l’améliore
encore
Jean Garutti – vertika.org
info@vertika.org
-- Angular 4 -- -- 3by Jean Garutti
Respectez les règles de la tribu
info@vertika.org
-- Angular 4 -- -- 4by Jean Garutti
 Une expression de
template
ne doit modifier aucun état
de l'application
 autre que la valeur
de la propriété cible.
Aucun effet secondaire visible
info@vertika.org
-- Angular 4 -- -- 5by Jean Garutti
 Cette règle est essentielle à la
politique de «flux de données
unidirectionnelles» d'Angular.
 la lecture d'une valeur de composant
ne doit pas modifier
une autre valeur affichée.
 La vue doit rester stable
tout au long
d'une seule passe de rendu.
Aucun effet secondaire visible
info@vertika.org
-- Angular 4 -- -- 6by Jean Garutti
 Angular exécute des
expressions de
template
 après chaque
cycle de détection
d’un changement.
Exécution rapide
info@vertika.org
-- Angular 4 -- -- 7by Jean Garutti
 Les cycles de détection des
changements sont déclenchés
par de nombreuses activités
asynchrones telles que
 les résolutions de promesses,
 les résultats http,
 les événements temporisés,
 les pressions de touches
 et les mouvements de la souris
Exécution rapide
info@vertika.org
-- Angular 4 -- -- 8by Jean Garutti
 Les expressions doivent
se terminer rapidement
 sinon l'utilisateur
peut se lasser,
 en particulier sur les
périphériques plus lents.
Exécution rapide
info@vertika.org
-- Angular 4 -- -- 9by Jean Garutti
 Utilisez les valeurs
mises en cache
 lorsque leur calcul
coûte cher.
Exécution rapide
info@vertika.org
-- Angular 4 -- -- 10by Jean Garutti
 Il est possible d'écrire
des expressions de template
assez complexes,
mais vous devez les éviter.
Un nom de propriété
ou un appel de méthode
doit être la norme.
Simplicité
info@vertika.org
-- Angular 4 -- -- 11by Jean Garutti
 Si une expression idempotente
renvoie une chaîne ou un nombre,
 elle renvoie la même chaîne ou le
même nombre
 lorsqu‘elle est appelée deux fois de suite.
 Si l'expression renvoie un objet
(y compris un tableau),
 il renvoie la même référence d'objet
lorsqu'il est appelé deux fois de suite.
Idempotence
info@vertika.org
-- Angular 4 -- -- 12by Jean Garutti
 en 7 langues
 en présentiel
ou en e-learning
 par des experts
Pour la suite, inscrivez-vous
aux cours Angular 4
info@vertika.org
-- Angular 4 -- -- 13by Jean Garutti

Contenu connexe

Tendances

Angular 4 - shadow dom -- Français
Angular 4  - shadow dom -- FrançaisAngular 4  - shadow dom -- Français
Angular 4 - shadow dom -- FrançaisVERTIKA
 
Angular 4 - property binding- slsh-fr
Angular 4  - property binding- slsh-frAngular 4  - property binding- slsh-fr
Angular 4 - property binding- slsh-frVERTIKA
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- FrançaisVERTIKA
 
Angular 4 - directives structurelles -- Français
Angular 4  - directives structurelles -- FrançaisAngular 4  - directives structurelles -- Français
Angular 4 - directives structurelles -- FrançaisVERTIKA
 
Angular 4 - explorer un projet par CLI-- Français
Angular 4  - explorer  un projet par CLI-- FrançaisAngular 4  - explorer  un projet par CLI-- Français
Angular 4 - explorer un projet par CLI-- FrançaisVERTIKA
 
Angular 4 - directives d'attribut -- Français
Angular 4  - directives d'attribut -- FrançaisAngular 4  - directives d'attribut -- Français
Angular 4 - directives d'attribut -- FrançaisVERTIKA
 
Angular 4 - installation d'Angular -- Français
Angular 4  - installation  d'Angular -- FrançaisAngular 4  - installation  d'Angular -- Français
Angular 4 - installation d'Angular -- FrançaisVERTIKA
 
Angular 4 - decorateurs -- Français
Angular 4  - decorateurs  -- Français Angular 4  - decorateurs  -- Français
Angular 4 - decorateurs -- Français VERTIKA
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çaisVERTIKA
 
Angular 4 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- FrançaisVERTIKA
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css FrançaisVERTIKA
 
Geek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIGeek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIOLBATI
 

Tendances (12)

Angular 4 - shadow dom -- Français
Angular 4  - shadow dom -- FrançaisAngular 4  - shadow dom -- Français
Angular 4 - shadow dom -- Français
 
Angular 4 - property binding- slsh-fr
Angular 4  - property binding- slsh-frAngular 4  - property binding- slsh-fr
Angular 4 - property binding- slsh-fr
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- Français
 
Angular 4 - directives structurelles -- Français
Angular 4  - directives structurelles -- FrançaisAngular 4  - directives structurelles -- Français
Angular 4 - directives structurelles -- Français
 
Angular 4 - explorer un projet par CLI-- Français
Angular 4  - explorer  un projet par CLI-- FrançaisAngular 4  - explorer  un projet par CLI-- Français
Angular 4 - explorer un projet par CLI-- Français
 
Angular 4 - directives d'attribut -- Français
Angular 4  - directives d'attribut -- FrançaisAngular 4  - directives d'attribut -- Français
Angular 4 - directives d'attribut -- Français
 
Angular 4 - installation d'Angular -- Français
Angular 4  - installation  d'Angular -- FrançaisAngular 4  - installation  d'Angular -- Français
Angular 4 - installation d'Angular -- Français
 
Angular 4 - decorateurs -- Français
Angular 4  - decorateurs  -- Français Angular 4  - decorateurs  -- Français
Angular 4 - decorateurs -- Français
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çais
 
Angular 4 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- Français
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css Français
 
Geek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger IIGeek Time December 2016 : Swagger II
Geek Time December 2016 : Swagger II
 

En vedette

Mobilization 2017: Don't lose your users because of endless quality issues
Mobilization 2017: Don't lose your users because of endless quality issuesMobilization 2017: Don't lose your users because of endless quality issues
Mobilization 2017: Don't lose your users because of endless quality issuesOlivier Destrebecq
 
Traitement numérique des images - Projet Android "Virtual Pong" - Présentation
Traitement numérique des images - Projet Android "Virtual Pong" - PrésentationTraitement numérique des images - Projet Android "Virtual Pong" - Présentation
Traitement numérique des images - Projet Android "Virtual Pong" - PrésentationValentin Thirion
 
Meet up paris 13 of jun 2017
Meet up paris 13 of jun 2017Meet up paris 13 of jun 2017
Meet up paris 13 of jun 2017Jasmine Conseil
 
Devoxx 2015, ionic chat
Devoxx 2015, ionic chatDevoxx 2015, ionic chat
Devoxx 2015, ionic chatLoïc Knuchel
 
Développement Android
Développement AndroidDéveloppement Android
Développement AndroidFranck SIMON
 
Programmation Android - 00 - Présentation
Programmation Android - 00 - PrésentationProgrammation Android - 00 - Présentation
Programmation Android - 00 - PrésentationYann Caron
 
02 programmation mobile - android - (activity, view, fragment)
02 programmation mobile - android - (activity, view, fragment)02 programmation mobile - android - (activity, view, fragment)
02 programmation mobile - android - (activity, view, fragment)TECOS
 
Radio cognitive et intelligence artificielle
Radio cognitive et intelligence artificielleRadio cognitive et intelligence artificielle
Radio cognitive et intelligence artificiellebenouini rachid
 
Algea - 04 - conclusion
Algea - 04 - conclusionAlgea - 04 - conclusion
Algea - 04 - conclusionYann Caron
 
Support de la formation Android 5 , Avancé
Support de la formation Android 5 , Avancé Support de la formation Android 5 , Avancé
Support de la formation Android 5 , Avancé Alphorm
 
Andcx formation-android-avance-creation-d-applications-complexes
Andcx formation-android-avance-creation-d-applications-complexesAndcx formation-android-avance-creation-d-applications-complexes
Andcx formation-android-avance-creation-d-applications-complexesCERTyou Formation
 
04 programmation mobile - android - (db, receivers, services...)
04 programmation mobile - android - (db, receivers, services...)04 programmation mobile - android - (db, receivers, services...)
04 programmation mobile - android - (db, receivers, services...)TECOS
 
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Loïc Knuchel
 
1cours virologie généralités (1)
1cours virologie généralités (1)1cours virologie généralités (1)
1cours virologie généralités (1)imlen gan
 
Android Studio, premier contact
Android Studio, premier contactAndroid Studio, premier contact
Android Studio, premier contactJasmine Conseil
 

En vedette (20)

Mobilization 2017: Don't lose your users because of endless quality issues
Mobilization 2017: Don't lose your users because of endless quality issuesMobilization 2017: Don't lose your users because of endless quality issues
Mobilization 2017: Don't lose your users because of endless quality issues
 
Initiation aux echecs
Initiation aux echecsInitiation aux echecs
Initiation aux echecs
 
Codes malveillants
Codes malveillantsCodes malveillants
Codes malveillants
 
Traitement numérique des images - Projet Android "Virtual Pong" - Présentation
Traitement numérique des images - Projet Android "Virtual Pong" - PrésentationTraitement numérique des images - Projet Android "Virtual Pong" - Présentation
Traitement numérique des images - Projet Android "Virtual Pong" - Présentation
 
Meet up paris 13 of jun 2017
Meet up paris 13 of jun 2017Meet up paris 13 of jun 2017
Meet up paris 13 of jun 2017
 
Devoxx 2015, ionic chat
Devoxx 2015, ionic chatDevoxx 2015, ionic chat
Devoxx 2015, ionic chat
 
Android 6 marshmallow
Android 6 marshmallowAndroid 6 marshmallow
Android 6 marshmallow
 
Développement Android
Développement AndroidDéveloppement Android
Développement Android
 
Programmation Android - 00 - Présentation
Programmation Android - 00 - PrésentationProgrammation Android - 00 - Présentation
Programmation Android - 00 - Présentation
 
02 programmation mobile - android - (activity, view, fragment)
02 programmation mobile - android - (activity, view, fragment)02 programmation mobile - android - (activity, view, fragment)
02 programmation mobile - android - (activity, view, fragment)
 
Introduction gestion de projet
Introduction gestion de projetIntroduction gestion de projet
Introduction gestion de projet
 
Radio cognitive et intelligence artificielle
Radio cognitive et intelligence artificielleRadio cognitive et intelligence artificielle
Radio cognitive et intelligence artificielle
 
Algea - 04 - conclusion
Algea - 04 - conclusionAlgea - 04 - conclusion
Algea - 04 - conclusion
 
Support de la formation Android 5 , Avancé
Support de la formation Android 5 , Avancé Support de la formation Android 5 , Avancé
Support de la formation Android 5 , Avancé
 
Andcx formation-android-avance-creation-d-applications-complexes
Andcx formation-android-avance-creation-d-applications-complexesAndcx formation-android-avance-creation-d-applications-complexes
Andcx formation-android-avance-creation-d-applications-complexes
 
04 programmation mobile - android - (db, receivers, services...)
04 programmation mobile - android - (db, receivers, services...)04 programmation mobile - android - (db, receivers, services...)
04 programmation mobile - android - (db, receivers, services...)
 
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
Le développement mobile hybride sort du bois, Ch'ti JUG le 15-04-2015
 
Android à domicile
Android à domicileAndroid à domicile
Android à domicile
 
1cours virologie généralités (1)
1cours virologie généralités (1)1cours virologie généralités (1)
1cours virologie généralités (1)
 
Android Studio, premier contact
Android Studio, premier contactAndroid Studio, premier contact
Android Studio, premier contact
 

Similaire à Angular 4 - regles -- Français

Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...
Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...
Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...Association Agile Nantes
 
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?Qelios
 
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
MinuteJS - BreizhCamp - 2017
MinuteJS - BreizhCamp - 2017MinuteJS - BreizhCamp - 2017
MinuteJS - BreizhCamp - 2017Fabien JUIF
 
MinuteJS - DevFest Nantes - 2016
MinuteJS - DevFest Nantes - 2016MinuteJS - DevFest Nantes - 2016
MinuteJS - DevFest Nantes - 2016Fabien JUIF
 
Presentation Spring, Spring MVC
Presentation Spring, Spring MVCPresentation Spring, Spring MVC
Presentation Spring, Spring MVCNathaniel Richand
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
Normes avancées du Web  - GTI780 & MTI780 - ETS - A08Normes avancées du Web  - GTI780 & MTI780 - ETS - A08
Normes avancées du Web - GTI780 & MTI780 - ETS - A08Claude Coulombe
 
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)Etude rapide sur les frameworks Front-end (AngularJS vs *JS)
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)Bilel ZEGHAD
 
Le_Grafcet _G7.pdf
Le_Grafcet _G7.pdfLe_Grafcet _G7.pdf
Le_Grafcet _G7.pdfafefmabrouki
 
121102 aetc_consultingconf4d
121102 aetc_consultingconf4d121102 aetc_consultingconf4d
121102 aetc_consultingconf4dNathalie Richomme
 
Extrait du Benchmark Cloud IaaS par Gekko
Extrait du Benchmark Cloud IaaS par Gekko Extrait du Benchmark Cloud IaaS par Gekko
Extrait du Benchmark Cloud IaaS par Gekko GekkoSAS
 
Une application sans framework en 2019
Une application sans framework en 2019Une application sans framework en 2019
Une application sans framework en 2019Rodrigue Villetard
 
Wad Robot Framework Pour Jump Camp4 It
Wad Robot Framework Pour Jump Camp4 ItWad Robot Framework Pour Jump Camp4 It
Wad Robot Framework Pour Jump Camp4 ItJérôme BATON
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantHugo Hamon
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Eric Giraudin
 
Github workflow
Github workflowGithub workflow
Github workflowJim Laurie
 
20081113 - Nantes Jug - Apache Maven
20081113 - Nantes Jug - Apache Maven20081113 - Nantes Jug - Apache Maven
20081113 - Nantes Jug - Apache MavenArnaud Héritier
 

Similaire à Angular 4 - regles -- Français (20)

Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...
Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...
Agile Tour Nantes 2011 - Jean philippe gouigoux - architecture et agilité, ré...
 
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?
 
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
 
MinuteJS - BreizhCamp - 2017
MinuteJS - BreizhCamp - 2017MinuteJS - BreizhCamp - 2017
MinuteJS - BreizhCamp - 2017
 
MinuteJS - DevFest Nantes - 2016
MinuteJS - DevFest Nantes - 2016MinuteJS - DevFest Nantes - 2016
MinuteJS - DevFest Nantes - 2016
 
Introduction à Angular 2
Introduction à Angular 2Introduction à Angular 2
Introduction à Angular 2
 
Presentation Spring, Spring MVC
Presentation Spring, Spring MVCPresentation Spring, Spring MVC
Presentation Spring, Spring MVC
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
Normes avancées du Web  - GTI780 & MTI780 - ETS - A08Normes avancées du Web  - GTI780 & MTI780 - ETS - A08
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
 
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)Etude rapide sur les frameworks Front-end (AngularJS vs *JS)
Etude rapide sur les frameworks Front-end (AngularJS vs *JS)
 
Symfony Best Practices
Symfony Best PracticesSymfony Best Practices
Symfony Best Practices
 
Le_Grafcet _G7.pdf
Le_Grafcet _G7.pdfLe_Grafcet _G7.pdf
Le_Grafcet _G7.pdf
 
121102 aetc_consultingconf4d
121102 aetc_consultingconf4d121102 aetc_consultingconf4d
121102 aetc_consultingconf4d
 
Extrait du Benchmark Cloud IaaS par Gekko
Extrait du Benchmark Cloud IaaS par Gekko Extrait du Benchmark Cloud IaaS par Gekko
Extrait du Benchmark Cloud IaaS par Gekko
 
Une application sans framework en 2019
Une application sans framework en 2019Une application sans framework en 2019
Une application sans framework en 2019
 
Wad Robot Framework Pour Jump Camp4 It
Wad Robot Framework Pour Jump Camp4 ItWad Robot Framework Pour Jump Camp4 It
Wad Robot Framework Pour Jump Camp4 It
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
 
Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020Reunion nationale karuta nov 2020
Reunion nationale karuta nov 2020
 
Github workflow
Github workflowGithub workflow
Github workflow
 
La face cachee des web extensions
La face cachee des web extensionsLa face cachee des web extensions
La face cachee des web extensions
 
20081113 - Nantes Jug - Apache Maven
20081113 - Nantes Jug - Apache Maven20081113 - Nantes Jug - Apache Maven
20081113 - Nantes Jug - Apache Maven
 

Dernier

Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne FontaineTxaruka
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurdinaelchaine
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.docKarimKhrifech
 
Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxlamourfrantz
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptxTxaruka
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.Franck Apolis
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptxSAID MASHATE
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipM2i Formation
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...M2i Formation
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxssusercbaa22
 
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfMICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfssuser40e112
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxssuserbd075f
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertChristianMbip
 

Dernier (20)

Bolero. pptx . Film de A nnne Fontaine
Bolero. pptx . Film   de  A nnne FontaineBolero. pptx . Film   de  A nnne Fontaine
Bolero. pptx . Film de A nnne Fontaine
 
présentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteurprésentation sur l'échafaudage dans des travaux en hauteur
présentation sur l'échafaudage dans des travaux en hauteur
 
Grammaire pour les élèves de la 6ème.doc
Grammaire pour les élèves de la  6ème.docGrammaire pour les élèves de la  6ème.doc
Grammaire pour les élèves de la 6ème.doc
 
Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptx
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptx
 
A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.A3iFormations, organisme de formations certifié qualiopi.
A3iFormations, organisme de formations certifié qualiopi.
 
Pâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie PelletierPâques de Sainte Marie-Euphrasie Pelletier
Pâques de Sainte Marie-Euphrasie Pelletier
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
666148532-Formation-Habilitation-ELECTRIQUE-ENTREPRISE-MARS-2017.pptx
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Formation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadershipFormation M2i - Comprendre les neurosciences pour développer son leadership
Formation M2i - Comprendre les neurosciences pour développer son leadership
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
Formation M2i - Intelligence Artificielle Comment booster votre productivité ...
 
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptxApproche-des-risques-par-l’analyse-des-accidents-1.pptx
Approche-des-risques-par-l’analyse-des-accidents-1.pptx
 
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdfMICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
MICROBIOLOGIE ENDODONTIQUE english and frensh 25 nov 2020.pdf
 
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptxSUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
SUPPORT DE SUR COURS_GOUVERNANCE_SI_M2.pptx
 
Evaluación Alumnos de Ecole Victor Hugo
Evaluación Alumnos de Ecole  Victor HugoEvaluación Alumnos de Ecole  Victor Hugo
Evaluación Alumnos de Ecole Victor Hugo
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expert
 

Angular 4 - regles -- Français

  • 1. vertika.org by Jean Garutti -- Angular 4 -- 08/29/17 -- 1 Angular 4 expressions de template Règles à respecter
  • 2. info@vertika.org -- Angular 4 -- -- 2by Jean Garutti La directive structurelle Elle est responsable de tout Angular l’améliore encore Jean Garutti – vertika.org
  • 3. info@vertika.org -- Angular 4 -- -- 3by Jean Garutti Respectez les règles de la tribu
  • 4. info@vertika.org -- Angular 4 -- -- 4by Jean Garutti  Une expression de template ne doit modifier aucun état de l'application  autre que la valeur de la propriété cible. Aucun effet secondaire visible
  • 5. info@vertika.org -- Angular 4 -- -- 5by Jean Garutti  Cette règle est essentielle à la politique de «flux de données unidirectionnelles» d'Angular.  la lecture d'une valeur de composant ne doit pas modifier une autre valeur affichée.  La vue doit rester stable tout au long d'une seule passe de rendu. Aucun effet secondaire visible
  • 6. info@vertika.org -- Angular 4 -- -- 6by Jean Garutti  Angular exécute des expressions de template  après chaque cycle de détection d’un changement. Exécution rapide
  • 7. info@vertika.org -- Angular 4 -- -- 7by Jean Garutti  Les cycles de détection des changements sont déclenchés par de nombreuses activités asynchrones telles que  les résolutions de promesses,  les résultats http,  les événements temporisés,  les pressions de touches  et les mouvements de la souris Exécution rapide
  • 8. info@vertika.org -- Angular 4 -- -- 8by Jean Garutti  Les expressions doivent se terminer rapidement  sinon l'utilisateur peut se lasser,  en particulier sur les périphériques plus lents. Exécution rapide
  • 9. info@vertika.org -- Angular 4 -- -- 9by Jean Garutti  Utilisez les valeurs mises en cache  lorsque leur calcul coûte cher. Exécution rapide
  • 10. info@vertika.org -- Angular 4 -- -- 10by Jean Garutti  Il est possible d'écrire des expressions de template assez complexes, mais vous devez les éviter. Un nom de propriété ou un appel de méthode doit être la norme. Simplicité
  • 11. info@vertika.org -- Angular 4 -- -- 11by Jean Garutti  Si une expression idempotente renvoie une chaîne ou un nombre,  elle renvoie la même chaîne ou le même nombre  lorsqu‘elle est appelée deux fois de suite.  Si l'expression renvoie un objet (y compris un tableau),  il renvoie la même référence d'objet lorsqu'il est appelé deux fois de suite. Idempotence
  • 12. info@vertika.org -- Angular 4 -- -- 12by Jean Garutti  en 7 langues  en présentiel ou en e-learning  par des experts Pour la suite, inscrivez-vous aux cours Angular 4
  • 13. info@vertika.org -- Angular 4 -- -- 13by Jean Garutti