Angular Fondamental  Version 2021

angular.png

Résumé

Angular Fondamental, sortie dans sa version finale en Octobre 2018, 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 et ses nouveautés.

​

Angular Fondamental 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.

​

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 !

​

Contenu du cours

 

JOUR 1 – Introduction

  • ES6, le nouveau JavaScript

  • ES6 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 

  • 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 & Support de TypeScript

 

Composants

  • 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

​​​

Nos formations sont accessibles aux personnes en situation de handicap.

Un questionnaire envoyé en amont de la formation invite les participants à nous contacter s’ils ont besoins d’aménagements spécifiques en lien avec leur situation de handicap. Nous nous employons à rechercher, avec les personnes concernées, les moyens de compensation qui leur seront adaptés.

Pour en valider l'accès merci de nous contacter contact@formation-IT.org

Je m'inscris

Durée 

3 jours soit 21 heures

​

Prix public

​1.900 € HT

​

Dates à Paris

  • Sur demande

​

Public concerné

Développeur web

​

Objectifs pédagogiques

  • 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

  • Connaître les mécanismes avancés du framework

​

Pré-requis

Connaissance de JavaScript ou TypeScript.

​

Profil formateur 

 Instructeur certifié par Angular

​

Délai d’accès 

Se référer aux dates figurant au planning

​

Évaluations et sanctions de la formation

  • Quizz intermédiaires 

  • Lab technique en fin de module

  • Évaluation de satisfaction via un questionnaire pré formation, à chaud et à froid

  • Attestation de présence et de formation 

​

* Formation distanciel possible :

  • de votre entreprise

  • de chez vous

  • de nos locaux à Sophia Antipolis (équipement Cisco Webex Board)

​

​

​

​

Sur le même thème