Best
 
Fantom Tag

Formation - Angular 2+ - Développement d'applications web

Développer des applications web performantes à partir de JavaScript, en utilisant les nouveautés du framework de référence Angular

  • Présentiel ou classe à distance
  • Fondamental
PRESENTIEL OU CLASSE A DISTANCE
Référence
LI254

Durée
3 jours (21 heures)

Prix 2023
1 990,00 €  HT
Dans vos locaux ou à distance
Référence
LI254

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
4 490,00€ HT
(Prix pour un groupe de 12 personnes max)
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Selon les spécialistes qui se sont sérieusement penchés sur la nouvelle version du framework créé par Google, Angular 2+ n'a de commun avec son prédécesseur que son seul nom tant les évolutions qu'il porte sont nombreuses. Et toutes visent à atteindre un seul et unique objectif : développer plus rapidement des applications web de meilleure qualité ! C'est notamment l'un des apport du recours à TypeScript, le langage de programmation libre et open-source développé par Microsoft. A l'issue de ces 3 journées de formation, les participants seront à même de développer des applications web plus performantes avec Angular 2+.
Consulter le programme 2024
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Architectes
  • Développeurs
  • Chefs de projets...

Prérequis

Programme

Le programme

1 - Introduction

  • Outils et IDE
  • Packaging, npm
  • Webpack
  • Installation node.js / npm
  • Installation angular-cli

2 - TypeScript et ES6

  • Installation TypeScript
  • Transpiler EcmaScript
  • Let, variables locales et constantes
  • Typage et types natifs
  • Paramètres optionnels, valeurs par défaut
  • Classes et interfaces
  • Gestion des modules
  • Arrow functions

3 - Le framework Angular

  • Contexte
  • Présentation générale
  • Description de l’architecture du framework (MVC, workspaces, configurations, ...)
  • Présentation des composantes du framework (modules, composants, directives, services, ...)
  • La philosophie « composant »
  • Commandes du angular-cli
  • L’extension du navigateur Angular DevTools
  • Les types de NgModules
  • Métadonnées du NgModule
  • Contexte de compilation des modules
  • Import/Export de modules

4 - Les composants et template

  • Métadonnées du composant (selecteur, template, styles, ...)
  • Déclarations dans un NgModule
  • ViewEncapsulation
  • Interpolation / expression
  • Property-Binding / Attribute-binding / Class-binding / Style-binding
  • Variables locales

5 - Directives

  • Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
  • Directives de structure (ngIf, ngFor, Symbole *)
  • ng-template

6 - Evénements et cycle de vie

  • Syntaxe de l’event-binding
  • Types d’événement et handlers
  • Objet $event
  • Property-binding et @Input
  • EventEmitter et @Output
  • Two way data binding (opérateur banana in a box)
  • Cycle de vie d’un composant (ngOnInit, ngOnChanges, ngOnDestroy)

7 - Pipes

  • Définition
  • Les pipes standards (lowercase, uppercase, currency, decimal, ...)
  • Le pipe key-value
  • Créer son propre pipe

8 - Services

  • Définition
  • Création de service
  • Injection d’un service
  • Providers (+ providedIn) et injectors
  • Différence entre injecteur root et injecteur composant

9 - Formulaires

  • Control et ControlGroup
  • Validations
  • Gestions d’erreurs
  • Gestion des modifications
  • Groupes de champs avec FormBuilder

10 - Observables, RxJS et HttpClient

  • Observables
  • RxJS
  • HTTP providers
  • Requêtes
  • Transformation des données et observables
  • Options de requêtes

11 - Routing

  • Concepts de routage
  • Router providers et config
  • Router directives
  • Méthodes de routage et paramètres

12 - Pour aller plus loin...

  • Lazy-loading
  • Introduction aux tests
  • Introduction aux PWA
  • Création de librairie
  • Librairie de composant : Introduction à Angular-material
  • Gérer l’état : Introduction à ngrx
Objectifs

Les objectifs de la formation

  • Maîtriser les fondamentaux du Framework Angular et ses nouveautés
  • Organiser, modulariser et tester ses développements JavaScript
  • Savoir développer plus rapidement et tester des applications web Angular 2 avec JavaScript et TypeScript
  • Connaître les bonnes pratiques de développement et de mise en production
  • Découvrir les spécifications EcmaScript 6 (ES6)
  • Savoir intégrer les tests unitaires au développement
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • Une pédagogie basée sur l'alternance de phases théoriques, d'ateliers de mise en pratique, de retours d'expériences et de séances d'échanges.
  • A travers les TP proposés, les participants acquièrent une première expérience concrète du développement d'applications web sur Angular 2+.
  • Des experts du framework qui partagent leurs trucs et astuces pour développer plus rapidement.
  • Angular 2+ correspond à toutes les versions successives d'Angular, soit de la version 2 à la version 16.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Métier accessible : Développeur web

Vous pouvez trouver plus d'informations sur ce métier dans la Fiche métier de Développeur web.

Financement

Les solutions de financement

Cette formation est éligible à l'action collective campusAtlas "Développement web".

Dates et villes

Mise à jour le 30/11/2023
  • 1 990,00 € HT
    Dernières places
    Session garantie
    S'inscrire
    a distance
Consulter les dates 2024
Formation - Angular 2+ - Développement d'applications web