Plan du cours
Introduction
- Qu'est-ce qu'Angular ?
- Quelles sont les nouveautés de Angular 11 ?
Vue d'ensemble de Typescript et ES6 JavaScript
- Syntaxe TypeScript
- Utiliser le transpileur TypeScript
- Mise en place de Angular 11et Typescript
Vue d'ensemble des Angular 11'parties
- CLI Angular
- Composants
- Directives
- Entrées et sorties
- Liaison de données et interpolation
- Liaison d'événements
- Modélisation des données
- Bootstrapping
- Webpack expérimental
Création de votre première application Angular
- Planifier l'application
- Mise en place d'un projet Angular
- Créer une interface utilisateur adaptée au mobile en utilisant Bootstrap 4 et Sass.
Création d'un composant
- Comprendre le cycle de vie des composants
- Flux de données
- Utiliser des modèles et des styles
- Projeter du contenu
- Travailler avec AppModule
- Travailler avec des composants personnalisés
- Utilisation de l'encapsulation des vues
- Mise en œuvre des crochets de cycle de vie
- Utilisation des ViewChildren et ContentChildren
Liaison de données dans Angular 11
- Comprendre la liaison des propriétés et des événements
- Liaison et affectation d'alias à des propriétés personnalisées
- Liaison et affectation d'alias à des événements personnalisés
Travailler avec des directives
- Directives intégrées
- Directives personnalisées
Angular 11 Services
- Création d'un service de journalisation
- Création d'un service de données
Utilisation de l'injection de dépendance et des fournisseurs
- Injecteurs, fournisseurs et jetons
- Configuration de l'injection de dépendance
- Configuration du fournisseur
- Injecter des services dans les composants, les directives et les services
Changer de page avec le routage
- Comprendre les différentes méthodes de navigation
- Stratégies d'acheminement
- Mise en place des itinéraires
- Configuration et chargement des itinéraires
- Utilisation de paramètres dans les itinéraires
- Création de routes imbriquées
- Utilisation des itinéraires de redirection et des itinéraires génériques
- Comprendre les garde-route
Utiliser RxJS pour créer et travailler avec des observables dans Angular
- Aperçu des observables
- Vue d'ensemble RxJS
- Construire & ; Utiliser les Observables dans Angular
Générer des formulaires pour la saisie des données par l'utilisateur
- Utilisation des formulaires pilotés par des modèles
- Utilisation des formulaires Reactive
- Créer une validation personnalisée
- Valider, filtrer et assainir les données des formulaires
Utilisation de tuyaux
- Transformer la sortie
- Pipes intégrés
- Tuyau asynchrone
- Pipes personnalisés
Appeler des API HTTP externes
- Envoi de demandes
Test de l'application Angular 10
- Utilisation de Jasmine pour les tests unitaires
- Utilisation de Protractor pour les tests de bout en bout
Débogage de l'application
- Comprendre les messages d'erreur dans Angular
- Utiliser les Sourcemaps pour déboguer le code dans le navigateur
- Lire TypeScript les diagnostics du compilateur
- Utiliser Augury
Optimisation de la Angular 11 candidature
- Retravailler le code
- Réduction de la taille des paquets et élimination du code mort
Angular 11 Sécurité
- Fonctionnement de l'authentification
- Utiliser l'authentification JWT
- Ce qu'il faut et ne faut pas écrire en Angular
Déployer une Angular 11 application en production
- Déploiement vers IIS, Apache, Nginx, etc.
Angular 11 Meilleures pratiques
Dépannage
Résumé et conclusion
Pré requis
- Familiarité avec les principes de base de HTML, CSS et JavaScript .
Audience
- Développeurs
Nos clients témoignent (5)
La formation était très interactive et informative. Le formateur a été très patient avec nous lorsque nous ne comprenions pas quelque chose et a veillé à ce que personne ne soit laissé de côté tout au long de la formation.
Daniel - INIT Innovations in Transportation Ltd.
Formation - Angular 17
Traduction automatique
- J'aime vraiment le cours et le formateur est très accommodant et possède une grande expertise sur le sujet. Il ne faut juste pas que tous les sujets soient abordés pendant la formation de 4 jours.
Allan - Tribal Software Philippines Inc
Formation - Angular 14
Traduction automatique
J'ai aimé vos blagues
Dermot - Griffiths & Armour
Formation - Angular 2 Fundamentals
Traduction automatique
Exemples pratiques, exercices et meilleures pratiques
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Formation - Angular 10 for Developers
Traduction automatique
Canalisation Itinéraires liaison de données Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique