Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Plan du cours
Introduction
- Qu'est-ce que Angular ?
- Angular vs React vs Vue
- Aperçu des fonctionnalités et de l'architecture de Angular 16
- Mise en place de l'environnement de développement
Commencer à développer
- Création d'un nouveau projet Angular 16 à l'aide de l'interface CLI Angular.
- Explorer la structure et les fichiers du projet
- Exécuter et servir l'application
- Affichage des données à l'aide de l'interpolation et des expressions
Les composants
- Comprendre le rôle des composants dans Angular 16
- Créer et utiliser des composants
- Transmettre des données entre composants à l'aide d'entrées et de sorties
- Utiliser les crochets de cycle de vie des composants
Directives
- Comprendre la différence entre les directives structurelles et les directives d'attributs
- Créer et utiliser des directives intégrées telles que ngIf, ngFor, ngSwitch, etc.
- Créer et utiliser des directives personnalisées
Les tuyaux
- Comprendre l'utilité des tuyaux dans Angular 16
- Créer et utiliser des tuyaux intégrés tels que date, currency, json, etc.
- Créer et utiliser des tuyaux personnalisés
Services
- Comprendre le rôle des services en Angular 16
- Créer et utiliser des services
- Injecter des dépendances à l'aide de fournisseurs
Les modules
- Comprendre le rôle des modules en Angular 16
- Créer et utiliser des modules
- Importer et exporter des modules
Liaison de données
- Comprendre la différence entre la liaison de données unidirectionnelle et bidirectionnelle
- Créer et utiliser la liaison de propriétés, la liaison d'événements et la syntaxe "banane dans une boîte".
- Utilisation de variables de référence de modèle
Routage
- Comprendre le rôle du routage dans Angular 16
- Créer et configurer des itinéraires
- Navigation entre les itinéraires à l'aide de routerLink et de router.navigate
- Utilisation des paramètres d'itinéraire, des paramètres de requête et des fragments
Formes
- Comprendre la différence entre les formulaires basés sur des modèles et les formulaires réactifs
- Créer et valider des formulaires en utilisant des contrôles de formulaires, des groupes de formulaires, des tableaux de formulaires, etc.
- Utiliser les validateurs intégrés tels que required, minLength, maxLength, etc.
- Création et utilisation de validateurs personnalisés
Client HTTP
- Comprendre le rôle du client HTTP dans Angular 16
- Créer et utiliser des requêtes HTTP pour communiquer avec des services backend
- Utiliser des observables pour gérer des flux de données asynchrones
- Utilisation d'intercepteurs pour modifier ou traiter les requêtes ou les réponses HTTP
Débogage
- Comprendre les erreurs et les bogues courants dans les applications Angular 16
- Utiliser Chrome DevTools pour inspecter les éléments, les sources, le réseau, la console, etc.
- Utiliser des points d'arrêt, des expressions de surveillance, la pile d'appels, etc. pour déboguer le code
Tests
- Comprendre l'importance des tests dans les applications Angular 16
- Utiliser Jest comme cadre de test alternatif
- Utiliser Karma comme gestionnaire de tests pour les tests unitaires
- Utiliser Protractor comme outil de test de bout en bout
Résumé et prochaines étapes
Pré requis
- Une compréhension de HTML, CSS et JavaScript
- Expérience avec TypeScript et RxJS
- Expérience du développement web
Public
- Les développeurs qui souhaitent apprendre à utiliser Angular 16 pour créer des applications web dynamiques et réactives.
- Développeurs souhaitant mettre à jour leurs compétences par rapport aux versions précédentes de Angular.
- Les programmeurs qui souhaitent découvrir les nouvelles fonctionnalités et les mises à jour de Angular 16
28 heures
Nos Clients témoignent (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Formation - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Formation - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Formation - Building Web Apps using the MEAN stack
J'ai aimé vos blagues
Dermot - Griffiths & Armour
Formation - Angular 2 Fundamentals
Traduction automatique
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Formation - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Analyse pas à pas. Chaque ligne de code est expliquée. Chaque problème que j'ai rencontré pendant le cours a été résolu avec succès et Łukasz m'en a donné la raison. J'ai également apprécié les bonnes pratiques qui ont été présentées. Je n'ai jamais été convaincu par le style TDD - je ne le trouve tout simplement pas utile et il ne vaut pas la peine d'y consacrer du temps. Łukasz a souligné tant d'avantages du TDD qu'il a complètement changé mon opinion.
Michał Uściński - Devapo Sp. z o. o.
Formation - Testing Angular Applications
Traduction automatique
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Formation - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Formation - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Formation - Angular 6
Good examples and interactive course !
