Formation Angular : Développer une application web

4.7 sur 5 étoiles

5 étoiles
74%
4 étoiles
25%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 54 avis
(54 avis)
Durée 3 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence ANGR
Éligible CPF Non

Angular est un framework Javascript/Typescript permettant de construire des interfaces Web modernes adaptées à la mobilité. Il utilise tous les standards du Web et favorise la réutilisation via son approche composant. Apprécié des entreprises pour ses bonnes performances, sa maintenabilité et sa productivité, c’est aussi le framework JavaScript de référence de Google.

Cette formation Angular couvrant tous les aspects principaux du développement avec Angular permettra à des développeurs front-end d’être opérationnel sur le framework. Après des revues des langages Javascript et TypeScript, les participants développeront pas-à-pas une petite interface web discutant avec un back-end RestFULL.

Objectif opérationnel : 

Savoir exploiter le framework Angular pour concevoir des applications web modernes et immersives.

Objectifs pédagogiques : 

Concrètement, à l'issue de cette formation Angular, vous aurez acquis les connaissances et compétences nécessaires pour :

  • Connaître les principes fondamentaux et le fonctionnement d’Angular et de son outil Angular CLI
  • Connaître le langage TypeScript (sur-ensemble de JavaScript ES5 et ES6)
  • Savoir développer et réutiliser les différents composants d’une application Angular : composants graphiques, services, directives
  • Savoir tester ses composants en isolation
  • Être capable de déployer une application Angular en production
  • Connaître les nouveautés des dernières versions d’Angular

Public :

Ce cours Angular s’adresse aux développeurs front-end souhaitant prendre en main le framework Angular. 
Les architectes et chefs de projet trouveront également un intérêt à suivre ce cours, tant pour dimensionner les spécificités techniques propres à Angular que pour identifier les modes d’interactions entre applications front-end et back-end.

Prérequis :

Les participants à cette formation Angular doivent posséder un minimum de connaissance sur HTML et CSS et avoir des notions de programmation. Ils pourront se mettre à niveau sur JavaScript puis TypeScript lors des rappels de début de session.

J1

Introduction

Objectifs du framework et Points forts d’Angular, comparaison avec ReactJS, VueJS
Bien comprendre les implications de la politique de versionning
Les dernières versions et ce qu’elles apportent

JavaScript ES5, ES6 et Typescript

Voir ou revoir les bases de la syntaxe JavaScript : Variables, tableaux, fonctions
Les améliorations d’ES6 avec les notions de classes et de modules, : Instanciation d’objet, les Arrow functions, l’interpolation de String
TypeScript  avec les Types et les annotations : 
Transpilation, configuration de la transpilation
Inférence de type, interfaces, Classes, Visibilité
Décorateurs
Atelier 1Objectif : Être à l’aise avec la syntaxe TypeScript
Description : Manipulation de tableaux, boucles et fonction de call-back en JavaScript
Déclaration de classe et d’interface, instanciation d’objet

Premiers pas avec Angular

Les prérequis d’installation, rappels npm et nodejs
L’outil de développement Angular-CLI : ng et ses principales commandes
Modules et composants Angular
Atelier 2Objectif : Prendre en main les commandes d’AngularCli et le cycle de développement
Description : Installation nodejs, npm, TypeScript
Installation Angular CLI
Création de projet, démarrage du serveur
Constatation du LiveReload, Debugger Chrome

L’approche composant

Principes généraux d'Angular, l’arbre de composants, Shadow Dom et templates
Comment déclarer un composant, les différentes syntaxes possibles, création via ng : les fichiers générés
les éléments de syntaxe des templates : Interpolation, Pipes, Utilisation de composant
Interactions entrée/sortie avec les composants  : Binding et événements
Le cycle de vie des composants et les interfaces de call-back proposés par Angular
Comment gérer le style des composants, le sélecteur CSS :host
Comparaison directive / composant. Créer ses propres directives
Atelier 3Objectif : Savoir déterminer l’arbre de composants
Prendre en main la syntaxe de templating
Description : Création d’un composant menu et d’un composant liste
Développent Typescript des modèles
Gestion du onClick
Application de style via le sélecteur:host
J2

Injection de dépendances

Le principe d’injection, son mécanisme dans Angular
Annotations concernés par l’injection
Les injecteurs hiérarchiques, Choisir son injecteur dans les composants 
Écrire sa classe service, cycle de vie et cas d’usage
Atelier 4Objectif : Créer son premier service
Description : Création de deux composants service
Mock d’un appel HTTP
Service stateful encapsulant les données partagées

Programmation réactive et service HTTP

Programmation réactive : OK, on vous rappellera
Le standard ReactiveX, son implémentation avec RxJS
Le type Observable et la méthode subscribe()
Les principaux opérateurs disponibles, leurs importations
Les cas d’usage de le programmation réactive dans les application front-end
Exemple incontournable : Le service HTTP fourni par Angular
Les bonnes pratiques pour interagir avec le back-end : Mapping Objet, Intercepteurs, Gestion du CORS
Atelier 5Objectif : Savoir dialoguer avec un back-end 
Description : Création des fonctionnalités CRUD dans le composant service

Le routage Angular

Comment gérer la navigation avec Angular ? Déclarer ses routes
Gérer les redirections, récupération les paramètres de navigation
Routage hiérarchique : comment s’organiser, les bonnes pratiques
Guards et resolver : Comment protéger l’accès à une route
S’abonner aux évènements de routage
Atelier 6Objectif : Gérer la navigation d’une application
Description : Création d’un composant détail
Gestion de la navigation liste→detail
Protection de routes
J3

Les formulaires Angular

Template-driven ou Model-driven ?
La directive ngModel
Les types FormGroup et FormControl. Comment gérer la réutilisation ?
Le support pour la validation de données, écrire ses propres validateurs, validation dynamique
Gestion des libellés d’erreurs
Atelier 7Objectif : Savoir concevoir et valider des formulaires
Description : Modification du composant détail
Définition du formulaire et de ses validateurs
Gestion des erreurs et de la soumission

Support pour l’internationalisation

Support pour la localisation d’Angular, Comment la locale est déterminée ?
Développer une application multi-lingue : Processus et outillage
Syntaxe du templating
Atelier 8Objectif : Savoir internationaliser une application 
Description : Utiliser les fichiers de libellés (Français/Anglais) fournis

Intégrer les tests dans son développement

Le moteur de tests Karma et le framework Jasmine proposés
Écrire un test de composants, de service, isolation du code à tester
Les tests End to End avec Cypress
Exécuter les tests
Atelier 9Objectif : Écrire des tests unitaires avec Angular 
Description : Écriture des tests unitaires pour tous les composants précédents

Se préparer pour la production

Profiling d’application, identifier les goulots d’étranglement
Polyfill et chargement différenciée en fonction des navigateurs
Gérer les différents environnement (dev et prod) 
Assembler pour la production, 
Comment déployer, Configuration du serveur et gestion du reload
Atelier 10Objectif : Savoir déployer une application Angular en production 
Description : Assemblage pour la production
Configuration nodeJs
Déploiement
Date de mise à jour du programme : 28/03/2024

Dates et lieux

1
2
Du 22 au 24 avril 2024
En bonne voie de maintien
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 22 au 24 avril 2024
En bonne voie de maintien
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 22 au 24 mai 2024
Session garantie
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 22 au 24 mai 2024
Session garantie
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 19 au 21 juin 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 19 au 21 juin 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 24 au 26 juillet 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 24 au 26 juillet 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
Du 21 au 23 août 2024
Lieu
Distanciel
Durée
3 jrs
1950 € HT
Du 21 au 23 août 2024
Lieu
Paris
Durée
3 jrs
1950 € HT
1
2

Logo partenaire action collective de l'OPCO Atlas Votre formation Angular prise en charge jusqu'à 100% des coûts pédagogiques ! *

Depuis 2018, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour de l'Open Source.
-  Sessions inter-entreprise sur Paris, Lyon et Lille.
-  Sessions intra-entreprise sur toute la France.

* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)

Avis des participants à la formation Angular : Développer une application web

Note moyenne de 4.7/5(54)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

PG
4/5

Mon avis sur le contenu du stage :

"novice sur la stack front, mais dév Java expert, je n'ai pas été déstabilisé par la conception d'Angular, mais ai parfois été débordé par la quantité d'informations nouvelles et parfois complexes. Dans mon cas, ce n'est pas anormal, je m'attendais à être submergé, tout s'est bien passé"

Mon avis sur le formateur :

"Matthieu a un très bon bagage technique sur Angular et de manière générale. Il est toujours à l'écoute des participants et disponible pour des questions, et n'hésite pas à emprunter des solutions de code parfois hypothétiques, quitte à se mettre en difficulté et à éprouver ses capacités, qui sont excellentes puisqu'il retombe sur ses pattes, en toute honnêteté et transparence sur les éventuelles difficultés qu'il pourrait rencontrer, ce qui en fait un très bon formateur."

Ce que j'ai le moins apprécié :

"le serveur guacamole, fourni par PLB pour chaque participant, est difficilement exploitable, en cause l'émulation du terminal qui rend pénible l'accès à certaines touches, et impossibles d'autres touches (il faut alors taper le code dans un éditeur en local, puis le copier/coller sur guacamole, ce qui est très pénible). de plus ces serveurs se sont trouvés indisponibles pendant la formation du fait de l'expiration du certificat. Heureusement, entre-temps, j'avais eu les droits d'admin sur mon poste local et j'ai pu installer les composants qui m'ont permis de poursuivre sereinement la formation, sur mon poste, dans de très bonnes conditions."

GA
5/5

Mon avis sur le contenu du stage :

"Formateur excellent, son support était parfait et son tp aussi."

Mon avis sur le formateur :

"Parfait. Le formateur est l'un de mes formateurs préférés, voir mon préféré. Ses TP sont parfaitement pensés pour que l'on applique ce qu'on vient d'apprendre au fur et à mesure que l'on voit le cours, mais en reliant chaque partie du cours. De cette manière il nous fait apprendre les choses en les mettant en contexte (ce qui est loin d'être le cas de beaucoup de formateurs). Il est également très disponible, il s'adapte à notre rythme etc. Rien à redire, il est parfait."

Ce que j'ai le plus apprécié :

"Le formateur et son tp."

 

CR
5/5

Mon avis sur le contenu du stage :

"Travaux très complet qui permet de bien solidier les bases sur Angular."

Mon avis sur le formateur :

"Intervenant compétent et très agréable."

Mon avis sur la salle de formation :

"Formation réalisée à distance et j'ai été très agréablement surpris de la qualité sonore et vidéo"

Ce que j'ai le plus apprécié :

"Les moyens pour réaliser la formation à distance dans de bonnes conditions"

Ce que j'ai le moins apprécié :

"salle de formation proche de la machine à café donc un peu bruyant de temps en temps"

DF
5/5

Mon avis sur le contenu du stage :

"Contenu très fourni pour avoir des bases solides avec Angular ; 1 jour de plus aurait été idéal pour peaufiner les acquis"

Mon avis sur le formateur :

"Très disponible et fait bien passer ses connaissances"

Ce que j'ai le plus apprécié :

"Sympa le pti dejeuner / café tous les jours"

Ce que j'ai le moins apprécié :

" Salle qui manque de fenêtres en sous-sol (triste) / Connexion internet moyenne / Logiciels pas forcement installés avant la formation (perte de temps)"

GS
5/5

Mon avis sur le contenu du stage :

"Cours très complet avec suffisamment de mises en pratique pour intégrer les différentes notions abordées."

Mon avis sur le formateur :

"Le formateur a été à l'écoute de nos questions et a toujours su nous expliquer le cours de façon claire et précise."

Ce que j'ai le plus apprécié :

"Possibilité de faire les TPs sur une machine à distance déjà configurée."

Ce que j'ai le moins apprécié :

"RAS"

MB
4/5

Mon avis sur le contenu du stage :

"Formation complète et bien structurée. Manque de temps pour mettre en pratique ; afin de suivre efficacement la formation, il m'a été préférable de mettre mon clavier de côté. Note ; certains exemples donnés montraient des "mauvaises pratiques" (le formateur nous en informait) ; peut-être serait-il intéressant de les remplacer par des exemples de "bonnes pratiques"."

Mon avis sur le formateur :

"Formateur passionné et compétent, capable de répondre aux questions des intervenants. "

LP
4/5

Mon avis sur le contenu du stage :

"J'aurais préféré plus de TP sur le dernier jour."

Ce que j'ai le plus apprécié :

"Très didactique, l'interraction est bien mise en avant, le cours proposait quelque chose en plus que le support, la mise à disposition du code sur Git/Github."

Ce que j'ai le moins apprécié :

"Parfois quelques phases tunnels où on regardait plus l'intervenant coder plutôt que de participer."

LANIC Frédéric
5/5

Mon avis sur le formateur :

"La formation est dense. Ayant peu voire pas d'expériences sur Angular (seulement un peu sur AngularJS), j'ai trouvé que le rythme était rapide par moment J'ai pu assimiler un maximum les notions en prenant un peu de temps avant la reprise jours 2 & 3. Le formateur : Calme Compétences A l'écoute des stagiaires Le support contient beaucoup de notions"

Ce que j'ai le plus apprécié :

"VM windows c'est top ! Tout était installé "

CN
5/5

Mon avis sur le contenu du stage :

"Intervenant à l'écoute et pédagogue, les exercices pour mettre en application la théorie sont très bien."

Mon avis sur le formateur :

"Boris est à l'écoute et pédagogue, il se montre disponible et n'hésite pas à expliquer de manière claire et concise."

Ce que j'ai le plus apprécié :

"Mise en pratique des connaissances théoriques."

CN
5/5

Mon avis sur le contenu du stage :

"Intervenant à l'écoute et pédagogue, les exercices pour mettre en application la théorie sont très bien."

Mon avis sur le formateur :

"Boris est à l'écoute et pédagogue, il se montre disponible et n'hésite pas à expliquer de manière claire et concise."

Ce que j'ai le plus apprécié :

"Mise en pratique des connaissances théoriques."

CN
5/5

Mon avis sur le contenu du stage :

"Intervenant à l'écoute et pédagogue, les exercices pour mettre en application la théorie sont très bien."

Mon avis sur le formateur :

"Boris est à l'écoute et pédagogue, il se montre disponible et n'hésite pas à expliquer de manière claire et concise."

Ce que j'ai le plus apprécié :

"Mise en pratique des connaissances théoriques."

CN
5/5

Mon avis sur le contenu du stage :

"Intervenant à l'écoute et pédagogue, les exercices pour mettre en application la théorie sont très bien."

Mon avis sur le formateur :

"Boris est à l'écoute et pédagogue, il se montre disponible et n'hésite pas à expliquer de manière claire et concise."

Ce que j'ai le plus apprécié :

"Mise en pratique des connaissances théoriques."

SH
5/5

Mon avis sur le contenu du stage :

"Très bon support de cours, exercices très bien préparé, courbe d'apprentissage excellente. "

Mon avis sur le formateur :

"Excellent animateur, très bonne connaissance de son sujet, pédagogue, avance à un bon rythme."

Mon avis sur la salle de formation :

"Tous les pc de la salle n'était pas configurés donc on a perdu du temps pour tout installé, dommage..."

SIEYADJEU YOUKOUA Alex
4/5

Mon avis sur le contenu du stage :

"très satisfait de la formation, les quiz et exemples sont bien faits pour voir si on a bien compris les notions"

Mon avis sur le formateur :

"très bonne qualité d'animation, 3 jours c'est petit"

Ce que j'ai le plus apprécié :

"bons outils utilisés"

Ce que j'ai le moins apprécié :

"machine assez lente par moment"

OUAHRANI Abdeslam
5/5

Mon avis sur le contenu du stage :

"La documentation est trop longue"

Mon avis sur le formateur :

"La préparation de quelques parties du code peut faire gagner du temps"

Ce que j'ai le plus apprécié :

"Disponibilité et la maitrise des sujets "

Ce que j'ai le moins apprécié :

"La documentation à synthétiser "

DY
5/5

Mon avis sur le contenu du stage :

"Très bonne formation. Beaucoup de points abordés"

Mon avis sur le formateur :

"Formateur très professionnel. "

Ce que j'ai le plus apprécié :

"L'accueil, le déjeuner"

Ce que j'ai le moins apprécié :

"Pas de croissants, dommage"

DESMAISON Céline
4/5

Mon avis sur le contenu du stage :

"Pas vraiment de travaux pratiques, en mode autonome"

Mon avis sur le formateur :

"Pas toujours linéaire avec le support"

Ce que j'ai le moins apprécié :

"L'image guacamole n'a pas toujours les droits minimum et la configuration du clavier n'est pas correcte --> c'est très handicapant"

JA
5/5

Mon avis sur le contenu du stage :

"Excellente formation. Et il serait souhaitable que la formation se fasse en 3jours."

Mon avis sur le formateur :

"Excellent formateur, très pédagogue et disponible pour toute question"

Ce que j'ai le plus apprécié :

"Très bon matérièl"

Gérard
5/5

Mon avis sur le contenu du stage :

RAS

Mon avis sur le formateur :

"Bon pédagogue et tpujours disponible."

Mon avis sur la salle de formation :

"Confortable"

Ce que j'ai le plus apprécié :

"les boissons et gatreaux en libre service."

SCAGLIONE John
5/5

Mon avis sur le contenu du stage :

"Formation très dense mais parcours très bien étudié. Quizz bien faits"

Mon avis sur le formateur :

"A l'écoute, disponible, très compétent"

Mon avis sur la salle de formation :

"j'avais pas de souris"

GY
5/5

Mon avis sur le formateur :

"Aymen est un très bon formateur, très pédagogue, et à l'écoute des élèves."

Ce que j'ai le plus apprécié :

"Rythme de la formation avec les exercices pratiques régulier, formateur pédagogue et ayant de bonnes connaissances"

BM
5/5

Mon avis sur le contenu du stage :

"Support long mais tout de même agréable à parcourir."

Mon avis sur le formateur :

"Formateur excellent et passionné."

Ce que j'ai le plus apprécié :

"Le formateur !"

MOREAU Kévin
5/5

Mon avis sur le contenu du stage :

"Vraiment top"

Mon avis sur le formateur :

"Rien à redire, à l'écoute , clair et précis !!"

Mon avis sur la salle de formation :

"Pendant le confinement donc un peu particulier"

DK
4/5

Mon avis sur le contenu du stage :

"Bon équilibre entre les TP accompagnés et les TP à faire en autonomie."

Mon avis sur le formateur :

"L'intervenant maîtrisait son sujet et était très disponible et à l'écoute des stagiaires."

GR
5/5

Mon avis sur le contenu du stage :

"La formation a répondu à mes attentes. J'aurais bien aimé qui dure plus longtemps pour approfondir des points"

Mon avis sur le formateur :

"Le formateur explique très bien, et réponds bien aux questions"

VS
4/5

Ce que j'ai le plus apprécié :

"presque aucune perte de temps"

Ce que j'ai le moins apprécié :

"clavier mac qui ne fonctionnait pas parfaitement avec la machine windows, mais c'est un problème récurent"

LABEL Louis
5/5

Mon avis sur le contenu du stage :

"Permet de poser de bonnes bases même si on a déjà fait de l'Angular"

Mon avis sur le formateur :

"Julien s'est régulièrement assuré que personne n'était perdu"

AH
5/5

 

Ce que j'ai le plus apprécié :

"L'intervenant : compétences techniques, pédagogie, disponibilité etc..."

Ce que j'ai le moins apprécié :

"La salle."

LC
5/5

Mon avis sur le contenu du stage :

"Excellent"

Ce que j'ai le moins apprécié :

"Il devrait y avoir moins de participants à la formation pour que les niveaux soient plus uniformes."

SOHIER Annie
4/5

Mon avis sur le contenu du stage :

"Contenu dense donc rythme peut être un peu rapide. Formateur très pédagogue."

Mon avis sur le formateur :

"Pédagogue, disponible."

AY
5/5

Mon avis sur le contenu du stage :

"très bon fil conducteur tout le long du cours"

Mon avis sur le formateur :

"excellent rythme de la formation, alternance théorie, pratique"

BRUGNETTO Alessandro
4/5

Mon avis sur le contenu du stage :

"Principe de base très bien abordé"

Mon avis sur le formateur :

"Très bon formateur, il connait très bien son sujet !"

AC
5/5

Mon avis sur le contenu du stage :

"La formation mériterait d'être un peu plus longue, afin de laisser plus de temps pour voir certaines parties d'Angular comme l'authentification et l'internationalisation."

TK
4/5

Mon avis sur le formateur :

"Animateur très sympathique, disponible, à l'écoute des questions et attaché à fournir des réponses précise et a voir si elle sont comprise."

BG
5/5

Mon avis sur le contenu du stage :

"Le contenu du cours était très bien."

Mon avis sur le formateur :

"L'animateur est très compétent."

RH
5/5

Mon avis sur le contenu du stage :

"Ma permis d'avoir une bonne approche d'angular"

Mon avis sur le formateur :

"très bonne pédagogie ."

PF
5/5

Mon avis sur le contenu du stage :

"Très satisfait du contenu"

Mon avis sur le formateur :

"Très à l'écoute"

PADKOVENKA Olga
5/5

Mon avis sur le formateur :

"Parfait! Très bon formateur qui propose des travaux pratiques pertinents, ne part pas dans tous les sens avec ses explications qui restent assez claires."

BL
5/5

Mon avis sur le contenu du stage :

"Bon support de cours, "

Mon avis sur la salle de formation :

"Chez nous !!"

TT
5/5

Ce que j'ai le plus apprécié :

"VM pré configuré mise à disposition Aucun crash / bug / ralentissement constatés de la VM"

LEDENTU Chloé
5/5

Mon avis sur le formateur :

"Excellente pédagogie, toujours disponible pour répondre aux questions. Le formateur est un excellent formateur !"

LUMBROSO Bernard
5/5

Mon avis sur le contenu du stage :

"Ce serait intéressant de faire un TP avec un énoncé sans l'aide du formateur."

TOURNERET Thibault
5/5

Mon avis sur le contenu du stage :

"Cours dynamique, intéressant. Rien à ajouter."

Mustapha
5/5

Mon avis sur le contenu du stage :

Super belle performance de la part du formateur - Merci

AMPILLAC Audrey
4/5

Ce que j'ai le plus apprécié :

"Beaucoup de pratique "

OUALHA Mohamed Majed
5/5

Mon avis sur le formateur :

"Excellent formateur"

BOUCHEZ Benjamin
5/5

Mon avis sur le formateur :

"Super formateur"

MORA Stéphane
5/5

Mon avis sur le formateur :

"bon formateur"

BECKER Thierry
5/5

Mon avis sur le formateur :

"Merci !"

IC
4/5
GJ
5/5
AT
4/5
PJ
5/5
KOUEDI ESSO Laurent
4/5


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB