M2i Formation

Angular 2 à 6

Langages et développement - Développeur Web HTML 5, CSS 3 et JavaScript

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.


Éligible aux financements suivants : Formation éligible au CPF

La Défense18/02/20193 000 € HTInscriptions en cours, places disponiblesRéserver
La Défense08/04/20193 000 € HTDates proposées dans les agences M2iRé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

Afficher plus de dates

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

Metz18/02/20193 000 € HTInscriptions en cours, places disponiblesRéserver
Mulhouse18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Nancy18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Reims18/02/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

Caen18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Évreux18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Le Havre18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Lille18/02/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

Dijon18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Grenoble18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Lyon18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne18/02/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

Bordeaux18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Orléans18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Tours18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Bordeaux08/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

Aix-en-Provence18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Montpellier18/02/20193 000 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis18/02/20193 000 € HTInscriptions en cours, places disponiblesRéserver
Aix-en-Provence08/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

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 : 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. Sans votre acceptation, aucun cookie ne sera enregistré.

Accepter Paramètres En savoir plus