Formation Angular
Angular est un framework qui facilite le développement d'application front-end. Il est maintenu par Google et distribué en open source. Une application Angular sera développée avec le language TypeScript. Dans cette formation Angular, vous découvrirez comment développer des applications web complexes et interactives rapidement et de manière efficace. Angular propose une architecture orientée composant, votre code sera ainsi plus modulaire et réutilisable. Parmi les bibliothèques qui composent le framework, vous trouverez une gestion des formulaire, un client HTTP, un routeur ainsi qu'une bibliothèque d'animations.
Objectifs pédagogiques
- Appréhender les technologies utilisées par Angular
- Créer des composants d'UI
- Construire une Single Page Application (SPA)
- Communiquer avec le serveur
- Connaître des bonnes pratiques du framework
Pré-requis
- HTML/CSS
- JavaScript ou TypeScript
Public
- Développeurs
- Chefs de projets
Programme
Jour 1
Les IDEs JavaScript
- Visual Studio Code
- WebStorm
- EditorConfig
Une réintroduction à JavaScript
- Closures
- Fonctions Constructeurs et Prototype
- ES6, ES7, ES8, ES9, ES10, ES11, ESNext
JavaScript Asynchrone
- Callbacks et Boucle d’événements
- Utilisation de this dans un contexte asynchrone
- Callback Hell, Promise, async/await
- Observable avec RxJS
- Intercepter les callbacks Asynchrone avec zone.js
TypeScript
- Un surensemble de ECMAScript
- Typage statique
- Interfaces
- Comportements différents d’ECMAScript
- Décorateurs
Jour 2
Outillage d’un projet Angular
- webpack
- Live Server et Hot Reloading
- ESLint et TSLint
- Angular CLI
Introduction à Angular
- Architecture créée via Angular CLI
- NgModules
- Components et Metadata
- Templates et Data binding
- Directives et Pipes
- Services et Injection de Dépendance
Anatomie d’un template
- Property binding : bind et []
- Interpolation {{}}
- Event binding : on et ()
- Two way data binding : bindon et [()]
- ngClass, ngStyle, ngModel
- *ngIf, *ngFor, *ngSwitch
- Références vers Element, Directives et Composants
Anatomie d’un composant
- @Component vs Web Component
- Communication parent/enfant avec @Input et @Output
- Cycle de vie et Hooks
- Détection de changement
Jour 3
Modules
- NgModules vs. Modules JavaScript
- Imports, Exports, Declarations et Providers
- Features Modules
- CoreModule et SharedModule
Routeur
- Configuration des Routes
- Routes avec Paramètres
- Routes enfants et router-outlet imbriqués
- Sécuriser l’accès avec les Guards
- Resolver
- Lazy-loaded modules
Services
- Injection de dépendances
- Providers, useClass, useFactory, useValue et useExisting
- Services globaux et isolés
- Hierarchie des services
Http
- Récupérer des données JSON
- Gestion des erreurs
- Données non-JSON
- Intercepter les requêtes et réponses
- Annuler une requête
Jour 4
Formulaires
- Formulaires Réactifs vs Template Driven
- Rendu de formulaires
- Validation
Tests Automatisés
- Test Unitaires avec Jasmine et Karma
- Modules de Tests et Mocks
- HttpClientTestingModule
- Protractor et les tests End-to-End
Aller plus loin
- Création de directives et Pipes
- Réutilisation de composants entre projets
- Angular Animations
- Migrations entres les version d’Angular
- Platform-server : Server Side Rendering
- Sécurité
- Internationalisation / i18n
Méthodes mobilisées
- Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
- Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
- Un support de cours en version numérique sera remis à chaque participant
Modalités d’évaluation
- Questions orales ou écrites (QCM)
- Exercices pratiques
- Auto-positionnement en amont et aval de la formation
Accessibilité aux personnes handicapées
Nous nous engageons à rendre notre formation Angular accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.Avis
Yven C.
La formation
C'est dommage que la balance théorie pratique ne soit pas plus équilibrée car il y a beaucoup de notions à appréhender et des détails techniques évoqués, surtout pour les débutants/junior du web.
Mais les supports sont clairs et les exercices corrigés fournis donc ça laisse une possibilité de les regarder à nouveau.
Le formateur
Dans une formation avec plusieurs personnes à former je n'aurai pas eu le même raisonnement mais étant donné que j'étais seul, j'aurai apprécié plus de questions orales pour s'assurer de la bonne compréhension des sujets évoqués et une interaction plus fréquente
Les +
La connaissance technique et le raisonnement dans les explications autour du framework angular.
L'utilisation de la documentation pour la présentation.
Julien G.
Sebastien N.
David V.
Romain D.
Paul D.
Eric H.
La formation
Pas suffisamment de TP et manipulation pour un débutant. Format particulièrement dense sur une semaine.
Commentaire général
Je ne me sens pas encore opérationnel mais vu que dans l'équipe certains ont une certaine maitrise, je n'ai aucune inquiétude
Laurent D.
Matthias C.
La formation
Pourquoi pas un petit peu plus de pratique
Les +
Formateur dynamique ayant une excellente connaissance du sujet et de l'historique, bonne technique. Formation très agréable
Alison B.
La formation
Encore plus de travaux pratiques serait encore mieux ;)
Le formateur
Merci pour la formation :D
Chloé S.
Nicolas V.
La formation
Je partais certainement de trop loin pour tout comprendre (pas les bases en JS)
Le formateur
RAS, très bon
Les +
Beaucoup de contenu
Emeric J.
La formation
Supports de cours non disponible au moment de l'évaluation.
Quelques infos fournies sur des sites ressources durant la formation
Branches quotidienne du projet GIT dispo à titre de résultats du TP (pas vraiment un support de cours)
Le formateur
Pour ma part, j'aurais souhaité des éléments théoriques supplémentaires notamment au sujet des Observables. La compréhension à base d'exemples pratiques est parfois insuffisante pour bien capitaliser.
Les +
Salles = chez moi (très apprécié)
Projet de test et backend dispo sont un bon outillage pour ne pas perdre de temps.
Les branches quotidiennes idem.
Le formateur a su clore chaque session par 1/2 journée dans les temps pour avoir des branches quotidiennes fonctionnelles.
Commentaire général
Je ne m'estime pas opérationnel dans le sens où il me semble indispensable de reprendre certains éléments à froid comme les concepts des Observables et re-manipuler.
Le TP est une bonne base pour refaire un bon exemple, si on a le temps. Le backend de test est une bonne base pédagogique.
Thierry S.
La formation
Une des meilleures formations que j'ai eu en 30 ans de carrière.
Le formateur
William a tenu toutes ses promesses. Merci.
Cyrille N.
Eric G.
Géraldine S.
La formation
Bonne mise en pratique progressive des concepts/ méthodologie.
Le formateur
Très disponible, et compétent techniquement.
Samir A.
Antoine C.
Brice B.
La formation
C'est un peu déroutant de ne pas commencer la formation avec un support.
Ivan G.
La formation
Ce serait intéressant d'avoir des exercices à réaliser d'une séance à l'autre.
Le formateur
Très bon formateur !
Marc S.
Philippe M.
La formation
Très bon niveau technique. Bon survol du framework. Beaucoup de pratique. Support de cours très peu utilisé.
Manque le corrigé des exercices au fil de l'eau par exemple chaque soir, pour les refaire.
Le formateur
J'ai suivi la formation à distance. Le 1Ier jour, j'ai eu beaucoup de mal à faire les exercices car j'étais livré à moi-même.
Les jours suivants, j'ai partagé mon écran pendant chaque exo et ça c'est beaucoup mieux passé : Romain m'a bien aidé pas à pas.
Les +
La pratique
Pierre-Jean S.
Les +
Visualisation claire des objectifs à chaque étape. La structure de l'intervention
Catherine L.
Stéphane D.
Olivier C.
Catherine L.
La formation
Pour les TPs, c'est nettement mieux avec un support direct dans la salle. cela confirme la difficulté de cette formation à distance sans support local. Souvent les explications vont trop vite .... on essaye de taper en parallèle le code mais on peut vite être perdu. La syntaxe est difficile à appréhender et rend difficile le suivi de certaines explications
Le formateur
Il faudrait que l'on puisse ecrire le code en parallele de Romain et tester en direct sur nos postes Les rappels de notions déjà vues sont bien organisées. Romain est disponible et reactif pour support durant la formation
Commentaire général
je pense qu'elle est tres bien pour des developpeurs/concepteurs d'applications ayant déjà des bases de la pratique sur les tecnho web Je ne suis pas opérationnel sur le sujet mais j'ai tout de meme des points d'entrée pour avancer sur le sujet, je connais certaines notion que je devrais revoir lors de mes prochains developpements
Philippe M.
La formation
On couvre bien les aspects fondamentaux de Angular.
Pour moi, le premier et le dernier jour on été les plus durs à suivre; surtout le dernier ou j'ai compris les concepts de routage, mais pas l'implémentation.
Bons enchainements d'exercices. Le suivi des participants à distance n'était pas évident, mais Romain s'en est bien sorti en corrigeant certains exercices à la volée (sauf le dernier excercie qui aurait aussi mérité une correction).
Le formateur
Très bon niveau technique de Romain.
Très bonne pédagogie. Explique bien et n'hésite pas à se mettre au niveau plus ou moins avancé des participants.
Les +
git pour partager les fichier
Stéphane D.
La formation
probablement bien mais je n ai pas les pre requis
Le formateur
probablement bien mais je n ai pas les pre requis
Commentaire général
Formateur très bien, mais trop fort
N'ayant pas les pré requis, je n'ai rien compris
Olivier C.
Camille G.
La formation
Un peu trop technique pour moi
Antoine L.
La formation
Programme complet
Le formateur
Formateur avec un très bon niveau technique
Joseph L.
Commentaire général
Nous avons appris de nombreuses choses durant ces 4 jours, qui nous permettent certes d'avoir des connaissances sur Angular.
Mais il aurait fallu une formation un peu plus longue afin d’être plus opérationnelle.
Valentin L.
La formation
Une formation sur des notions avancées en Angular serait intéressante, ainsi qu'une formation sur la partie serveur, en node.js ou autre.
Les +
Voir concrètement ce que nous produisons
Fabian L.
La formation
Très content de la formation.
Le formateur
Formateurs très sympas, très compétents
François C.
Denys L.
Le formateur
Parfois un peu rapide mais très efficace. Mes faibles connaissances de base m'ont ralenti mais grâce à Gregory e Romain j'ai pu suivre et comprendre tout au long de la formation.
Ismaël N.
La formation
Trop court et un souhait de formation en node js
