Angular Architecture

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

{
durée: 1 jour,
prix: 500€ HT / personne,
prochainesDates: {
Lyon: [
20 Juin 2019
]
}
}

Votre Formateur

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

  • SCAM Modules + tips & tricks.

  • Factorisation du routing.

  • 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.

Observables et Reactive Programming

  • Utilisation des Observables.

  • Création des Observables.

  • Cold vs Hot Observables.

  • BehaviorSubject.

  • Les opérateurs les plus funs.

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.

​