A la découverte d'Angular

5 jours pour maîtriser Angular, c’est peu. C’est encore moins évident lorsqu’on veut aussi transmettre les bonnes pratiques de performance des webapps, déconstruire les anti-patterns, et donner aussi les compétences clés d’architecture front. Et pourtant, c’est ce qu’on propose dans ce format.

Présentiel ou Distanciel
5 jours
4 000 € H.T
Javascript, HTML / CSS
Ratio théorie / pratique : Ratio théorie / pratique : 20% / 80%
(32)
Dernière mise à jour : 04/2024
Télécharger la plaquette

Description

Angular est l’un des frameworks Web les plus utilisés au monde.

Son approche “tout-en-un” en fait un framework simple d’accès, puissant et performant, tout en donnant accès à des paradigmes permettant une scalabilité sans limites.

Pour en tirer le maximum de bénéfices, il faut l’explorer dans ses moindres détails.

C’est l’objet de cette formation.

Vous commencerez par découvrir les fondamentaux d'Angular, pour terminer sur les patterns les plus avancés. L’équipe de formation fera un focus constant sur les bonnes pratiques pour développer des applications web performantes, pour vous faire bénéficier de nos plus de 10 ans d’expertise sur ce framework et ainsi éviter les anti-patterns les plus répandus. 

Passé la phase d’apprentissage, la formation se termine par une phase d’expérimentation “hands-on”, avec un projet d’équipe de 2 jours ayant pour objectif de créer from scratch une webapp de A à Z avec Angular. L’API à intégrer sera fournie.

Vos équipes repartiront ainsi avec les compétences nécessaires pour mettre en œuvre directement des applications Angular, soit en s’inscrivant dans un existant, soit en partant de zéro.

Icône Objectifs
Objectifs

Avoir une bonne compréhension des concepts du framework Angular. Etre capable de créer une application Angular performante from scratch. Maîtriser les dernières nouveautés du Framework. Comprendre une architecture de projet Angular existant et les choix faits.

Icône Contenu
Contenu

Deux keynotes ainsi qu'un cas réel de création d'application from scratch.

Icône Public
Public

Développeurs.

Icône Financement
Financement

Nous sommes certifiés Qualiopi et vous pouvez faire prendre en charge une partie de cette formation selon votre situation.

Icône Prérequis
Prérequis

Savoir coder en Javascript et les bases en HTML/CSS.

Icône Ressources pédagogiques
Ressources pédagogiques

Les contenus pédagogiques sont dispensés sur deux supports : les slides (un deck par jour) et le guide de formation.

Programme

Jour 1
Matin9h30-12h30

Keynote : L’essor des Frameworks Web Modernes, et la genèse d’Angular

Comprendre la différence entre framework et librairie

Comprendre Angular depuis ses débuts : AngularJS ou Angular

Comprendre comment utiliser Typescript dans Angular

Comprendre Angular CLI : l’outil de ligne de commandes d’Angular

Set up de l'environnement

Générer un projet

Comprendre l’architecture d’Angular

Découvrir les configurations

Après-midi14h-17h30

Découvrir les modules

Découvrir les composants et comprendre leur structure 

Comprendre le cycle de vie des composants

Comprendre le binding entre le modèle et la vue (interpolation, property, event, two-way data binding)

Savoir communiquer entre les composants (Input, Output)

Découvrir les standalones Components (Angular 15)

Jour 2
Matin9h30-12h30

Comprendre l’injection de dépendances dans Angular

Créer des services, les provider et les injecter

Envoyer et recevoir des données avec HttpClient

Découvrir les directives d’Angular (structurelles et d’attributs) et créer ses propres directives

Découvrir les pipes Angular et créer ses propres pipes

Après-midi14h-17h30

Découvrir Reactive X

Comprendre le design pattern observer/observable 

Comprendre les souscriptions et le pipe async

Comprendre la différence entre hot et cold observable

Découvrir les différents operators RxJs (dont les high order)

Découvrir les Signal (Angular 17)

Jour 3
Matin9h30-12h30

Définir les routes et naviguer (directives RouterLink)

Avoir accès aux paramètres des routes (QueryParams et Fragments)

Découvrir les guards et les resolvers

Comprendre les template-driven forms (ngModel)

Comprendre les reactives forms (formControl, formGroup, formBuilder)

Savoir quand utiliser l’un ou l’autre type de formulaire

Après-midi14h-17h30

Configurer l'environnement de test

Découvrir Karma et Jasmine

Ecrire des tests avec Jasmine : composant, service et pipe

Jour 4
Matin9h30-12h30

Keynote Performance Web :
Comment évaluer la performance d’une Webapp ? Quelles sont les Web-vitals ? Quelles optimisations ?

Hackathon :
Les participants basculent en mode projet d’équipe, qui sera pondéré de masterclasses sur les considérations avancées (retry, gestion d’erreurs, environnements et config). L’API et le cas d’usage seront fournis aux participants, et chaque équipe aura pour objectif de faire ses choix techniques et d’implémenter toute sa stack Angular. Les formateurs évalueront au fil de l’eau les projets, à la fois sur ces axes techniques, mais aussi sur les considérations de performance

Chaque projet sera présenté à la fin de la formation, et le Jury remettra des prix au projet le plus abouti selon les critères d’évaluation.

Après-midi14h-17h30

Suite Hackathon

Jour 5
Matin9h30-12h30

Suite Hackathon

Après-midi14h-17h30

Suite Hackathon

Prochaine session

June 3, 2024
La date ne vous convient pas ? Pas de soucis !

Contactez l'équipe Takima pour être tenu au courant des prochaines dates de sessions proposées pour cette formation.

Cela pourrait vous plaire également...

Les participants en parlent mieux que nous !