M2i Formation

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

Angular 2 à 6

Présentiel

5 jours (35 heures) - JVS-ANG6

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

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

Afficher plus de dates

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

Metz18/02/20193 000 € HTDates proposées dans les agences M2iRé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

Sophia Antipolis10/12/20183 000 € HTDates proposées dans les agences M2iRéserver
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 € 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.