# Atelier Architecture Angular

## Objectifs

* Apprendre à structurer le code pour produire des applications **performantes**, **robustes** et **maintenables**.

## Informations / Réservation

Contactez-nous sur <contact@wishtack.com> ou appelez-nous au [+33 4 26 83 61 92](tel:+33426836192) pour toutes vos questions et réservations.

### Déroulement de la journée

* **9h30** : Début de l'atelier.
* **12h30 - 14h** : Déjeuner.
* **17h30** : Fin de l'atelier
* **17h30 - 19h** : Apéro-discute.

## Prérequis

* **Curiosité** et **culture Web**.
* Avoir de l'expérience Angular ou avoir suivi la [formation Angular](/nos-services/formation-angular.md).

## Programme

### Project Structure

* SCAM Modules + tips & tricks.
* Factorisation du routing.
* View Modules.

### **Content Projection**

* Principe, avantages et design patterns.
* Multi-projection.
* Template projection.
* Alternatives aux Higher-Order Components.

### Dynamic Component Injection

* Injection dynamique de composants.
* Lazy loading de composants *(sans routing)*.

### **Routing**

* Routing tree.
* Guards + redirect.
* Lazy loading.

### Monorepo

* Partager du code avec l'approche Monorepo.
* Yarn workspaces.
* Nx workspaces.

## Votre Formateur

![](/files/-LaunoHeopP3oSpcgLC2)

Younes est formateur, coach en eXtreme Programming et **Google Developer Expert** en Angular et Web Technologies.

Après 10 ans d’expérience en développement web et sécurité, Younes est convaincu que la qualité d’un produit repose principalement sur le **Collective Ownership** et la **qualité de code**. Son but est de propager cette culture de partage et d’améliorer la qualité des produits par l’échange et le levier de la Developer eXperience.

En parallèle du développement de l’application [Wishtack](https://www.wishtack.com/), il anime des formations et accompagne des équipes allant de jeunes startups aux institutions européennes en passant par des banques ou sociétés de service. Durant ses interventions, il utilise ses compétences “cross-dev-and-security” afin de couvrir des sujets comme Angular, Node, Python, Agilité, Scrum, eXtreme Programming, DevOps, ReST APIs, Architecture, Sécurité…

Il est également l’auteur du [**Guide Angular**](https://guide-angular.wishtack.io/) …et prend parfois le temps d’aller bavarder aux meetups et conférences sur différents sujets tels que [**Les Composants Interchangeables à l’AngularConnect**](https://youtu.be/nX_HhiqmFAI)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide-angular.wishtack.io/nos-services/atelier-architecture-angular.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.