Angular 17 à Partir de Zéro
Angular 17 à Partir de Zéro
Construire une application de ventes avec Angular. Maintenant avec Angular 17 !
À propos du livre
pprendre Angular en construisant une application de ventes
Le principal objectif de ce livre est d'enseigner le framework Angular en créant un système de ventes contenant une variété d'écrans et de fonctionnalités. Au lieu de montrer uniquement la théorie du framework, qui peut être facilement consultée dans sa documentation excellente, nous commençons déjà le développement du système.
Ce livre a été entièrement réécrit pour la version 17. Si vous avez acheté la version 14 de ce livre, veuillez la télécharger à nouveau.
Ce que vous apprendrez
- Comment utiliser les générateurs Angular pour créer des applications, des composants, des modules, etc.
- Ajouter Angular Material à l'application, et utiliser des composants comme Material Card, Material Table, et d'autres.
- Utiliser Flex Box pour créer des formulaires réactifs et prêts pour mobile
- Apprendre comment accéder à l'API de la bonne manière, en utilisant Typescript et en travaillant avec des objets typés.
- Apprendre de nouvelles directives Angular, @if, @for
- Apprendre comment passer des données entre composants avec @Input() et @Output()
- Apprendre comment créer des modules et découper votre application de la bonne manière
- Apprendre des techniques de création de composants distinctives
- Apprendre comment déployer sur les pages github
- Apprendre comment utiliser les variables d'environnement
- Apprendre comment créer des composants Angular prêts à l'emploi
- Apprendre comment utiliser les Classes Observable
- Apprendre comment utiliser les Services pour gérer l'état
- Le code source peut être trouvé ici.
Table des matières
-
1 Introduction
- 1.1 À propos de la PIRATERIE
- 1.2 Support
- 1.3 Code Source
- 1.4 Installation
- 1.5 Le Backend (serveur)
-
2 Bonjour Angular
- 2.1 Installation
- 2.2 Créer un espace de travail et une application initiale
- 2.3 Les outils de développement Angular
- 2.4 Le Matériel Angular
- 2.5 Il est temps de commettre le projet (facultatif)
- 2.6 Ajoutons un dépôt distant (facultatif)
- 2.7 Ouvrons le projet dans Visual Studio Code
- 2.8 Et le Module ?
-
3 Le Début
- 3.1 Nettoyons !
- 3.2 Les Composants Matériel
- 3.3 Ajout de Schémas
- 3.4 Ajout d’une Navigation dans votre Application
- 3.5 Ajout du composant Home à App
- 3.6 Modification de Home
- 3.7 Composants
- 3.8 Typescript et Interfaces
- 3.9 Composant Catégories
- 3.10 Routes
- 3.11 Création d’un tableau de bord
-
4 Catégories
- 4.1 La Carte Angular Material
- 4.2 Ajout d’un Style Css Global
- 4.3 Plus de styles de marge/espacement (optionnel)
- 4.4 Obtenir des données de l’API Catégorie
- 4.5 Configurer HttpClient
- 4.6 Services
- 4.7 Le Service Catégorie
- 4.8 Première Version de la Méthode GetAll()
- 4.9 Variables d’environnement
- 4.10 Définition du type de retour de l’API
- 4.11 Version Finale de la Méthode GetAll()
- 4.12 Utilisation du MatTable pour Afficher les Catégories
- 4.13 Ajout de la Colonne Description
- 4.14 Nouvelle Catégorie
- 4.15 Créer un Formulaire de Catégorie
- 4.16 Création d’un formulaire de catégorie
- 4.17 Création d’un formulaire réactif
- 4.18 Ajout du champ Description
- 4.19 Création de formulaires responsives : la mise en page CSS FlexBox
- 4.20 Validation
- 4.21 Configuration des messages d’erreur
- 4.22 Soumettre le formulaire
- 4.23 Revue de Quelques Modèles Angular
- 4.24 Contrôler la Visibilité du Formulaire
- 4.25 Création d’un Bouton Retour Sur le Formulaire
- 4.26 Liaison d’Événement
- 4.27 Passer les données du formulaire à travers des événements
- 4.28 Conversion de Type
- 4.29 Enregistrer la Catégorie
- 4.30 Modifier la Catégorie
- 4.31 Corriger un Petit Bug
- 4.32 Suppression d’une catégorie
- 4.33 Ce que nous avons appris dans ce chapitre
- 4.34 Différences entre Angular 14..15..16
-
5 Catégories de Refactoring
- 5.1 Ajout d’un Chargement Pendant la Requête au Serveur
- 5.2 Comment Voir le Chargement en Action
- 5.3 Ignorer les Tests et la Création de Fichier Css dans le Fichier de Configuration Angular.json
- 5.4 Il est Temps de Déployer ! (optionnel)
- 5.5 Le “Module Material”
-
6 Fournisseur
- 6.1 Créer les Composants des Fournisseurs
- 6.2 Utilisation des Routes et Sous-routes
- 6.3 DTO du fournisseur
- 6.4 Service des Fournisseurs
- 6.5 Lister les Fournisseurs
- 6.6 Création d’un Nouveau Composant
- 6.7 Afficher un Message Si @for est Vide
- 6.8 Configuration des Routes
- 6.9 Affichage d’un Fournisseur
- 6.10 Formulaire du fournisseur
- 6.11 Ajout du formulaire dans le composant SuppliersEditComponent
- 6.12 Supprimer le fournisseur
- 6.13 Nouveau Fournisseur
- 6.14 Conclusion
-
7 Produits
- 7.1 Fichiers Initiaux
- 7.2 Le Service Produits
- 7.3 Liste des Produits
- 7.4 Ajouter un Produit au Panier
- 7.5 Le bouton “Ajouter au Panier”
- 7.6 Création de l’icône du panier
- 7.7 Ajouter une page de paiement
- 8 Mises à jour à l’avenir
La garantie satisfaction de 60 jours à 100% de Leanpub
Dans les 60 jours suivant l'achat, vous pouvez obtenir un remboursement à 100% sur tout achat Leanpub, en deux clics.
Techniquement, c'est risqué pour nous, puisque vous aurez les fichiers du livre ou du cours dans tous les cas. Mais nous avons tellement confiance en nos produits et services, ainsi qu'en nos auteurs et lecteurs, que nous sommes heureux d'offrir une garantie de remboursement intégral pour tout ce que nous vendons.
Vous ne pouvez découvrir la qualité de quelque chose qu'en l'essayant, et grâce à notre garantie de remboursement à 100%, il n'y a littéralement aucun risque à le faire !
Alors, il n'y a aucune raison de ne pas cliquer sur le bouton Ajouter au panier, n'est-ce pas ?
Voir les conditions complètes...
Gagnez 8 $ sur un achat de 10 $, et 16 $ sur un achat de 20 $
Nous versons des redevances de 80 % sur les achats de 7,99 $ ou plus, et 80 % de redevances moins des frais fixes de 50 cents sur les achats entre 0,99 $ et 7,98 $. Vous gagnez 8 $ sur une vente de 10 $, et 16 $ sur une vente de 20 $. Ainsi, si nous vendons 5000 exemplaires non remboursés de votre livre à 20 $, vous gagnerez 80 000 $.
(Oui, certains auteurs ont déjà gagné beaucoup plus que cela sur Leanpub.)
En fait, les auteurs ont gagnéplus de 14 millions de dollars en écrivant, publiant et vendant sur Leanpub.
En savoir plus sur l'écriture sur Leanpub
Mises à jour gratuites. Sans DRM.
Si vous achetez un livre Leanpub, vous bénéficiez de mises à jour gratuites tant que l'auteur met à jour le livre ! De nombreux auteurs utilisent Leanpub pour publier leurs livres en cours de rédaction. Tous les lecteurs reçoivent des mises à jour gratuites, peu importe quand ils ont acheté le livre ou combien ils ont payé (même si c'était gratuit).
La plupart des livres Leanpub sont disponibles en PDF (pour ordinateurs) et en EPUB (pour téléphones, tablettes et Kindle). Les formats disponibles pour un livre sont indiqués dans le coin supérieur droit de cette page.
Enfin, les livres Leanpub n'ont aucune protection DRM absurde, vous pouvez donc les lire facilement sur n'importe quel appareil compatible.
En savoir plus sur les formats d'ebook Leanpub et où les lire