Public : Développeurs Javascript
Durée : 5 jour(s)
Pré-requis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
Objectifs : Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT100483-F
Taux de satisfaction : 4,78 / 5
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
2 645,00 CHF HT
Présentation de l'environnement de développement NodeJS
Présenation de la CLI Angular
Rappel des normes EcmaScript
Créer un projet Angular à l'aide d'angular CLI
Atelier : Configurer un projet Angular
Présentation de TypeScript
Les types de variables de TS
Le typage fort
Les interfaces de classe
Présentation des décorateurs
La Syntaxe de base d'Angular
L'organisation en Module et Composant
Les décorateurs Angular
Le MVVM / MVW
Le One Way et Two Way Data Binding
L'opérateur "moustache"
La gestion des Events et l'objet $event
Les NgModel
Les variables de template
Atelier : Réaliser une TodoList
Le Module de Routage
Déclarer les routes d'un projet
Gérer les redirections
La route par défaut
Récupérer les paramètres d'url, les query-strings, etc
Limiter l'accès au route: Les guards
Routes imbriquées
Atelier : Mettre en place une application multi-vues
Présentation des pipes «|»
Utiliser le safeOperator «?.»
Importer des locales dans notre projet
Définir une locales par default
Utiliser les locales avec les filtres
Créer des pipes personnalisés
Les pipes pures et impures
Atelier: Créer un pipe personnalisé
Différence entre directives d'attributs et structurelles
Les directives ngFor, ngIf, ngSwitch, ngClass, ngStyle
Utiliser les attributs ARIA (directive attr.*)
Créer une directive personnalisée
Transmettre des valeurs à une directive (@input)
Gérer les événements dans une directive
Atelier: Créer une directive personnalisé
Présentation des formulaires
Les Templates Driven Form et Reactive Form
Gérer la validations des champs et du formulaire
Présentation des états d'un formulaire (ngControl)
Valider les formulaires (ngSubmit)
Créer des validateurs personnalisés
Atelier : Gestion des entrées utilisateurs
Principes de DI
Configurer l'injecteur
Enregistrer des services dans un composant
Création de l'injecteur
Différents types de service: classe, valeur, fabrique...
Atelier : Architecturer notre application sous forme d'une organisation de services
Principe de communication asynchrone
Fonctionnement des promesses et async/await
Présentation des Observables RxJS
Le Module HttpClientModule
Communiquer avec une API REST (http.get, http.post, etc)
Appliquer des fonctions de callback
Gestion des erreurs
Typage les données retournées
Atelier : Mettre en place un client d'API ReST
Les commandes de compilation
Les modes de compilation
Les compilations AOT et JIT
Gestion du base href
Les règles de réécriture
Atelier : Compiler un projet pour la publication
Dans ce cours nous apprenons les bases de la création d'application web à l'aide du framework JavaScript Angular. Application de filtre, routage, formulaire, requête asynchrone.
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Distance | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Distance | Du 10/02/2025 au 14/02/2025 | S'inscrire | |
| Distance | Du 31/03/2025 au 04/04/2025 | S'inscrire | |
| Distance | Du 30/06/2025 au 04/07/2025 | S'inscrire | |
| Distance | Du 29/09/2025 au 03/10/2025 | S'inscrire | |
| Distance | Du 01/12/2025 au 05/12/2025 | S'inscrire | |
| Genève | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Genève | Du 17/02/2025 au 21/02/2025 | S'inscrire | |
| Genève | Du 02/06/2025 au 06/06/2025 | S'inscrire | |
| Genève | Du 01/09/2025 au 05/09/2025 | S'inscrire | |
| Genève | Du 24/11/2025 au 28/11/2025 | S'inscrire |