Aller au contenu principal

IB FORMATION : 05. Angular - Développement d'applications web

Organisme

IB FORMATION
1 PLACE DE LA PYRAMIDE
92911 PARIS LA DEFENSE CEDEX

Durée

21 heures

Modalités

Formation
  • Classe virtuelle
  • Présentiel
Évaluation

Une attestation de fin de formation sera remise au stagiaire à l'issue de la formation

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
926.1€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
3717€ HT / groupe
4 stagiaires minimum

Public

Architectes, développeurs, chefs de projets…

Pré-requis

Avoir des connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript.

Objectifs pédagogiques

- 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

Programme détaillé

EN PRÉSENTIEL / A DISTANCE

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. ÉVÈ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, 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 

 

APRÈS LA SESSION

Retrouvez sur le Learning Hub ib :

  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans la mise en œuvre de vos acquis

 

LES PLUS 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
  • Répartition théorie/pratique : 45% / 55%
  • Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques s’articulant autour d’une application fil rouge, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.

Sessions

Filtrer les résultats

21 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Les compétences professionnelles visées par la formation sont validées via un test permettant d’obtenir une certification officielle.
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat