Formation Angular 16
Formez-vous au Framework Web le plus puissant du marché !
| 1800€ HT / personne |
| 3 jours (21 heures) |
Présentation
Formez-vous sur l’un des meilleurs frameworks JavaScript pour améliorer vos performances web. Notre formation Angular vous permettra d’optimiser l’expérience utilisateur.
Notre formation complète vous enseignera dans un premier temps l’ES2022 (le nouveau TypeScript et JavaScript), la philosophie et le templating de ce célèbre framework. Nous vous présenterons les features apportées par les dernières versions.
Par la suite, vous apprendrez à utiliser les composants principaux : les services, l’injection de dépendances ainsi que le paramétrage du router. Pour terminer ce cours, plusieurs concepts avancés seront abordés comme la programmation asynchrone, RxJS et la communication serveur via des requêtes HTTP.
À l’issue de ce programme, vous serez apte à développer une application web performante en utilisant le JavaScript ou le TypeScript. Vous saurez aussi réaliser des tests unitaires et fonctionnels.
Notre formation vous présentera la dernière version de cette technologie, Angular 16.
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 4.9
- Utiliser les tests unitaires et fonctionnels au développement
- Découvrir la dernière version de la spécification officielle de JavaScript ES2022
- 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
Pré-requis logiciels
- Au minimum 8 Go de ram (16 Go recommandés) sur Windows 10, MacOS ou Linux (type Ubuntu 22.04)
- 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 16
Jour 1 – Introduction
- ES2022, le nouveau JavaScript
- ES2022 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
Les nouveautés d’Angular 14 & 15
- Strictly typed forms
- Standalone components
- Directive image
- Material Design components
- API autonome
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
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.
Qu'est-ce que le CPF ?
Le CPF (Compte Personnel de Formation) est un dispositif régit par l’état français pour permettre aux salariés de disposer d’un financement mobilisable uniquement pour la formation.
Pourquoi suivre une formation éligible au CPF ?
Pour profiter des nombreux avantages qu’offre le CPF :
Une formation finançable jusqu’à 100%
Une formation de qualité approuvée par l’instance gouvernementale France Compétences
L’obtention d’une certification délivrée par France Compétences
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.
Comment m'inscrire via moncompteformation ?
Il suffit de cliquer sur le bandeau vert «CPF» à droite de l’écran (ou en haut si vous utilisez un mobile). Vous devrez ensuite sélectionner une date de session depuis le site MonCompteFormation.
Comment augmenter son solde CPF ?
Vous êtes crédités à la fin de chaque année travaillée sur votre compte Moncompteformation. Vous pouvez recevoir jusqu’à 500 euros par an. Le plafond est fixé à 5 000€ sauf pour des cas spécifiques où la limite atteint 8 000€..
Les cas spécifiques où le plafond est fixé à 8 000€ :
- Salarié non qualifié
- Travailleur reconnu handicapé
- Victime d’accident du travail ou de maladie professionnelle ayant entraîné une incapacité permanente d’au moins de 10 %
- Bénéficiaire d’une pension d’invalidité
- Bénéficiaire d’une pension militaire
- Bénéficiaire d’une allocation ou rente d’invalidité des sapeurs-pompiers volontaires
- Bénéficiaire de la carte mobilité inclusion portant la mention « invalidité »
- Bénéficiaire de l’allocation aux adultes handicapés (AAH)
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.
Comment puis-je financer cette formation ?
Contactez-nous pour trouver une solution de financement sur mesure ! Nous vous aiderons à choisir parmi les options suivantes :
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
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
Les + : très interactive et répond aux questions et les exercices très intéressant.
Formation très dense.
Je souhaite suivre : Angular avance
Afficher tous les témoignages
Les + : très interactive et répond aux questions et les exercices très intéressant.
Formation très dense.
Je souhaite suivre : Angular avance
Les + : – formateur complet ayant les réponses aux questions
– rappel des fonctionnalités de base
Les – : – la formation devrait être sur 5 jours, permettant d’avoir un jour entre les jours de formation pour pouvoir assimiler et s’exercer
Les + : Rythme, contenu. Réussir à avoir un résultat visuel si rapidement est très satisfaisant.
Je souhaite suivre : Angular avancé
En synthèse : Formation très intéressante, bonne introduction.
Les + : Le formateur, ses compétences, ses connaissances du sujet et son enthousiasme., sa disponibilité pour les apprenants.
Les – : Pour moi, l’enchaînement rapide entre la théorie et les exercices.
Je souhaite suivre : Angular avancé
Les + : Répartition du temps théorie/pratique
Très bon formateur, à l’écoute et très bon prof
Je souhaite suivre : Angular avancé
En synthèse : Merci beaucoup à Erwan pour la formation donnée
Les + : rythme bien pensé et bien animé
Les + : Un bonne couverture des bases de Angular.
Les – : Un peu cours pour pouvoir bien assimiler tout les concepts vus.
Les + : Les explications, la pédagogie de cours.
Je souhaite suivre : Angular avancée.
Les + : rythme et cours adapté en fonction de nos connaissance
Je souhaite suivre : angular avancé
Les + : Bon rythme global de la formation. Un grand nombres d’exercices en alternance avec les parties théoriques permettant de mettre directement en pratique les nouveaux concepts et de mieux les comprendre.
Les – : Il serait intéressant de mettre à disposition les slides durant les TP afin d’avoir une base théorique et des exemples comme base lors des exercices.
Je souhaite suivre : Angular en version plus poussée
En synthèse : Très bonne formation.
Les + : les TPs
Les – : peut-être la mise a disposition des slides au fur et a mesure de la présentation.
Je souhaite suivre : pas d’idées pour le moment
En synthèse : Pour les premiers point de ce formulaire, j’étais en distanciel mais goTo a bien fait le job , partage écran, son, webcam, …
Je recommande la formation
Noter la formation
| 1800€ 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
