Angular

Des bases solides pour développer des applications avec Angular

Description du cours

Angular est devenu un framework incontournable de l'écosystème Front. Développé par Google ce framework a su s’imposer pour devenir la référence. Ce cours est mis à jour pour la dernière version d'Angular.

Ce cours permet aux participants d'acquérir les compétences suivantes

  • Développer des (single page) applications avec Angular
  • Appréhender les orientations du framework Angular (composants, appels serveurs, formulaires, injection de dépendances…)

Prix: 2190€ HT
Durée: 3 jours
Modalité: Inter en présentiel (demander une formation en intra-entreprise)

Prochaines dates :

Nantes 7 Octobre 2019 S'inscrire

PROGRAMME DE LA FORMATION

Module 1

Premiers pas avec Angular

  • Installation d’Angular
  • Découverte d’un composant
  • Démarrage d’une application
  • Présentation des modules
  • Atelier: Création d’un composant
  • Atelier: Démarrage de l’application
Module 2

Databinding

  • Découverte du mécanisme de databinding d’Angular : variables, propriétés, événements
  • Atelier: Création de binding de variables et propriétés
  • Atelier: Création d’un événement
Module 3

Les composants

  • Analyse des attributs d’un composant
  • Les directives
  • Les annotations
  • Les classes
  • La communication entre composants
  • Le cycle de vie d’un composant
  • Atelier: Création d’un composant et d’un sous composant: imbrication et communication
  • Atelier: Gestion d’événements sur un composant
Module 4

Observables

  • Choix d’Angular de partir sur RxJS
  • Principes de bases d’un observable
  • Présentation de quelques opérateurs
  • Atelier: Manipulation basique d’observables
Module 5

Communication serveur

  • Présentation du module http
  • Manipulation d’observables
  • Atelier: Gestion d’un appel serveur
  • Atelier: Manipulation d’observables
Module 6

Routage

  • Mise en place du routeur
  • Configuration du routeur
  • Atelier: Mise en place d’un mécanisme de navigation
Module 7

Services

  • Découverte des services Angular
  • Présentation de l’injection de dépendance
  • Atelier: Création d’un service
Module 8

Formulaires & validation

  • Présentation des différents éléments de formulaires
  • Formulaire Template-driven
  • Formulaire Model-driven
  • Manipulation de validateurs
  • Atelier: Création de formulaire Template driven, model driven
  • Atelier: Création d’un validator
Module 9

Pipes

  • Présentation des pipes
  • Comment créer ses propres pipes
  • Atelier: Utilisation de pipes Angular
  • Atelier: Création d’un pipe customisé
Module 10

Utilisation avancée des directives

  • Retour sur les directives
  • Comment créer sa directive
  • Atelier: Création d’une directive
Module 11

Communication avancée

  • Présentation du pattern Flux
  • Présentation d’outils NgRX et NgXs
  • Atelier: Manipulation de NgRX ou de NgXs
Module 12

Déploiement

  • Présentation du déploiement d'applications Angular
  • Jit, AoT
  • Introduction aux schématics
  • Atelier: Génération d’un application Angular
Module 13

Tester une application

  • Présentation des tests sous Angular
  • Karma & Jasmine
  • Test asynchrones
  • Mécanisme de Mock
  • Atelier: Réalisation de tests unitaires d’un service, d’un composant et d’une directive
Module 14

Concepts avancés

  • Angular et le Lazyloading
  • Utilisation de guard
  • Présentation des zones et de la stratégie OnPush
  • Routing avancé
  • Atelier: Décomposition de l’application en module à lazyloader
  • Atelier: Utilisation d’un routing évolué

Formations suggérées

JavaScript les fondamentaux du langage (JSFOND)

2 jours

JavaScript développer des applications web (JSDEVWEB)

2 jours

Node.js (NODEJS)

3 jours

TypeScript (TYPESCRIPT)

2 jours

Vue.js (VUEJS)

3 jours

PWA - Progressive Web Applications (PWA)

2 jours

RxJS programmation réactive (RXJS)

2 jours

Nous contacter

Paris

48 Rue Jacques Dulud

92200 Neuilly-sur-Seine

+33 1 41 38 52 00

Lille

74 rue des Arts

59800 Lille

+33 3 66 72 61 32

Strasbourg

Crystal Park, 1 Avenue de l'Europe

67300 Schiltigheim

+33 3 88 47 04 38

Luxembourg

2, rue Drosbach

L-3372 Leudelange, Luxembourg

+352 26 54 47 1

Bordeaux

c/o Mama Works, 51 quai Lawton

33300 Bordeaux

Nantes

Zero Newton, 3 Rue Albert Camus

44000 Nantes

+33 2 55 59 07 00