SlideShare une entreprise Scribd logo
1  sur  12
vertika.org by Jean Garutti -- Angular 4 -- 08/28/17 -- 1
Angular 4
architecture
info@vertika.org
-- Angular 4 -- -- 2by Jean Garutti
Angular 4 -- architecture
 lors de l'élaboration de
votre application
 vous passerez
la majeure partie du temps
dans la construction
des composants
Jean Garutti – vertika.org
info@vertika.org
-- Angular 4 -- -- 3by Jean Garutti
Vous coupez tout en petits morceaux
info@vertika.org
-- Angular 4 -- -- 4by Jean Garutti
ANGULAR, des Modules….
info@vertika.org
-- Angular 4 -- -- 5by Jean Garutti
lors de l'élaboration de votre
application
vous passerez
la majeure partie du temps
dans la construction
des composants.
Composant, est-ce utile ?
info@vertika.org
-- Angular 4 -- -- 6by Jean Garutti
ANGULAR, Architecture
info@vertika.org
-- Angular 4 -- -- 7by Jean Garutti
ANGULAR, 7 blocs...
info@vertika.org
-- Angular 4 -- -- 8by Jean Garutti
 Les composants Angular 4
 sont simplement des classes
 qui sont désignées comme
« composant »
par un
« décorateur de composants ».
Composant, qu’est-ce que c’est ?
info@vertika.org
-- Angular 4 -- -- 9by Jean Garutti
Chaque composant
possède
un template défini
qui peut communiquer
avec le code décrit
dans la classe de composant.
Composant, qu’est-ce que c’est ?
info@vertika.org
-- Angular 4 -- -- 10by Jean Garutti
 Vos vues sont définies dans les
modèles HTML.
 Ces Templates sont définis dans le
@Component decorator.
 Vous pouvez définir
des modèles HTML
 en ligne
 externes ‘dans des fichiers HTML).
Template, qu’est-ce que c’est ?
info@vertika.org
-- Angular 4 -- -- 11by Jean Garutti
En 7 langues
En présentiel
ou e-learning
Par des experts
Les cours Angular 4
info@vertika.org
-- Angular 4 -- -- 12by Jean Garutti

Contenu connexe

Tendances

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 - decorateurs -- Français
Angular 4  - decorateurs  -- Français Angular 4  - decorateurs  -- Français
Angular 4 - decorateurs -- Français VERTIKA
 
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 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- FrançaisVERTIKA
 
Angular 4 - creer composants -- français
Angular 4  - creer composants -- françaisAngular 4  - creer composants -- français
Angular 4 - creer composants -- françaisVERTIKA
 
Angular 4 - event binding -- Français
Angular 4  - event  binding -- FrançaisAngular 4  - event  binding -- Français
Angular 4 - event binding -- FrançaisVERTIKA
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- FrançaisVERTIKA
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css FrançaisVERTIKA
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çaisVERTIKA
 
Angular 4 - interpolation -- Français
Angular 4  - interpolation -- FrançaisAngular 4  - interpolation -- Français
Angular 4 - interpolation -- 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
 
Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Didcode
 
Geek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainGeek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainOLBATI
 

Tendances (14)

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 - decorateurs -- Français
Angular 4  - decorateurs  -- Français Angular 4  - decorateurs  -- Français
Angular 4 - decorateurs -- Français
 
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 - ngfor -- Français
Angular 4  - ngfor -- FrançaisAngular 4  - ngfor -- Français
Angular 4 - ngfor -- Français
 
Angular 4 - creer composants -- français
Angular 4  - creer composants -- françaisAngular 4  - creer composants -- français
Angular 4 - creer composants -- français
 
Angular 4 - event binding -- Français
Angular 4  - event  binding -- FrançaisAngular 4  - event  binding -- Français
Angular 4 - event binding -- Français
 
Angular 4 - template -- Français
Angular 4  - template -- FrançaisAngular 4  - template -- Français
Angular 4 - template -- Français
 
Angular 4 - css Français
Angular 4  - css FrançaisAngular 4  - css Français
Angular 4 - css Français
 
Angular 4 - ngIf -- Fra,çais
Angular 4  - ngIf -- Fra,çaisAngular 4  - ngIf -- Fra,çais
Angular 4 - ngIf -- Fra,çais
 
Angular 4 - interpolation -- Français
Angular 4  - interpolation -- FrançaisAngular 4  - interpolation -- Français
Angular 4 - interpolation -- 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
 
Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)Un site sans CMS (Teknseo 2014)
Un site sans CMS (Teknseo 2014)
 
Geek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/BlockchainGeek Time December 2016 : Bitcoin/Blockchain
Geek Time December 2016 : Bitcoin/Blockchain
 

Dernier

Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxlamourfrantz
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptxMalikaIdseaid1
 
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
 
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
 
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
 
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
 
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
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxpopzair
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertChristianMbip
 
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
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptssusercbaa22
 
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
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptxTxaruka
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptssusercbaa22
 
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
 
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
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprisesMajdaKtiri2
 

Dernier (20)

Cours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptxCours-irrigation_et_drainage_cours1.pptx
Cours-irrigation_et_drainage_cours1.pptx
 
presentation l'interactionnisme symbolique finale.pptx
presentation l'interactionnisme symbolique  finale.pptxpresentation l'interactionnisme symbolique  finale.pptx
presentation l'interactionnisme symbolique finale.pptx
 
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é ...
 
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
 
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
 
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
 
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
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Présentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptxPrésentation de cartes d'extension zhr..pptx
Présentation de cartes d'extension zhr..pptx
 
systeme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expertsysteme expert_systeme expert_systeme expert
systeme expert_systeme expert_systeme expert
 
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...
 
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.pptMécanique Automobile LE TURBOCOMPRESSEUR.ppt
Mécanique Automobile LE TURBOCOMPRESSEUR.ppt
 
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
 
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
 
Fondation Louis Vuitton. pptx
Fondation      Louis      Vuitton.   pptxFondation      Louis      Vuitton.   pptx
Fondation Louis Vuitton. pptx
 
MaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.pptMaintenanceLa Maintenance Corrective.ppt
MaintenanceLa Maintenance Corrective.ppt
 
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.
 
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
 
gestion des conflits dans les entreprises
gestion des  conflits dans les entreprisesgestion des  conflits dans les entreprises
gestion des conflits dans les entreprises
 

Angular 4 - architecture -- français

  • 1. vertika.org by Jean Garutti -- Angular 4 -- 08/28/17 -- 1 Angular 4 architecture
  • 2. info@vertika.org -- Angular 4 -- -- 2by Jean Garutti Angular 4 -- architecture  lors de l'élaboration de votre application  vous passerez la majeure partie du temps dans la construction des composants Jean Garutti – vertika.org
  • 3. info@vertika.org -- Angular 4 -- -- 3by Jean Garutti Vous coupez tout en petits morceaux
  • 4. info@vertika.org -- Angular 4 -- -- 4by Jean Garutti ANGULAR, des Modules….
  • 5. info@vertika.org -- Angular 4 -- -- 5by Jean Garutti lors de l'élaboration de votre application vous passerez la majeure partie du temps dans la construction des composants. Composant, est-ce utile ?
  • 6. info@vertika.org -- Angular 4 -- -- 6by Jean Garutti ANGULAR, Architecture
  • 7. info@vertika.org -- Angular 4 -- -- 7by Jean Garutti ANGULAR, 7 blocs...
  • 8. info@vertika.org -- Angular 4 -- -- 8by Jean Garutti  Les composants Angular 4  sont simplement des classes  qui sont désignées comme « composant » par un « décorateur de composants ». Composant, qu’est-ce que c’est ?
  • 9. info@vertika.org -- Angular 4 -- -- 9by Jean Garutti Chaque composant possède un template défini qui peut communiquer avec le code décrit dans la classe de composant. Composant, qu’est-ce que c’est ?
  • 10. info@vertika.org -- Angular 4 -- -- 10by Jean Garutti  Vos vues sont définies dans les modèles HTML.  Ces Templates sont définis dans le @Component decorator.  Vous pouvez définir des modèles HTML  en ligne  externes ‘dans des fichiers HTML). Template, qu’est-ce que c’est ?
  • 11. info@vertika.org -- Angular 4 -- -- 11by Jean Garutti En 7 langues En présentiel ou e-learning Par des experts Les cours Angular 4
  • 12. info@vertika.org -- Angular 4 -- -- 12by Jean Garutti