Aller au contenu principal

Angular

Date de mise à jour :
Identifiant Offre Info : 20_1382003
Organisme responsable : INOW (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

  • Apprendre les bases du Framework Angular
  • Etre capable de développer une application de façon autonome avec Angular
  • Pouvoir s'interfacer avec un backend
  • Savoir tester son application, unitairement et de bout-en-bout
  • Connaître les bonnes pratiques de développement et de mise en production pour Angular

Programme de la formation

Introduction à Angular Les outils de développement Les modules ES6 Les Webpacks et les Web Components La base de TypeScript Packaging, grunt, npm Installation de npm et angular-cli Les bases du Framework Angular Comprendre la philosophie du Framework Templating Le moteur de rendu Ivy Angular CLI Création d'un squelette d'application Les commandes ng-generate ng-update Les composants et directives Angular Les vues et les vues imbriquées Les directives et…

Introduction à Angular
  • Les outils de développement
  • Les modules
  • ES6
  • Les Webpacks et les Web Components
  • La base de TypeScript
  • Packaging, grunt, npm
  • Installation de npm et angular-cli

Les bases du Framework Angular
  • Comprendre la philosophie du Framework
  • Templating
  • Le moteur de rendu Ivy

Angular CLI
  • Création d'un squelette d'application
  • Les commandes ng-generate
  • ng-update

Les composants et directives Angular
  • Les vues et les vues imbriquées
  • Les directives et import de directives
  • Le cycle de vie des composants
  • Material Design et CDK
  • Les annotations @Component et @View
  • Propriétés, événements, bindings
  • Les Web Components templates, styles, pipes
  • Agular Elements
  • La visibilité des composants
  • Les services et les injectables

Les composants Angular
  • ngFor
  • ngIf
  • ngSwitch
  • ngNonBindable

Les templates
  • Interpolation / expression
  • Binding et interactions des templates
  • Les variables locales
  • Symbole *, directives de structure

La gestion des formulaires
  • Créer un formulaire
  • Les objets Control et ControlGroup
  • La validation d'un formulaire
  • Créer ses propres validateurs
  • La gestion des modifications
  • Groupes de champs avec FormBuilder
  • La gestion des erreurs
  • NgModel et NgModelOptions

Les routes dans Angular
  • Le concept de routage
  • La configuration des routes et URLs
  • Router providers et config
  • Les directives RouterOutlet et RouterLink

Les pipes Angular
  • Les transformateurs fournis
  • Les pipes et les filtres
  • Créer ses propres pipes

Observables et rxjs 6
  • Présentation et utilisation
  • Subject et Subscribe
  • EventEmitter dans Angular

Echanger avec un serveur
  • Les requêtes HTTP
  • Les webSockets
  • HttpClientModule
  • Services Worker
  • Internationalisation
  • Le pipe i18n
  • Les locals
  • Modifier les paramètres régionaux dynamiquement

Les tests dans Angular
  • Présentation de Karma et Jasmine
  • Utilisation de Protractor
  • Injection de dépendances
  • Les tests en asynchrone
  • Simuler le serveur HTTP

Validation et sanction

Angular

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Oui
Financeur
  • Autre

    Programme : Financements à déterminer selon la situation du bénéficiaire

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Connaissances en HTML/CSS Notions fondamentales de JavaScript Notions de Programmation Orientée Objet Notions de base sur les outils de développement Compréhension du fonctionnement des navigateurs Web

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement à distance

Adresse

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
14 Rue Tantot
60510 La Neuville-en-Hez
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes