Formation Angular
Formez-vous au Framework Web le plus puissant du marché !
| 1950€ HT / personne |
| 3 jours (21 heures) |
Présentation
Plongez dans l’univers d’Angular avec notre formation dédiée aux dernières avancées de ce framework incontournable du développement web moderne. cette formation vous permettra d’exploiter tout le potentiel d’angular pour créer des applications web performantes, modulaires et maintenables.
Dans ce cours, vous apprendrez à utiliser les composants principaux : les services, l’injection de dépendances ainsi que le paramétrage du router. Plusieurs concepts avancés seront également abordés comme la programmation asynchrone ou RxJS.
Notre programme s’appuie sur la toute dernière version d’Angular, Angular 19, et inclut les nouveautés apportées par TypeScript 5.6 et ES2024.
Vous découvrirez les nouvelles fonctionnalités et meilleures pratiques pour bâtir des applications modernes. De l’architecture des composants à la gestion avancée des données avec RxJS, nous couvrirons toutes les étapes essentielles du développement Angular.
Objectifs
- Découvrir les fonctionnalités & les nouveautés du framework Angular
- Savoir développer une nouvelle application Web avec Angular
- Savoir concevoir une application Angular avec JavaScript et TypeScript
- Utiliser les tests unitaires et fonctionnels au développement
- Découvrir la dernière version de la spécification officielle de JavaScript ES2024
- Connaître les mécanismes avancés du Framework
Public visé
- Développeur Web
- Lead Développeur
- Architecte Web
Pré-requis
- Connaissance de JavaScript ou TypeScript, HTML5/CSS3
- Tester Mes Connaissances
Pré-requis logiciels
- Au minimum 8 Go de ram (16 Go recommandés) sur Windows 10, macOS ou Linux (type Ubuntu)
- Une connexion internet sans proxy
- Nodejs installé
- Un IDE installé comme Visual Studio Code
Recommandations de lecture avant et après la formation
- Si vous n’êtes pas à l’aise à 100% avec les components Angular, nous vous proposons cet article de Malcoded
- Un guide Angular pour maîtriser les modules
- Pour aller plus loin, découvrez les meilleures pratiques de développement sur Angular
- Un long article détaillé sur l’utilisation des routers
- Un long tutoriel en anglais pour maîtriser les forms
Programme de notre formation Angular 18
Jour 1 – Introduction
- ES2024 : le nouveau JavaScript
- ES2024 et les modules
- TypeScript : le typage du JavaScript
Les bases du framework
- Comprendre la philosophie du framework
- Templating
- Angular CLI, un outil pour tout générer
- TP : Première application et outillage
Composant
- Web Components
- Décorateurs Angular
- Property binding, lire des données depuis le composant
- Event binding, évènements personnalisés
- Cycle de vie
- TP : Premier composant
Directives
- Directive : fonctionnement et création
- Les directives fournies par Angular
- Attribute directives
- Structural directives
- Directives complexes
- TP : Première directive
Modules
- Déclarations d’un module : imports et exports
- Les providers d’un module
- Introduction à « forRoot » et « forChild »
- TP : créer un module, l’exporter et le réutiliser
Pipes
- Les transformateurs fournis
- Formater une chaîne
- Formater des collections
- Utiliser un pipe comme un service
- TP : Créer ses propres pipes
Jour 2 – Services, communication intercomposants
Services
- Les services fournis
- Injection de service
- TP : Injecter les services fournis par Angular
Injection de dépendances (IOC)
- Principes
- Configurer son application
- L’injection de dépendances : type-based et hiérarchique
- Différents types de providers
- TP : Créer ses propres services
Router
- RouterModule: Configuration des routes et URLs
- Définitions des routes, liens et redirection, paramètres
- Hiérarchies de routes
- Vues imbriquées
- Cycle de vie (Routing lifecycle)
- TP : Transformer une application Web en Single Page Application
Jour 3 – Reactive programming, communication serveur
Observables
- Introduction à RxJS
- Le concept d’Observable
- Les principaux opérateurs
- Lien avec les promesses
- TP : premier pas avec RXJS
Échanger avec un serveur
- Requêtes HTTP
- Communication avec une API
- Afficher des données externes
- Afficher des données asynchrones avec AsyncPipe
- TP : récupérer et afficher des données à partir d’une API REST distance
Formulaire
- Créer un formulaire
- Template-driven forms
- ngModel
- Reactive forms
- Validation et erreurs
- Observateurs
- TP : Créer ses propres validateurs, envoyer une requête POST
Performance
- Astuces, bonnes pratiques & outils
- Découverte des différentes stratégies de compilation
- TP : Tester la performance
Concepts avancés
- Animations
- Injection de dépendances avancée (IoC)
- Test unitaire
Les nouveautés d’Angular 17
- @defer
- SSR et Hydratation
- Angular Signals
- Nouveautés concernant les composants standalone
Module Complémentaire : Angular Avancé (2 jours)
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Quels sont les avantages d'utiliser Angular pour le développement web ?
Angular offre une structure solide pour le développement d’applications web, avec des fonctionnalités telles que le data binding bidirectionnel, le support de TypeScript, des directives personnalisées, une gestion efficace des dépendances et un système de routage performant.
Quelles sont les nouveautés de la dernière version d'Angular ?
La dernière version stable d’Angular, Angular 19, introduit des améliorations en termes de performance, de nouvelles fonctionnalités pour les développeurs et des mises à jour de sécurité.
La formation est-elle adaptée aux débutants en Angular ?
Oui, la formation est conçue pour les développeurs souhaitant acquérir une expertise en Angular, même sans expérience préalable avec ce framework.
Pour aller plus loin
Formation Angular Avancé
Formation Ionic
Formation Firebase avec Angularfire
Formation Redux et RxJS
Formation Nestjs
Formation D3.js
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Romain
Je m’efforce toujours d’apprendre de nouvelles technologies et d’essayer de les mettre en œuvre dans notre monde moderne. J’ai tendance à penser que nous n’avons pas fini de le construire. Tout peut être amélioré avec le bon état d’esprit, et quelques lignes de JavaScript.
Elise
Développeur JS, je suis spécialisée dans le développement et l’intégration d’applications Angular. Convaincue que chacun peut contribuer à améliorer le web à l’aide d’un bon framework, j’aime partager mes connaissances par des formations ou par des articles, que je publie dans le site Codeburst, via Medium.
Cédric
Consultant et leader technique sur les technologies du web, je dispose d’une bonne connaissance Java et surtout d’une expertise Javascript. je mets à disposition mes compétences pour former et accompagner les projets à l’usage des nouvelles technologies du web : PWA, WebComponent, …
Témoignages
Je recommande la formation
Afficher tous les témoignages
Je recommande la formation
Je recommande la formation
Je recommande la formation
Je recommande la formation
Les + : – Le formateur connaît très bien son sujet.
– Très bon rapport entre temps passé à la théorie et la pratique.
– Cette formation est un bon point de départ pour continuer à explorer et pratiquer l’Angular
Les – : – La matière Angular étant très vaste et étant moi-même un néophyte, 3 jours sont un peu court.
Je recommande la formation
Les + : Formateur compétent et agréable à écouter;
Bon équilibre entre théorie et pratique
Les + : la compétence du formateur et sa capacité a rendre une matière difficile, facile à comprendre.
Globalement, c’est une super formation avec un super formateur
Les – : le manque de temps, 1 jour ou 2 en plus aurait été parfait
Je souhaite suivre : la formation avancé d’Angular
Les + : La qualité du formateur
Les – : RAS
Je souhaite suivre : Springboot
Les + : Adapté pour des débutants.
Les – : Pour ceux avec un niveau intermédiaire en Web, il y a un peu de redites au niveau des bases. Idem si on a déjà fait du Vue.js 3 par exemple.
Les + : On voit beaucoup de choses, ce qui permet de comprendre les bases et ensuite les pratiques avancées.
Les IDE sont faciles d’utilisation.
Les – : Peut-être passer un plus de temps sur les concepts avancés car ils sont assez techniques au niveau du code et donc compliqués à bien assimiler.
Je souhaite suivre : Peut-être une formation sur Angular avancé par la suite (dans quelques mois)
Les + : Accessible pour une personne découvrant TypeScript et Angular.
Formateur pédagogue et maitrisant le sujet.
Noter la formation
| 1950€ HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
