Formation Angular (mise à jour Angular 13), le framework Javascript de Google

Apprenez à exploiter le Framework Angular pour créer des applications web et mobile.

28 heures | 4 jours
Débutant
Dernière mise à jour : 01/2022
Formation Angular (mise à jour Angular 13), le framework Javascript de Google

logo qualiopi
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
Formation Javascript
Dernière mise à jour : 01/2023
1890 € HT
Formation Node.js, le javascript côté serveur
Dernière mise à jour : 01/2020
2490 € HT
Formation Vue.JS 2, le Framework JavaScript
Dernière mise à jour : 10/2020
1790 € HT
Formation ReactJS, créer des applications web
Dernière mise à jour : 04/2019
1890 € HT