Développement Front-End
Angular
Objectif
Comprendre le fonctionnement du framework Angular, des applications type Single Page. Etre capable de créer et maintenir des applications Angular, connaître les bonnes pratiques.
Connaissances de base du développement, du langage JavaScript, notions AJAX.
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Architectes, développeurs et chefs de projets Web.
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme de la formation
Vue d'ensemble d'Angular
- Présentation du Framework
- Angular vs AngularJS
- Présentation de Typescript
- NodeJS et NPM
- Bien démarrer avec la CLI Angular
Architecture Angular
- Les différents types de NgModules : features, core
- Les différents types de composants : pages, présentations
- Fichiers de configurations
- Modules, import, export et provider
- Intégration de librairie externe CSS ou JavaScript
- Scripts et outils de construction/packaging
Composants
- Comprendre les Web Components
- Présentation des composants
- Création d'un composant
- Les templates
- Les expressions
- La classe du composant
- Le style des composants
Directives
- Directive : fonctionnement et création
- Les directives fournies par Angular
- Attribute directives
- Structural directives
- Directives complexes
Pipes
- Définition
- Les pipes standards (lowercase, uppercase, currency, decimal,...)
- Le pipe key-value
- Créer son propre pipe
Data-binding
- One-way data bindings
- Expressions
- Two-way data bindings avec ngModel
- Template syntax
- Template reference variable
Formulaires
- Lier le formulaire au modèle
- Valider les champs
- Gérer les erreurs
- Regroupement d’items
- Création de formulaire dynamique (ReactiveForm)
Gestion d’événements
- Event binding
- Types d’événement et handlers
Routing
- Concepts de routage
- Configuration des routes
- Module Router
- Méthodes de routage et paramètres
Services
- Injections de dépendances
- Créer des services injectables
- Structurer ses services
Communication avec le serveur
- Requêtes HTTP
- Communication avec une API
- Afficher des données externes
- Programmation réactive pour manipuler la requête
- Filtrer et transformer les données avec RxJS
- Transformation des données et observables
Pour aller plus loin
- Animations
- Injection de dépendances avancée (IoC)
- Introduction aux tests
- Introduction aux PWA