Une formation sur mesure ?

Devis immédiat

Nos clients

Ils nous font confiance.

logos clients Nativo formation
Formations inter / intra entreprise
Revenir aux formations Angular

Formation Angular 7 - Maitrise Complete Angular

Ref. ANG-COMP

NewBest of

durée

5 jours

Tarif

2490€ ht

picture_as_pdfprint

Objectifs

  • Mettre en place des processus d'industrialisation au sein d'une application Angular
  • Mettre en place les bonnes pratiques DevOps pour la maintenabilité d'une application Angular
  • Maintenir un niveau de qualité de code avec les tests unitaires et fonctionnels
  • Être capable de mettre en place le développement piloté par les tests
  • Maitriser le framework Angular de Google
  • Comprendre l'architecture Angular pour créer des applications performantes de toutes tailles
  • Maitriser le bonnes pratiques de développement au sein d'une application Angular
  • Connaitre Les nouveautés de la dernière version

Public

  • Développeur
  • Architectes

Prérequis

  • Avoir les connaissances de base sur HTML et Javascript

Programme

Intégration continue

  • Agilité au sein d'une application Angular
  • Création d'un dépôt GitLab
  • Git et gitflow pour le versionning de releases
  • Production Line Déploiement d'une application
  • Angular dans le Cloud
  • Intégration continue d'une application Angular
  • Qualité du code et suivi d'une application Angular
  • Déploiement continue d'une application Angular

Développement piloté par les tests

  • Bonnes pratiques pour les test unitaire et couverture de code
  • Écriture des tests unitaires : Jasmine
  • Utilisation du développement piloté par les tests : TDD
  • Configurer et exécuter les tests unitaires avec Karma
  • Intégrer les tests unitaire dans le processus d'intégration continue.
  • Bonnes pratiques pour les tests end to end
  • Écriture des tests end to end pour tester le comportement d'une application Angular.
  • Intégrer les tests end to end dans le processus d'intégration continue.

Découverte de l'écosystème Angular

  • AngularJs et Angular
  • L'écosystème d'Angular
  • Nouveautés ES2015, ES2016, ES2017
  • Les web component
  • Découverte du TypeScript
  • Découverte de RxJs
  • Installation de NodeJs
  • Package manager, npm et yarn
  • Versionner son application avec git et github
  • VsCode et les plugins essentiels
  • Appréhender la documentation Angular
  • Le style guide Angular

Architecture et composants Angular

  • Le client Angular et ses commandes (@angular/cli)
  • Architecture, concevoir des applications modulaires de toute taille avec Angular
  • Comprendre les imports et exports
  • Les modules Angular
  • Générer une documentation technique avec Compodoc
  • Les components Angular
  • L'interpolation
  • Cycle de vie d'un composant
  • TP : Achitecture de l'application pour la réutilisabilité, la maintenabilité et les performances
  • TP : Installer et utiliser une librairie graphique pour Angular
  • Les interfaces avec Angular
  • Les services angular
  • Les enum avec Angular
  • TP : Création d'un service

Communication entre composants Angular et routing

  • L'injection de dépendance
  • Les styles de component et les styles globaux Stratégies d’encapsulation
  • TP : Afficher une collection à l'aide de la directive *ngFor
  • Les directives (structure, attribut, personnalisées)
  • NG container
  • Cycle de vie d'une directive
  • TP : créer une directive personnalisée
  • Property Binding
  • Le decorator @Input
  • Création de component enfant
  • TP : Passer des données d'un component parent à un component enfant via un @Input
  • Tour d'horizon des Pipes Angular
  • TP : Création d'un Pipe personnalisé
  • Events Binding Angular
  • Le router Angular
  • Un ficher de routing par module
  • Les méthodes forRoot() et forChild()
  • TP : créer les routes de l'application

Les formulaires Angular

  • Formulaire piloté par le template (FormsModule)
  • Le double data Binding avec ngModel
  • Formulaire piloté par le code avec
  • FormBuilder et Validators (ReactiveFormsModule)
  • Le decorator @Output et EventEmitter
  • Les Observables
  • Observable chaud vs Observable froid
  • TP : Création d'un formulaire réutilisable avec ReactiveFormsModule, @Output et EventEmitter
  • Créer une base de donnée temps réel
  • Angular et le service HttpClient
  • Utilisation d'une API
  • Installer une librairie utilitaire pour Angular
  • Utilisation du Pipe Async Bonnes pratiques
  • TP : Persister les données en utilisant une API et HttpClient

Moyens et Méthodes Pédagogiques

  • La formation est constituée d'un cas pratique au cours duquel les apprenants créent une application Angular complète
  • Réalisation de travaux pratiques et d'exercices pour la validation des acquis
  • Un poste par stagiaire
  • Formateur Expert Certifié Nativo
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage

Validation des acquis

  • Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
  • Attestation de fin de stage remise avec la facture