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

Paris Picpus14/10/20193 000 € HTFormation garantie, plus que quelques places de disponiblesRéserver
Paris La Défense02/12/20193 000 € HTInscriptions en cours, places disponiblesRéserver

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

Certification (en option)

  • Nos tests de validation des compétences font partie intégrante du processus d'apprentissage car ils permettent de développer différents niveaux d'abstractions.
  • Solliciter l'apprenant à l'aide de nos QCM, c'est lui permettre d'étayer sa réflexion en mobilisant sa mémoire pour choisir la bonne réponse. Nous sommes bien dans une technique d'ancrage mémoriel.
  • L'examen sera passé à la fin de la formation.

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