• Best

Formation Angular : Développer une application web

4.8 sur 5 étoiles

5 étoiles
81%
4 étoiles
18%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 37 avis
(37 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

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’Anguler, 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

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.8/5(37)

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.

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

TOURNERET Thibault
5/5

Mon avis sur le contenu du stage :

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

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 !"

PJ
5/5
AT
4/5
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 "

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"

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"

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"

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"

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

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 !"

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

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

OUALHA Mohamed Majed
5/5

Mon avis sur le formateur :

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

MORA Stéphane
5/5

Mon avis sur le formateur :

"bon formateur"

BOUCHEZ Benjamin
5/5

Mon avis sur le formateur :

"Super formateur"

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"

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

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

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)"

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

Mustapha
5/5

Mon avis sur le contenu du stage :

Super belle performance de la part du formateur - Merci

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

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

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

PF
5/5

Mon avis sur le contenu du stage :

"Très satisfait du contenu"

Mon avis sur le formateur :

"Très à l'écoute"

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"

BL
5/5

Mon avis sur le contenu du stage :

"Bon support de cours, "

Mon avis sur la salle de formation :

"Chez nous !!"

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

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"

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"

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"


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