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 17
- Mise en place de l'environnement de développement
Pour commencer
- Création d'un nouveau projet Angular 17 à 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 17
- 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 17
- 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 17
- Créer et utiliser des services
- Injecter des dépendances à l'aide de fournisseurs
Modules
- Comprendre le rôle des modules en Angular 17
- 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 17
- 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
Formulaires
- 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 des 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 17
- 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 gérer les requêtes ou les réponses HTTP
Nouveau flux de contrôle déclaratif
- Explication de la syntaxe du nouveau modèle de bloc de contrôle et de la manière dont elle simplifie les tâches courantes telles que le rendu conditionnel, le bouclage et la gestion des collections vides.
- Donner des exemples d'utilisation des nouveaux blocs, tels que @if, @else, @switch, @case, @default, @for et @empty
- Comparer la nouvelle syntaxe avec la précédente, comme *ngIf, *ngSwitch et *ngFor
- Mentionner comment les nouveaux blocs de contrôle prennent en charge les applications sans zone avec des signaux.
Blocs de chargement différé
- Explication du concept de chargement différé et de la manière dont il peut améliorer les performances et l'expérience utilisateur des applications web
- Présenter le nouveau bloc de contrôle @defer qui permet le chargement paresseux du contenu du bloc et de ses dépendances
- Donner des exemples d'utilisation du bloc @defer pour différents scénarios, tels que le chargement de composants, de directives, de tuyaux, d'animations et de styles
- Mentionner comment le bloc @defer fonctionne avec la nouvelle API de transitions de vue
API des transitions de vue
- Explication de l'objectif et des avantages de l'API de transitions de vues, qui permet aux développeurs de personnaliser les animations et les transitions entre les vues.
- Présenter la nouvelle directive withViewTransitions qui permet d'utiliser l'API de transitions de vues
- Donner des exemples d'utilisation de la directive withViewTransitions avec différents types de transition, tels que fade, slide, zoom et flip
- Mentionner comment l'API de transitions d'affichage fonctionne avec le routeur Angular et l'historique du navigateur.
Autres fonctionnalités et améliorations
- Résumer brièvement certaines des autres fonctionnalités et améliorations offertes par Angular 17, telles que :
- Prise en charge de la transmission de @Component.styles sous la forme d'une chaîne de caractères
- Le code des animations de Angular est téléchargeable paresseusement
- Prise en charge de TypeScript 5.2
- L'API de base des signaux est désormais stable
- Le support de la Node.js v16 a été supprimé et la version minimum supportée est la v18.13.0
- Esbuild sera le constructeur par défaut et le serveur de développement par défaut utilisera Vite.
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 17 pour créer des applications web dynamiques et réactives.
- Les développeurs qui souhaitent améliorer leurs compétences par rapport aux versions précédentes de Angular.
- Les programmeurs qui souhaitent découvrir les nouvelles fonctionnalités et les améliorations de Angular 17
28 heures
Nos Clients témoignent (10)
Good examples and interactive course !
Ioannis Fotinis - National geografisch instituut
Formation - Angular 7
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!
