Développeur(se) frontend Angular
Maîtriser la création web, différenciez-vous avec le design graphique et animer ces contenus grâce au motion design.

DEBUT
10 novembre 2022
LE PRIX
75.000 XOF/mois
LA DUREE
7 mois
Programme détaillé
Objectifs pédagogiques
Niveau requis
Public concerné
Programme détaillé
Architecture, installation et premier test
- Architecture typique d’une application Angular
- Installation minimale d’Angular
- Test d’un code simple
TypeScript
- TypeScript : le JavaScript typé
- Les types, classes et modules
- L’asynchrone et les promesses
Rôle majeur des composants
- Définition d’un composant Angular
- Décorateurs
- Les vues
- Le modèle
Exemples de travaux pratiques (à titre indicatif)
- Création d’une application et analyse du code généré
Une première application Angular
- Démarrer « from scratch » avec Angular CLI
- Création d’un premier projet
Exemples de travaux pratiques (à titre indicatif)
- Avec Angular CLI, création d’une application et analyse du code généré, modification des composants
Les templates
- Utiliser l’interpolation
- Property et event bindings
- Utiliser des variables locales
- Utilisation des pipes
Les services
- Création de services
- Injection de services
Exemple de travaux pratiques (à titre indicatif)
- Travaux d’interpolation sur diverses zones d’affichage en relation avec les données métier alimentées via de services
Les formulaires
- Création de formulaires avec :
- Le FormsModule
- Le FormBuilder
- Validation et gestion des erreurs
Exemples de travaux pratiques (à titre indicatif)
- Ajout de formulaires d’affichage et de saisie en utilisant FormsModule et FormBuilder
Rôle de RxJS (Reactive extensions for JavaScript)
- Présentation des flux de données asynchrones
- Propagation des changements avec RxJS
Travail avec HTTP
- Le service HTTP
- Communication avec une API en asynchrone
Exemples de travaux pratiques (à titre indicatif)
- Appel asynchrone à des API externes, intégration à un service Angular
Le routage
- Les différentes versions du module de routage
- Fonctionnement du routage
- Configurer des routes et utiliser les directives
Exemple de travaux pratiques (à titre indicatif)
- Ajout des tables de routage dans l’application Angular
Les PWA (Progressive Web Apps)
- Présentation des Progressive Web Apps
- Notion de Service Worker
- Implémentation d’une PWA avec Angular
Les tests
- Présentation de Jasmine et Karma
Exemple de travaux pratiques (à titre indicatif)
- Utilisation d’un outil de test
Le nouveau moteur Ivy
- Rappel sur le fonctionnement des zones et le rôle des modules
- Son rôle dans une application Angular (JIT vs AOT)
- Son impact sur :
- Les performances et la génération de bundle
- Les tests
- Amélioration du debugging
i18n et a11y
- Gestion de l’internationalisation
- Gestion de l’accessibilité
- Le pipe i18n
- Le fonctionnement de l’internationalisation avec Ivy
Utilisation avancée des routes
- Les routes
- Secondaires
- Relatives
- Les Guards
- Chargement asynchrone
Détection de changement
- Comprendre le fonctionnement de « Change Detection Strategy »
- Améliorer les performances d’une application Angular
- Déclencher la détection de changement
NgRx
- Rappel NgRx (store, state, actions et effets)
- Utilisation des routes avec le router-store
- Utilisation des meta-reducers
- Tester une application NgRx
Angular Universal
- Angular côté serveur
- Configuration d’un serveur pour effectuer le rendering
- Gestion des pages statiques et dynamiques
Certification (en option)
- Prévoir l’achat de la certification en supplément
- L’examen (en français) sera passé le dernier jour, à l’issue de la formation et s’effectuera en ligne
- Il s’agit d’un QCM dont la durée moyenne est d’1h30 et dont le score obtenu attestera d’un niveau de compétence
- La certification n’est plus éligible au CPF depuis le 31/12/2021, mais permettra néanmoins de valider vos acquis
Le contenu de ce programme peut faire l’objet d’adaptation selon les niveaux, prérequis et besoins des apprenants.
Objectifs pédagogiques
Objectifs pédagogiques / Compétences visées
- Utiliser la version 13 du Framework Angular
- Développer et tester complètement une application
- Appliquer les bonnes pratiques de développement.
- Définir le Framework Angular, de manière approfondie.
Niveau requis
Connaître des langages Web comme HTML, CSS et JavaScript.
Public concerné
Développeurs et chefs de projets.