Différences

Ci-dessous, les différences entre deux révisions de la page.

--- lang:angular:projet [2025/10/21 23:23] – Suppression d'un vieux bug root
+++ lang:angular:projet [2025/10/26 20:22] (Version actuelle) – [Workspace avec une librairie et une application] ajout d'une source pour l'arborescence d'un projet root
@@ Ligne 144: / Ligne 144: @@
 [[https://angular.io/guide/file-structure|Workspace and project file structure]] {{ :lang:angular:projet:angular_-_workspace_and_project_file_structure_2021-07-31_09_06_47_.html |Archive du v12.1.5 le 31/07/2021}}
+Et contenu du dossier app:
+<code>
+src
+└── app
+    ├── core                 # services, guards, interceptors, models. Pas lié à la logique de l'application. Juste à son type.
+    │   ├── auth/
+    │   │   ├── guards/
+    │   │   │   └── auth-guard.ts
+    │   │   ├── models/
+    │   │   │   └── user.model.ts
+    │   │   ├── stores/
+    │   │   │   ├── auth-store.ts
+    │   │   │   └── auth-store.spec.ts
+    │   │   ├── auth.routes.ts
+    │   │   └── pages/
+    │   │       ├── login/
+    │   │       │   ├── login.ts
+    │   │       │   ├── login.html
+    │   │       │   └── login.css
+    │   │       ├── register/
+    │   │       └── password-reset/
+    │   └── layout/
+    ├── shared               # composants réutilisables génériques
+    │   ├── components
+    │   │       ├── notification.ts
+    │   │       ├── notification.html
+    │   │       └── notification.css
+    │   ├── directives
+    │   ├── pipes/
+    │   │   └── format-date-p.ts
+    │   └── shared.ts        # Module
+    └── features             # chaque grande fonctionnalité
+        └── feat1
+            ├── components
+            ├── dialogs
+            ├── directives
+            ├── pages
+            ├── pipes
+            ├── services
+            ├── store
+            ├── appointments-routing.ts # Module
+            └── appointments.ts         # Module
+</code>
+[[https://www.thinkitive.com/blog/angular-best-practices-tips-for-project-structure-and-organization/| Angular Best Practices: Tips for Project Structure and Organization ]] {{ :lang:angular:projet:angular_best_practices_tips_for_project_structure_and_organization_thinkitive_21_10_2025_23_40_23_.html |Archive du 22/11/2023 le 21/10/2025}}
+[[https://medium.com/@dragos.atanasoae_62577/angular-project-structure-guide-small-medium-and-large-projects-e17c361b2029|Angular Project Structure Guide: Small, Medium, and Large Projects]] {{ :lang:angular:projet:angular_project_structure_guide_small_medium_and_large_projects_by_dragos_atanasoae_medium_26_10_2025_20_19_17_.html |Archive du 12/10/2024 le 26/10/2025}}
+Convention de nommage des fichiers:
+  * Component : ''user-profile.ts'' (was ''user-profile.component.ts''),
+  * Directive : ''highlight.ts'' (was ''highlight.directive.ts''),
+  * Service : ''auth-store.ts'' (instead of ''auth.service.ts'', using domain-specific names like ''*-store.ts'', ''*-api.ts'', ''*-client.ts''),
+  * Pour les autres : ''auth-guard.ts'' (was ''auth.guard.ts''), ''currency-pipe.ts'' (was ''currency.pipe.ts''), ''shared-module.ts'' (was ''shared.module.ts'').
+[[https://learnwithawais.medium.com/still-using-component-ts-angular-20-just-changed-the-rules-dd7d8e21b9bc|Still Using *.component.ts? Angular 20 Just Changed the Rules]] {{ :lang:angular:projet:still_using_.component.ts_angular_20_just_changed_the_rules_by_learn_with_awais_medium_10_24_2025_12_47_14_pm_.html |Archive du 05/06/2025 le 24/10/2025}}
 ====Nouvelle vue====