Formations Web & Cloud Formation Angular 12 : Framework Web Moderne

Formation Angular 12

Rated 4.4 out of 5
Logo Formation Angular
Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )
Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

Nous sommes Angular version 12, 11, 10, 9, 8, 7, 6, 5, 4, 2 Ready !

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 12.1 sortie le 2 juin 2021 à 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.3 conçu par le non moins célèbre Anders Hejlsberg. Découvrez

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 3.x & 4.x
  • Connaître les mécanismes avancés du framework

 

Public visé

Développeur Web, Lead Developer

 

Pré-requis

Connaissance de JavaScript ou TypeScript, HTML5/CSS3

Programme de Notre formation Angular 12

 

Jour 1 – Introduction

  • ES6, le nouveau JavaScript
  • ES6 et les modules
  • TypeScript 3 : 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 12, 11, 10, 9, 8, 7 et 6

  • ng add / ng update  : configuration & migration automatique
  • Build avec le compilateur Bazel
  • Angular Elements
  • Angular Material + CDK Components
  • Animations Performance : au revoir polyfill
  • Déclarer les services avec Dependency Injection : Tree Shakable Providers
  • Progressive Web App (PWA)
  • Versions : RxJS 6 & Support de TypeScript 3.x
  • Ivy

 

Composant

  • Web Components
  • Décorateurs Angular
  • Property binding, envoyer des données au 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
  • Différents types de modules : bonnes et mauvaises pratiques
  • TP : Création d’un module et factorisation d’une librairie externe

 

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
  • Principales opérations sur les observables
  • Lien avec les promesses

 

Échanger avec un serveur

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe
  • TP : Création d’une API REST de test

 

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)
  • Requêtes HTTP vers une API REST

 

Module Complémentaire : Adf et Alfresco (2 jours)

  • Présentation d’ ADF et d’Alfresco
  • Pourquoi créer des applications ADF ?
  • Prise en main et création d’une première application ADF
  • Personnaliser son application (thème, typographie…)
  • L’API Core
  • L’API Alfredo Content Services
  • L’API Alfredo Process Services
  • Troubleshooting

 

Module Complémentaire : Angular Avancé (2 jours)

Pour aller plus loin

Formation Angular Avancé

Formation Ionic 5

Formation Firebase avec Angularfire

Formation Redux et RxJS

 

Formation MEAN Stack

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 4 out of 5
17 février 2021

Flutter, Nodejs et Docker au programme

Vincent R. de chez
Afficher tous les témoignages
Rated 4 out of 5
17 février 2021

Flutter, Nodejs et Docker au programme

Vincent R. de chez
Rated 4 out of 5
16 décembre 2020

Richesse du contenu, formateur compétent.
Tempo un peu lent le premier jour et un peu trop rapide ensuite.

Thierry A. de chez JCDecaux France
Rated 2 out of 5
16 décembre 2020

Le support de cours
Niveaux trop hétérogènes.
Pas adapté malgré mon évaluation au début qui montrait bien que mon niveau était trop faible.
Vous auriez du me proposer une formation plus adaptée.
Cependant merci à Romain.

Pierre-Yves C. de chez MRM Worldwide

Réponse d'Ambient Formations

Bonjour Pierre-Yves,
Nous vous remercions pour votre commentaire qui nous aide à améliorer la qualité de nos formations.
À l’avenir, nous étudierons davantage la validité des prés-requis.

Rated 4 out of 5
18 novembre 2020

formation très intéressante couvrant les besoins que j’avais
difficile à distance
pour le moment aucune, il faut que je pratique avant d’aller plus loin
formation dense et intéressante

Valérie B. de chez OGF
Rated 5 out of 5
18 novembre 2020

Mise en application de tous les thèmes abordés au sein d’une même application créée ensemble

Antoine M. de chez UMANIS
Noter la formation
Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )
Paris | à distance | FNE
Il ne reste que quelques places
Option OFFERTE de classe virtuelle (40€/j en supplément)
Disponible en intra-entreprise pour former votre équipe

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

client
client
client
client
client
client
client
client
client
client
client
client
client
client
client
client
client
client
client
client