Angular Architecture

Last updated 25 days ago

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 9 70 44 44 58 pour toutes vos questions et réservations.

{
durée: 1 jour,
prix: 500HT / personne,
prochainesDates: {
Lyon: [
4 Avril 2019,
16 Mai 2019
]
}
}

Votre Formateur

Younes Jaaidi

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, 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 …et prend parfois le temps d’aller bavarder aux meetups et conférences sur différents sujets tels que Les Composants Interchangeables à l’AngularConnect

Prérequis

  • Curiosité et culture Web.

  • Avoir de l'expérience Angular ou avoir suivi la formation Angular.

Programme

Project Structure

  • Shared Modules tips & tricks.

  • Factorisation du routing avec des "route resolvers".

  • View Modules.

Content Projection

  • Principe, avantages et design patterns.

  • Multi-projection.

  • Template projection.

Dynamic Component Injection

  • Injection dynamique de composants.

  • Lazy loading de composants (sans routing).

State Management

  • Présentation des différentes approches : RxJS / NGRX / NGXS / Akita.

Routing

  • Routing tree.

  • Guards + redirect.

  • Lazy loading.

Authentication

  • HTTP Interceptors.

  • Bonnes pratiques.

Angular Elements

  • Fonctionnement d'Angular Elements.

  • Design patterns.

Monorepo

  • Partager du code avec l'approche Monorepo.

  • Yarn workspaces.

  • Nx workspaces.