Angular 17 von Grund Auf
Angular 17 von Grund Auf
Erstellen Sie eine Verkaufs-App mit Angular. Jetzt mit Angular 17!
Über das Buch
Das Hauptziel dieses Buches ist es, das Angular-Framework zu lehren, indem ein Verkaufssystem mit einer Vielzahl von Bildschirmen und Funktionen erstellt wird. Anstatt nur die Theorie des Frameworks zu zeigen, die leicht aus seiner ausgezeichneten Dokumentation abgerufen werden kann, beginnen wir bereits mit der Entwicklung des Systems.
Dieses Buch wurde komplett für die Version 17 neu geschrieben. Wenn Sie die Version 14 dieses Buches gekauft haben, laden Sie es bitte erneut herunter.
Was Sie lernen werden
- Wie man Angular-Generatoren verwendet, um Anwendungen, Komponenten, Module usw. zu erstellen.
- Fügen Sie Angular Material zur Anwendung hinzu und verwenden Sie Komponenten wie Material Card, Material Table und andere.
- Verwenden Sie Flex Box, um responsive und mobilfertige Formulare zu erstellen
- Lernen Sie, wie Sie auf die richtige Weise auf die API zugreifen, indem Sie Typescript verwenden und mit typisierten Objekten arbeiten.
- Lernen Sie neue Angular-Direktiven, @if, @for
- Lernen Sie, wie Sie Daten mit @Input() und @Output() zwischen Komponenten übergeben
- Lernen Sie, wie Sie Module erstellen und Ihre Anwendung auf die richtige Weise aufteilen
- Lernen Sie unterschiedliche Techniken zur Erstellung von Komponenten
- Lernen Sie, wie Sie auf GitHub-Seiten deployen
- Lernen Sie, wie Sie Umgebungsvariablen verwenden
- Lernen Sie, wie Sie fertige Angular-Komponenten erstellen
- Lernen Sie, wie Sie Observable Classes verwenden
- Lernen Sie, wie Sie Services verwenden, um den Zustand zu verwalten
- Der Quellcode kann hier gefunden werden.
Über den Autor
Inhaltsverzeichnis
-
1 Einführung
- 1.1 Über PIRATERIE
- 1.2 Unterstützung
- 1.3 Quellcode
-
1.4 Installation
- Visual Studio Code Erweiterungen
- 1.5 Das Backend (Server)
-
2 Hallo Angular
- 2.1 Installation
- 2.2 Arbeitsbereich und erste Anwendung erstellen
- 2.3 Die Angular Dev Tools
- 2.4 Das Angular Material
- 2.5 Es ist Zeit, das Projekt zu committen (optional)
- 2.6 Fügen wir ein Remote-Repository hinzu (optional)
- 2.7 Öffnen wir das Projekt in Visual Studio Code
- 2.8 Was ist mit dem Modul?
-
3 Der Anfang
- 3.1 Aufgeräumt!
- 3.2 Die Material-Komponenten
- 3.3 Hinzufügen von Schematics
- 3.4 Hinzufügen einer Navigation in Ihrer Anwendung
- 3.5 Hinzufügen der Home-Komponente zu App
- 3.6 Ändern des Home
- 3.7 Komponenten
- 3.8 Typescript und Schnittstellen
- 3.9 Kategorien Komponente
- 3.10 Routen
- 3.11 Ein Dashboard erstellen
-
4 Kategorien
- 4.1 Die Angular Material Karte
- 4.2 Hinzufügen eines globalen CSS-Stils
- 4.3 Mehr Rand-/Abstandsstile (optional)
- 4.4 Daten von der Kategorie-API abrufen
- 4.5 HttpClient konfigurieren
- 4.6 Dienste
- 4.7 Der Kategorie-Service
- 4.8 Erste Version der GetAll()-Methode
- 4.9 Umgebungsvariablen
- 4.10 Einstellen des API-Rückgabetyps
- 4.11 Endversion der GetAll()-Methode
- 4.12 Verwenden des MatTable zur Anzeige von Kategorien
- 4.13 Hinzufügen der Beschreibungsspalte
- 4.14 Neue Kategorie
- 4.15 Ein Kategorieformular erstellen
- 4.16 Erstellen eines Kategorie-Formulars
- 4.17 Erstellen eines Reaktiven Formulars
- 4.18 Hinzufügen des Beschreibungsfeldes
- 4.19 Responsive Formulare erstellen: das CSS FlexBox Layout
- 4.20 Validierung
- 4.21 Einrichten von Fehlermeldungen
- 4.22 Formular absenden
- 4.23 Einige Angular-Muster überprüfen
- 4.24 Die Sichtbarkeit des Formulars steuern
- 4.25 Erstellen eines Zurück-Buttons im Formular
- 4.26 Ereignisbindung
- 4.27 Formulardaten durch Ereignisse übergeben
- 4.28 Typumwandlung
- 4.29 Speichern der Kategorie
- 4.30 Bearbeiten der Kategorie
- 4.31 Einen kleinen Fehler beheben
- 4.32 Löschen einer Kategorie
- 4.33 Was wir in diesem Kapitel gelernt haben
- 4.34 Unterschiede von Angular 14..15..16
-
5 Kategorien Refaktorisieren
- 5.1 Laden Hinzufügen Während Der Serveranfrage
- 5.2 Wie man das Laden in Aktion sieht
- 5.3 Testüberspringungen und CSS-Dateierstellung in der Angular.json-Konfigurationsdatei
- 5.4 Es ist Zeit zu deployen! (optional)
- 5.5 Das “Material Modul”
-
6 Lieferant
- 6.1 Erstellen Sie die Lieferantenkomponenten
- 6.2 Verwendung von Routen und Unterseiten
- 6.3 Lieferant DTO
- 6.4 Lieferanten Service
- 6.5 Lieferanten auflisten
- 6.6 Erstellen einer neuen Komponente
- 6.7 Eine Nachricht anzeigen, wenn @for leer ist
- 6.8 Routen konfigurieren
- 6.9 Einen Lieferanten anzeigen
- 6.10 Einen Lieferanten bearbeiten
- 6.11 Lieferantenformular
- 6.12 Das Formular im SuppliersEditComponent hinzufügen
- 6.13 Lieferanten löschen
- 6.14 Neuer Lieferant
- 6.15 Schlussfolgerung
-
7 Produkte
- 7.1 Anfangsdateien
- 7.2 Der Produktservice
- 7.3 Produktliste
- 7.4 Produkt zum Warenkorb hinzufügen
- 7.5 Der “In den Warenkorb” Button
- 7.6 Erstellen des Warenkorb-Icons
- 7.7 Eine Checkout-Seite hinzufügen
-
8 Dynamisches Laden von Dateien und Komponenten
-
8.1 Aufschiebbare Ansichten
- Beispiel
- Extrahieren der Komponente
- @defer verwenden
- @viewport, @placeholder und @loading verwenden
- 8.2 Strategien, um die Anwendung noch kleiner zu machen
-
8.1 Aufschiebbare Ansichten
- 9 Zukünftige Aktualisierungen
Die bedingungslose Leanpub Garantie: Kein Risiko, 100% Zufriedenheit
Innerhalb von 60 Tagen ab Kauf kannst du dein Geld zu 100% zurückverlangen, bei jedem Leanpub-Kauf, in nur zwei Klicks. Wir bearbeiten die Erstattungen manuell, daher dauert es ein paar Tage, bis der Betrag ankommt.
Lese die kompletten Bedingungen.
Verdienen Sie $8 bei einem Kauf von $10 und $16 bei einem Kauf von $20
Wir zahlen 80% Tantiemen bei Käufen von $7,99 oder mehr und 80% Tantiemen abzüglich einer Pauschalgebühr von 50 Cent bei Käufen zwischen $0,99 und $7,98. Sie verdienen $8 bei einem Verkauf von $10 und $16 bei einem Verkauf von $20. Wenn wir also 5000 nicht zurückgegebene Exemplare Ihres Buches für $20 verkaufen, verdienen Sie $80,000.
(Ja, einige Autoren haben auf Leanpub bereits viel mehr verdient.)
Tatsächlich haben Autoren durch das Schreiben, Veröffentlichen und Verkaufen auf Leanpubüber 13 Millionen Dollar verdient.
Erfahren Sie mehr über das Schreiben auf Leanpub
Kostenlose Updates. Ohne DRM.
Mit dem Kauf auf Leanpub bekommst Du kostenlose Updates solange der Autor Änderungen vornimmt! Viele Autoren veröffentlichen ihre Bücher während des Schreibens. Alle Leser bekommen dann kostenlose Updates, egal wann sie das Buch gekauft haben oder wie viel sie bezahlt haben (auch wenn es kostenlos war).
Die meisten Leanpub Bücher sind erhältlich als PDF (für Computer) oder EPUB (für Handy, Tablet, Kindle). Die verfügbaren Formate sind oben rechts auf dieser Seite angezeigt.
Leanpub Bücher kommen ohne DRM Kopierschutz Firlefanz, sodass Du sie problemlos auf jedem unterstützten Gerät lesen kannst.
Erfahren Sie mehr über Leanpubs E-Book-Formate und wo Sie sie lesen können
