M2i Formation

Découvrez notre formationAngular 2 à 6

Présentiel

5 jours (35 heures) - JVS-ANG6

La formation Angular 2 à 6 vous apprendra à développer une application et à acquérir les bonnes pratiques de développement.

Cette formation Angular 2 à 6 pourra être ponctuée par votre certification M2i Langages de Programmation. La certification M2i Langages de Programmation vous permet de valoriser vos compétences à développer des logiciels ou des programmes suivant les spécifications détaillées d'une architecture technique retenue pour répondre au plus près aux attentes interne ou externe de l'entreprise.

La certification M2i Langages de Programmation est un label qualité attestant officiellement de votre expertise et répondant aux demandes actuelles du marché.

Objectifs pédagogiques

  • Découvrir le Framework Angular v6
  • Développer et tester complètement une application
  • Acquérir les bonnes pratiques de développement.

Niveau requis

Connaître des langages Web : HTML, CSS et JavaScript.

Public concerné

Développeurs et chefs de projets.


Cette formation est éligible au CPF : code unique 237067

La Défense08/04/20193 000 € HTFormation garantie, plus que quelques places de disponiblesRéserver
La Défense24/06/20193 000 € HTDates proposées dans les agences M2iRéserver
La Défense26/08/20193 000 € HTDates proposées dans les agences M2iRéserver
La Défense14/10/20193 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Mulhouse08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Nancy08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Reims08/04/20193 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Évreux08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Le Havre08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Lille08/04/20193 000 € HTInscriptions en cours, places disponiblesRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Grenoble08/04/20193 000 € HTFormation garantie, plus que quelques places de disponiblesRéserver
Dijon08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Lyon08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne08/04/20193 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Orléans08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Tours08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Bordeaux24/06/20193 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Sophia Antipolis25/03/20193 000 € HTInscriptions en cours, places disponiblesRéserver
Montpellier08/04/20193 000 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis13/05/20193 000 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence24/06/20193 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Certification : M2i Langages de Programmation (+ 120€)

Une nouvelle version d'Angular

  • Les frameworks AngularJS et Angular
  • Pourquoi une version 6 ?
  • Une nouvelle façon de penser le développement Web

Les Web components

  • Une spécification du W3C
  • Création de balises personnalisées
  • Les notions de templates, Shadow DOM, Custom Elements, HTML Imports

Architecture d'une application Angular

  • Organiser son code avec les modules
  • Les components et les templates
  • Connecter components et templates avec le Data Binding
  • Le rôle des directives
  • Les services
  • Notion d'injection de dépendance

Une première application Angular

  • La structure d'un projet Angular
  • Les modules et composants
  • Démarrer "from scratch" avec Angular-CLI

Utilisation d'Angular-CLI

  • Création de projet
  • Création de modules, components et services
  • Angular 6 : les commandes "ng add" et "ng update"

Les templates

  • Utiliser l'interpolation
  • Property et event bindings
  • Utiliser des variables locales
  • Utilisation des pipes

Les formulaires

  • Création de formulaires avec le FormsModule
  • Création de formulaires avec le FormBuilder
  • Validation et gestion des erreurs

La bibliothèque RxJS

  • La programmation réactive
  • Observable et Observer
  • Utilisation des opérateurs
  • Communication entre components avec les subjects
  • Les nouveautés de RxJS 6

Travail avec HTTP

  • Le service HTTP
  • Utilisation de RxJS
  • Récupérer des données
    • Promise
    • Observable

Le routage

  • Les différentes versions du module de routage
  • Fonctionnement du routage
  • Configurer des routes et utiliser les directives

Les Progressives Web App (PWA)

  • Présentation des Progressives Web App
  • Notion de Service Worker
  • Implémentation d'une PWA avec Angular 6

Angular Elements

  • Web components et customs elements
  • Développer un custom element avec Angular 6
  • Utiliser un component Angular dans une application JS standard

Les tests et les bonnes pratiques

  • Les tests unitaires et fonctionnels
  • Présentation de Jasmine et Karma
  • Présentation de Protractor
  • John Papa et le coding style guide

Les + de la formation

L'examen de certification est en français.

Testez vos connaissances

Objectif : Ce test a pour objectif de tester vos connaissances sur le langage JavaScript, ainsi que HTML5 et CSS3.

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus