Formations Langage JavaScript Formation Angular 15 : Framework Web Moderne

Formation Angular 15

Rated 4.4 out of 5
Logo Formation Angular

Prix 1800€ HT / personne
Durée 3 jours (21 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

Présentation

Angular est le tout nouveau framework de Google qui s’impose déjà comme étant LA référence des technologies Web modernes. Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date ainsi que ses nouveautés (Angular 15 sorti le 30 novembre 2022 à la date de l’article).

 

Formez-vous dès maintenant au Framework Web le plus puissant du marché !

Angular offre des performances accrues avec une conception modulaire adaptée à la mobilité ainsi qu’une amélioration de la productivité de vos équipes de développement. En embrassant les nouveaux standards du Web et les nouveautés apportées par ES6 et TypeScript, Angular bénéficie immédiatement d’un écosystème riche et d’une communauté toujours plus grande. Venez également découvrir la richesse et toute la puissance de TypeScript 4.9 conçu par le non moins célèbre Anders Hejlsberg.

Dans cette formation, vous découvrirez comment créer avec Angular vos propres composants réutilisables. Pour exploiter toute la puissance du framework, vous apprendrez à en maîtriser les différentes facettes, parmi lesquelles l’injection de dépendances, les templates, le routage, le data-binding, ainsi que les tests (unitaires et fonctionnels). Enfin, vous serez initiés aux bonnes pratiques architecturales et à l’état de l’art des environnements de développement. Soyez-les premiers à appréhender les nouveaux concepts de développement afin d’écrire des applications robustes et performantes !

 

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

Programme de notre formation Angular 15

 

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)

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

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

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

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

Rated 5 out of 5
16 mars 2023

Les + : Thomas est très à l’écoute, il connaît bien son sujet et a su répondre sans hésiter à toutes nos questions, de façon adaptée à notre compréhension.

Aurélien G. de chez Ageas Services

Afficher tous les témoignages

Rated 5 out of 5
16 mars 2023

Les + : Thomas est très à l’écoute, il connaît bien son sujet et a su répondre sans hésiter à toutes nos questions, de façon adaptée à notre compréhension.

Aurélien G. de chez Ageas Services
Rated 5 out of 5
16 mars 2023

Les + : Formation adaptée pour apprendre Angular et formateur à l’écoute de toutes nos questions.

Je souhaite suivre : Angular avancé

Python

Django rest framework

Pauline A. de chez NOIR LUMIERE
Rated 4 out of 5
16 mars 2023

Les + : Formateur bienveillant et à l’écoute.

Le support de cours est bien fourni mais reste clair. De plus, il nous reste à disposition après la date de fin de la formation.

Les – : Une petite journée supplémentaire aurait été la bienvenue

Je souhaite suivre : Angular avancé

Antonin M. de chez NOIR LUMIERE
Rated 5 out of 5
7 décembre 2022

Les + : Le bon équilibre théorie/pratique.

Même si on a « rater » un tp, on a la possibilité de continuer grâce au différentes branches git, et ne pas accumuler de retard.

Les – : Arborescence générales d’un « gros » projet assez flou. Ce serait sympa de simplement prendre quelque minutes (sur une capture d’écran) pour exposer les bonnes pratiques et conventions de regroupement des fichiers.

Je souhaite suivre : Possiblement l’Angular avancé !

En synthèse : Erwan est top comme formateur

Mathis Q. de chez IGM CENTRE
Rated 3 out of 5
7 décembre 2022

Les + : – Le fait d’être à 3 permet de mieux échanger avec le formateur

– Le formateur est très disponible et explique bien

Les – : – On a constaté pas mal de problème avec l’application « gotomeeting », que ce soit côté formateur, ou côté participant

– Le support de formation manque d’illustration

– Une formation en présentiel est quand même mieux qu’une classe virtuelle

– Il manque les tests techniques pour valider la formation

Hajatiana R. de chez BRGM
Rated 5 out of 5
7 décembre 2022

Les + : pratique et la correction des TP

Je souhaite suivre : DevOps

Hicham . de chez Open Groupe
Rated 4 out of 5
14 septembre 2022

Je recommande la formation

Benoît J. de chez CACEIS FUND ADMINISTRATION
Rated 5 out of 5
14 septembre 2022

Les + : Permet à la fois de saisir les bases et d’avoir des pistes pour découvrir par nous-même les points plus avancées

Suffisamment de temps dans les TP pour avoir un code qui nous plait et qui encourage d’y retourner, ce qui permet une bonne « doc » pratique pour y retourner

Les – : Mon seul bémol de la formation : le point sur RxMarbles qui je pense était plus long que nécessaire (15-20min sont suffisants pour faire le tour et voir son potentiel)

En synthèse : Un cours à la fois formateur et agréable à suivre. Je compte définitivement réutiliser ce que j’ai appris dans mon projet d’entreprise.

Robin C. de chez Inetum
Rated 4 out of 5
14 septembre 2022

Les + : Les tds

Les – : La durée est trop courte

Assia F. de chez SQORUS
Rated 5 out of 5
14 septembre 2022

Les + : Permets de voir tous les principes d’Angular avec de la pratique et de la théorie.

Etant néophyte dans le développement frontend je n’ai eu aucun mal à suivre le cours .

Kévin L. de chez ALTEN SIR
Rated 4 out of 5
14 septembre 2022

Les + : Les détails sur les bases de d’Angular

Je souhaite suivre : Angular avancé

Fodé B. de chez Solustop
Rated 5 out of 5
6 juillet 2022

Je recommande la formation

Samuel M. de chez DATA ONE

Noter la formation

Prix 1800€ HT / personne
Durée 3 jours (21 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp