Formation Angular – Les Fondamentaux

Programme Angular Initiation

INTRODUCTION

• ES2022, le nouveau JavaScript
• ES2022 et les modules
• TypeScript : le typage du JavaScript

LES BASES DU FRAMEWORK

• Comprendre la philosophie du framework
• Templating
• Angular CLI, un outil pour tout générer
• TP : Première application et outillage

COMPOSANT

• Web Components
• Décorateurs Angular
• Property binding, lire des données depuis le composant
• Event binding, événements personnalisés
• Cycle de vie
• TP : Premier composant

DIRECTIVES

• Directive : fonctionnement et création
• Les directives fournies par Angular
• Attribute directives
• Structural directives
• Directives complexes
• TP : Première directive

MODULES

• Déclarations d’un module : imports et exports
• Les providers d’un module
• Introduction à « forRoot » et « forChild »
• TP : créer un module, l’exporter et le réutiliser

PIPES

• Les transformateurs fournis
• Formater une chaîne
• Formater des collections
• Utiliser un pipe comme un service
• TP : Créer ses propres pipes

SERVICES

• Les services fournis
• Injection de service
• TP : Injecter les services fournis par Angular

INJECTION DE DÉPENDANCES (IOC)

• Principes
• Configurer son application
• L’injection de dépendances : type-based et hiérarchique
• Différents types de providers
• TP : Créer ses propres services

ROUTER

• RouterModule: Configuration des routes et URLs
• Définitions des routes, liens et redirection, paramètres
• Hiérarchies de routes
• Vues imbriquées
• Cycle de vie (Routing lifecycle)
• TP : Transformer une application Web en Single Page Application

OBSERVABLES

• Introduction à RxJS
• Le concept d’Observable
• Les principaux opérateurs
• Lien avec les promesses
• TP : premier pas avec RXJS

ÉCHANGER AVEC UN SERVEUR

• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe
• TP : récupérer et afficher des données à partir d’une API REST distance

FORMULAIRE

• Créer un formulaire
• Template-driven forms
• ngModel
• Reactive forms
• Validation et erreurs
• Observateurs
• TP : Créer ses propres validateurs, envoyer une requête POST

PERFORMANCE

• Astuces, bonnes pratiques & outils
• Découverte des différentes stratégies de compilation
• TP : Tester la performance

TP Final et API de Spotify

Avoir des bases en web, HTML, JS et CSS

Pas de certification.

À la fin de cette formation Angular, les participants seront en mesure de :

1. Utiliser les fonctionnalités les plus récentes d’ES2022 et TypeScript pour développer des applications Angular modernes.
2. Créer et gérer efficacement des composants, directives et modules dans leurs projets Angular.
3. Configurer et gérer le routing pour créer des applications web à navigation fluide.
4. Implémenter des services et communiquer avec un serveur backend pour créer des applications Angular complètes et interactives.

Formation en digital-learning, 100% en ligne, formée de vidéos, de quiz, de lectures et contenus complémentaires, d’un forum et selon les cas, de webinaires.

Skills4All est un certificateur et organisme de formation en digital learning, qui vous prépare aux certifications les plus reconnues sur le marché : PMI, AXELOS, IASSC, DevOps Institute, PEOPLECERT, GASQ, CFTL, BESTCERTIFS, dans les domaines de la cybersécurité, de l’IT, la data, l’IA, l’agilité, Scrum, Prince2, Lean Six Sigma, Gestion de projet et bien plus encore.

Avec nous, c’est quand vous voulez, où vous voulez, 24/7/365, à votre rythme.

Nous proposons des formations certifiantes, éligibles au CPF et reconnues dans le monde entier.

Skills4All est accrédité par le COFRAC (Comité Français d’Accréditation) en tant que certificateur dans le domaine de la sécurité de l’information : nos certifications sont les meilleures du marché et répondent à la norme ISO 17024, la plus exigeante aujourd’hui. Obtenir une certification Skills4All ou BestCertifs aujourd’hui c’est le gage d’une reconnaissance forte du marché qui valorisera vos compétences.