SlideShare une entreprise Scribd logo
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

PPT
Angular 4 - architecture -- français
PPT
Angular 4 - interpolation -- Français
PPT
Angular 4 - directives -- Français
PPT
Angular 4 - creer pipes services -- Français
PPT
Angular 4 - creer projet par CLI -- français
PPT
Angular 4 - creer composants -- français
PPT
Angular 4 - pöurquoi --Français
PPT
Angular 4 - event binding -- Français
Angular 4 - architecture -- français
Angular 4 - interpolation -- Français
Angular 4 - directives -- Français
Angular 4 - creer pipes services -- Français
Angular 4 - creer projet par CLI -- français
Angular 4 - creer composants -- français
Angular 4 - pöurquoi --Français
Angular 4 - event binding -- Français

Tendances (12)

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

En vedette (20)

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

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

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

Dernier (20)

PPTX
Le rendez-vous de l'été.pptx Film français
PPTX
Présentation Projet Entreprise Minimaliste Moderne Sobre Blanc Noir.pptx
PDF
CLASE 2 TRAIN voacublaire en rancaise.pdf
PDF
Il y a et les lieux de la ville (négation avec les indéfinis)
PDF
Articles definis et indefinis. Comment les différencier ?
PPTX
Leçon inaugurale2.ministere. enseignant.
PPT
le-subjonctif-présent, Grammaire, français
PDF
Bac 2026 - Livre - 🎤 Le Grand Oral - ✍️ Exemples rédigés - Physique ⚡ - Chimi...
PDF
Bac 2026 - Livre - 🎤 Le Grand Oral - ✍️ Exemples rédigés - 🌿 SVT - Extrait
PPTX
plus que ´parfait--.-.-.-..-.--.-..-.-.-.-.
PPTX
XEROPHTALMIE , SES ETIOLOGIES ET SA PRISE EN CHARGE
PDF
rédigés - Spécialité: 📊 Mathématique - Extrait
PPT
Formation ESPACESCONFINES_ Rôle et responsabilité.ppt
PDF
🎓 Le Secret des Profs Captivants - 💡 2. Hygiène vocale et santé professionnel...
PPT
Les moyens de transport-2023.ppt french language teaching ppt
PPTX
Présentation Personal Branding J2025.pptx_20250218_132749_0000.pptx_20250610_...
PPTX
Copie de Présentation Personal Branding J2025.pptx_20250610_120558_0000.pptx
PPTX
SESSION2-SUPPORT-DE-COURS-FLEC-(Future leader en énergie au Cameroun)-CECOSDA...
PPTX
Devenir Inspecteur HSE _ Chp1_ L1....pptx
PPTX
SESSION1-SUPPORT-DE-COURS-FLEC-(Future leader en énergie au Cameroun)-CECOSDA...
Le rendez-vous de l'été.pptx Film français
Présentation Projet Entreprise Minimaliste Moderne Sobre Blanc Noir.pptx
CLASE 2 TRAIN voacublaire en rancaise.pdf
Il y a et les lieux de la ville (négation avec les indéfinis)
Articles definis et indefinis. Comment les différencier ?
Leçon inaugurale2.ministere. enseignant.
le-subjonctif-présent, Grammaire, français
Bac 2026 - Livre - 🎤 Le Grand Oral - ✍️ Exemples rédigés - Physique ⚡ - Chimi...
Bac 2026 - Livre - 🎤 Le Grand Oral - ✍️ Exemples rédigés - 🌿 SVT - Extrait
plus que ´parfait--.-.-.-..-.--.-..-.-.-.-.
XEROPHTALMIE , SES ETIOLOGIES ET SA PRISE EN CHARGE
rédigés - Spécialité: 📊 Mathématique - Extrait
Formation ESPACESCONFINES_ Rôle et responsabilité.ppt
🎓 Le Secret des Profs Captivants - 💡 2. Hygiène vocale et santé professionnel...
Les moyens de transport-2023.ppt french language teaching ppt
Présentation Personal Branding J2025.pptx_20250218_132749_0000.pptx_20250610_...
Copie de Présentation Personal Branding J2025.pptx_20250610_120558_0000.pptx
SESSION2-SUPPORT-DE-COURS-FLEC-(Future leader en énergie au Cameroun)-CECOSDA...
Devenir Inspecteur HSE _ Chp1_ L1....pptx
SESSION1-SUPPORT-DE-COURS-FLEC-(Future leader en énergie au Cameroun)-CECOSDA...

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