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 - Maitriser Angular

Ref. ANG-MAI

NewBest of

durée

3 jours

Tarif

1590€ ht

picture_as_pdfprint

Toutes les dates arrow_drop_down

Objectifs

  • 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
  • Architecte

Prérequis

  • Avoir les connaissances de base des langages HTML, CSS et Javascript

Programme

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