Formation Angular 18
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 18.
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
- 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
- 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
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.
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
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 + : Excellent formateur.
Je souhaite suivre : Angular Avancé, Ionic 8
En synthèse : Très bon formateur, le meilleur parmi toutes les formations faite jusqu’à maintenant.
Afficher tous les témoignages
Les + : Excellent formateur.
Je souhaite suivre : Angular Avancé, Ionic 8
En synthèse : Très bon formateur, le meilleur parmi toutes les formations faite jusqu’à maintenant.
Je recommande la formation
Je souhaite suivre : Angular avancé
Je recommande la formation
Les + : Formation très bien organisée.
Très bonne écoute et adaptation du formateur aux participants.
Possibilité de reprendre le projet développé en formation en fonction du sujet abordé à n’importe quel moment (exercice et corrigé)
Les – : Je n’ai pas eu la possibilité de la faire en présentiel
Je souhaite suivre : Angular avancé déjà prévue
En synthèse : Un grand merci à Erwan Beauchamps pour cette formation. Très bon formateur.
Les + : Très bon formateur, très pédagogue
La formation est adapté à tous les niveaux et est très intéressante
Les – : Pas de points faible à première vue, reste surtout à plus pratiquer pour bien assimiler l’ensemble des différents concepts vues
Les + : NaN
Les – : NaN
Je souhaite suivre : javascript/javascript avancé
En synthèse : NaN
Les + : Accessibilité du formateur et bonne ambiance.
La réalisation des exercices en direct avec le formateur était sympathique.
Les – : La formation n’a pas été revue depuis longtemps certaines slides n’était pas à jour voire erronées c’est dommage…
Parfois cela part un peu dans tous les sens dans les explications.
Les + : Equilibre théorie – travaux pratique
Les – : Pas de points faibles
Je souhaite suivre : Pourquoi pas d’autres tech
Les + : Très bonne formation
Les – : Légèrement trop courte pour maitriser correctement tous les aspects
Les + : Formateur très à l’écoute et maitrisant très bien son sujet.
Très bonne vue d’ensemble des possibilités qu’offre Angular (concepts, bonnes pratiques,…)
Les – : /
Les + : Bon formateur avec une grande connaissance du sujet
Les – : Le poids de nouvelles matières à retenir en 3 jours (mais ce qui est totalement normal)
Je souhaite suivre : Cloud (AWS, Azure, GCP), React, React Native, NodeJs, ExpressJs, Développement mobile,
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
