Objectifs de formation

Pouvoir utiliser le Framework Angular
Savoir créer des modules, components et services
Savoir utiliser les templates
Créer des formulaires
Créer des routes simples ou complexes
Interroger un web service

Pré-requis à la formation

Connaître un langage de programmation
Avoir les bases en HTML et CSS

Programme

Première partie

Environnement de développement et outils

Introduction
Le langage Javascript
Les logiciels (VS Code de Microsoft, WebStorm de JetBrain)
EditorConfig pour travailler en équipe

Rappels sur JavaScript

Comprendre les closures
Notion de prototypes avec Javascript et la POO
[removed] ES6, ES7, ES8, ES9, ES10, ES11, ESNext

Code asynchrone

Les callbacks et les boucles d’événements
Le contexte et le mot-clé this en asynchrone
Fonctionnement des callbacks Hell, Promise, async/await
Introduction sur les Observable en utilisant RxJS
Utiliser zone.js pour intercepter des callbacks Asynchrone

Pourquoi utiliser TypeScript

Un langage open-source par Microsoft
Un surensemble de Javascript
Le Typage statique, les Interfaces, les décorateurs
Des comportements différents

Seconde partie

Outils nécessaires pour Angular

Le générateur webpack
Serveur web avec Live Server
Rafraîchissement des données avec Hot Reloading
Analyseur de code ESLint et TSLint
La ligne de commande avec Angular CLI

Présentation Angular

Arborescence et fichiers générés par Angular CLI
Comprendre les modules NgModules
Intérêt des Components / Metadata
Utilisation de Templates et du Data binding
Les Directives et Pipes
Créer des Services
Utiliser l'Injection de Dépendance

Complément sur la structure de Template

Property binding, Interpolation et Event binding
Two way data binding
Manipuler : ngClass, ngStyle, ngModel
Directives : *ngIf, *ngFor, *ngSwitch
Références vers Element

La structure d’un composant

@Component versus Web Component
Communication : @Input et @Output
Les Hooks et le cycle de vie
Détecter les modifications

Troisième partie

Les modules

Modules JavaScript versus NgModules Angular
Imports, Exports, Declarations et Providers
Comprendre les Features Modules
CoreModule versus SharedModule

Les routes

Mise en place de Routes
Passer des paramètres dans des routes
Les routes enfants et router-outlet intégrés
Utilisation des Guards pour sécuriser les accès
Implémenter un Resolver
Configuration du Lazy-loaded modules

Les services

Mise en place de l'injection de dépendances
Providers, useClass, useFactory, useValue et useExisting
Créer un service global et/ou isolé
Structure des services

Requêtes HTTP(s)

Effectuer une requête
Interroger une API REST / JSON
Gérer les erreurs
Le cas des données dans un format non valide
Capturer les requêtes et les réponses associés
Arrêter une requête pour l'annuler

Quatrième partie

Les formulaires

Formulaires Réactifs versus Template Driven
Affichage des formulaires
Validation des données

Mise en place de tests

Les Tests Unitaires (Jasmine, Karma)
Les modules de Tests / Mocks
Utilisation de HttpClientTestingModule
Le Framework Protractor et les tests End-to-End

En complément

Créer des animations avec Angular
Comment réutiliser des composants entre différents projets
Bien gérer la migration entre différentes versions d’Angular
La création de directives et de Pipes
Platform-server : Server Side Rendering
La sécurité avec Angular
Gérer l'Internationalisation / i18n de votre projet

Notre organisme est certifié Qualiopi, gage de la qualité de nos services.
Vous pouvez télécharger notre certificat en suivant ce lien :
Téléchargez notre certificat Qualiopi

Informations supplémentaire sur la formation

Modalités pédagogiques

Nous favorisons un apprentissage avec des apports théoriques et des exercices sous forme de travaux pratiques (mise en situation, cas pratiques ...), contrôle continu et qcm pour favoriser l'apprentissage et atteindre les objectifs.

Modalités d'inscription

Inscription possible à tout moment, sous réserve de place disponible, en nous contactant au 0805 691 308. Un délai de rétractation de 14 jours s'applique.

Outils et supports

Nous précaunisons l'utilisation de votre propre ordinateur pour les formations qui ont lieu en présentiel et à distance. Un poste de travail est disponible pour les formations en présentiel. Le support de cours est transmis par le formateur.

Modalités de formation à distance

Les formations à distance se déroule en « classe virtuelle », avec un logiciel de visio-conférence, permettant de vous former dans toute la France depuis votre lieu de travail. Notre outils de visio-conférence favorise l'apprentissage avec des outils comme le partage de la caméra, partage d'écran, un tableau blanc, un espace de dialogue par message, la possibilité pour l'apprenant de « lever la main » pour interpeller le formateur, le partage de fichiers (cours, travaux pratiques ...) et l'enregistrement des sessions pour revoir le cours.

Modalités d'évaluation

Avant la formation
Un audit gratuit et sans engagement est établi notre formateur référent. Un test d'autopositionnement avant l'entrée en formation est envoyé.

Au cours de la formation
Travaux pratiques, mises en situation réel, quiz ... pour valider l'appropriation et la compréhension de chaque notion abordée en formation par les participants.

Après la formation
Une attestation de formation et un certificat de réalisation, reprenant l'ensemble des informations de la formation est remise aux stagiaires. Un certificat est remis au stagiaire après le passage de la certification.

Évaluation qualitative

En fin de formation un questionnaire de satisfaction est à remplir par le stagiaire pour nous permettre d'améliorer notre offre.

Modalités particulières

Nous adaptons les outils et réseaux nécessaires afin d'accueillir, accompagner et former les publics en situation de handicap. avec une adaptation possible du rythme pédagogique et des modalités d'évaluation.Renseignez-vous auprès de la personne référente : Mickael Masset au téléphone 01 83 64 34 37.

Autres formations qui pourraient vous intéresser