Formation:
Maîtriser Angular 4 et TypeScript (Fullstack)

Des cartes Google Play de 50€ sont à gagner.

Angular 4, le tout nouveau framework de Google et il s’impose déjà comme étant une référence dans le domaine des technologies Web modernes. Meilleurs performances, meilleur architecture, meilleur modèle de programmation,...

Basé sur les nouveaux standards du Web et les nouveautés apportées par ES6 et TypeScript, Angular bénéficie d’un écosystème riche et d’une grande communauté de d'experts.

Vous découvrirez comment créer vos propres composants. Vous apprendrez à en maîtriser l’injection de dépendances, les templates, le routage, le data-binding, les tests (unitaires et fonctionnels) et vous serez formé aux bonnes pratiques.

Objectifs

  • Acquérir la maîtrise de TypeScript nécessaire à Angular 4.
  • Acquérir la maîtrise d'Angular 4.
  • Acquérir cette maîtrise dans le contexte ASP.NET MVC et Node JS.

Public concerné

  • Développeur.

Prérequis

  • Une maîtrise de base du Javascript est indispensable.
  • Une maîtrise de base d'HTML et de CSS est indispensable.
  • Une compréhension des mécanismes HTTP de base est un atout.

Accès à la formation

  • Entretien individuel avec le formateur (par téléphone ou en conférence). L'objectif de cet entetien est de vérifier que la formation répondra à vos besoins et attentes, mais aussi de déterminer les points d'adaptations qui seront éventuellement nécessaires lors de la formation.
  • Création d'une convention de formation à remettre à votre employeur ou à Pôle emploi.
  • En même temps que la convention, un dossier de formation contenant toutes les informations utiles ainsi que le règlement intérieur vous sera remis.
Cette formation est accessible à distance (Horaires à la carte possibles).

Programme de la formation

Introduction

  • Rappels HTML5 / CSS3
  • Rappels Bootstrap
  • ES6 et modules
  • TypeScript
  • Web Components
  • Contexte ASP.Net MVC (Installation / Configuration)
  • Contexte Node JS (Installation / Configuration)

TypeScript, les bases

  • Les variables et leurs types / statics / dynamiques / les tableaux
  • Fonctions / Paramètres de fonctions : options, par défaut, paramètre rest
  • Les objet (les classes / interfaces / héritage / génériques)
  • Annotations
  • Les modules
  • Notions de prototype
  • Notions de design patterns
  • ...

Angular, Les bases

  • Comprendre le framework
  • Templating
  • Composant (utilisation / création)
  • Vue (utilisation / création)
  • Cycle de vie
  • Directive (utilisation / création)
  • Attribute directives
  • Structural directives
  • Les pipes (utilisation / création)

L'injection de dépendances (IOC)

  • Le pattern
  • Configurer
  • Type-based et hiérarchique
  • Différents types de providers

Formulaires

  • Créer un formulaire
  • Validation et erreurs
  • Observateurs
  • ngModel
  • Template-driven forms
  • Model-driven forms
  • Formulaires dynamiques
  • Création d'un micro framework pour les formulaires

Création de service / communication avec le ou les serveurs

  • Les services fournis
  • Injection de service
  • Création de services
  • Requêtes HTTP
  • WebSockets
  • Communication avec une API

Objets observables

  • Le concept d’Observable
  • Principales opérations sur les observables
  • ReactiveX avec RxJS
  • Lien avec les promesses

Sécurité / Authentification

  • Faire des requêtes HTTP, recevoir ou envoyer des données JSON
  • Comment remplacer les intercepteurs ?

Router

  • Le component router
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)
  • Routing lifecycle, et route guards

Modules

  • Déclarations du module
  • Lazy loading de modules avec le component router
  • Les providers d’un module
  • Différents types de modules

Tests unitaires (la raison d'être de l'IOC)

  • Karma / Jasmine
  • Injection de dépendances
  • Tests asynchrones
  • Recettes de tests
  • Tests fonctionnels (E2E) avec Protractor

Programation réactive

  • Concept
  • Introduction à RxJS

Avancé

  • Migration AngularJS V1
  • Rendu côté serveur
  • Rendu dans les Web workers
  • Application mobile
  • Zones
  • Rendus alternatifs
  • Animations : États et transitions, animations avec le routeur
  • Directives avancées
  • Injection de dépendances avancée
  • Performances
  • Bibliothèques de composants
  • ...

Méthode pédagogique

  • La formation est découpée en session de 3 à 4h de travail.
  • Chaque session est une itération de parties théoriques, de démonstrations, d'exercices, de travaux pratiques, de discussions et réflexions.
  • Chaque session se termine par un résumé des points importants à retenir.
  • La formation met l'accent sur la méthodlogie et les bonnes pratiques.
  • Votre participation active sera requies tout au long de la formation.

Moyens pédagogiques

En présentiel

  • Salle de formation
  • Vidéo projecteur
  • Un PC est fourni (il est possible d'utiliser votre portable, dans ce cas un setup de formation vous sera transmis)
  • Support de cours propriétaire en français

A distance

  • Salle de vidéo conférence
  • Forum de discussion
  • Un setup de formation vous sera transmis pour configurer votre machine
  • Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
  • Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
  • Support de cours propriétaire en français
  • Portail LMS

En E-Learning (quand disponible)

  • Toute la formation en vidéo
  • Forum de discussion
  • Un setup de formation vous sera transmis pour configurer votre machine
  • Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
  • Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
  • Support de cours propriétaire en français
  • Portail LMS

Support de formation

  • Conçus et rédigés par des experts.
  • De nombreuses références à la méthodologie et aux bonnes pratiques.
  • De nombreux retour d’expérience.
  • Les travaux pratiques sont issus de projets réels.

Sanction de fin de formation

  • Une attestation de formation vous sera remise.
  • Un bilan de formation vous sera remis. Ce bilan contient des remarques est conseils concernant la suite à donner à votre formation, vos aptitudes, vos perspectives.
  • Vous pouvez opter pour l'option attestation de compétances. Il vous faudra alors réaliser un projets test qui sera corrigé et évalué par le formateur.
La méthodologie et les bonnes pratiques
sont au cœur des formations Netkoders
Nos formations sont le fruit de
notre expérience de terrain,
de notre veille technologique
et de notre R&D.