Angular 2 Kochbuch
Dieses Buch ist 100% vollständig
Abgeschlossen am 2016-11-17
Über das Buch
Mit diesem Buch, können Sie Angular 2 auf Basis von kleinen Rezepten lernen.Die verschiedenen Rezepte beschreiben mögliche Lösungen für gängige Probleme, bei der Entwicklung einer Webanwendung mit Angular 2.Da wir hier Angular mit TypeScript nutzen, beinhaltet das Buch auch eine kurze Einführung in TypeScript. Dies soll JavaScript Entwicklern den Einstieg in TypeScript erleichtern.
Hier ein kurzer Überblick, was Sie lernen können:
- Das Entwickeln von Angular 2 Komponenten
- Verschiedene Möglichkeiten, um die Anzeige (View) zu manipulieren
- Bauen von Formularen
- Austauschen von Daten mit einem Server
- Routing mit dem Angular 2 Router
Angular Version
Aktuell wird die Version 2.1.2 von Angular und 1.0.0-beta.19-3 von angular-cli benutzt.
Entwicklung des Buches
Das Schreiben des Buches geschieht öffentlich in Github. Der Code für das Buch befindet sich hier. Die Code-Beispiele sind in einem eigenen Repository hier.
Kontakt
Fragen, Wünschen zum Inhalt und Anregungen nehme ich gerne entgegen, als Github-Issue oder E-Mail an die info@angular2kochbuch.de.
Über den Autor
Table of Contents
-
Einleitung
- Angular 1.x. vs. 2
- Ziel des Buches
- Für wen ist dieses Buch
- Aufbau des Buches
- Überblick
- Hilfe und Support
-
Einführung in TypeScript
- Basistypen
- Interfaces
- Klassen
- Beispielanwendung
- TypeScript-Dateien vorkompilieren
-
Basisrezepte
- Entwicklungsprozess für Angular 2 Projekte
- Angular 2 Anwendung
- Eine Komponente definieren
- Einen Service definieren
- Angular 2 in Produktion nutzen
-
Rezepte, um mit der Anzeige zu interagieren
- Daten einer Komponente in der View anzeigen
- Liste von Daten anzeigen
- Auf Nutzer-Input reagieren
- CSS-Klassen auf Basis von booleschen Werten setzen/entfernen
- Teile der View konditional mit NgIf anzeigen
- Teile der View konditional mit NgSwitch anzeigen
- Styles eines Elements dynamisch verändern
-
Rezepte für Formulare
- TDF: Ein einfaches Formular implementieren
- TDF: Gültigkeit eines Formulars überprüfen
- TDF: Fehlermeldungen für einzelne Formular-Felder anzeigen
- TDF: Formular-Felder und CSS-Klassen
- MDF: Formular mit dem FormBuilder implementieren
- MDF: Gültigkeit eines Formulars überprüfen
- MDF: Fehlermeldungen für einzelne Formular-Felder anzeigen
- MDF: Eigene Validatoren definieren
- MDF: Eigene asynchrone Validatoren definieren
- MDF: Abhängige Eingabefelder validieren
-
Rezepte für den Datenaustausch
- Daten vom Server mit GET holen
- Daten mit POST an den Server schicken
- Server-Anfragen und Fehlerbehandlung
- Server-Anfrage mit Query-Parametern
- Server-Anfrage abbrechen (cancel)
-
Rezepte für Routing
- Einfaches Routing implementieren
- Hash-Basierte URLs für das Routing
- Die aktuelle Route hervorheben
- Umleitung für unbekannte Pfade
- Navigation in der Klasse der Komponente
- Routing-Parameter
-
Rezepte für Komponenten
- Komponente und HTML-Template trennen
- Das Template der Komponente vom CSS trennen
- Komponente und CSS trennen
- Daten an eine Unterkomponente mittels input-Eigenschaft übergeben
- Daten an die Überkomponente mittels output-Eigenschaft übergeben
- Code ausführen bei der Initialisierung einer Komponente
- Code ausführen bei der Zerstörung (destroy) einer Komponente
-
Rezepte für ngFor-Listen
- Mit dem Index von ngFor-Elementen arbeiten
- Gerade und ungerade ngFor-Elemente unterscheiden
- Das erste und das letzte ngFor-Element finden
- Die Performance mit trackBy verbessern
-
Appendix A: Template-Syntax
- Template-Ausdruck
- Template-Anweisung
- Datenbindung
- Lokale Variablen
-
Appendix B: angular-cli
- Installation
- Kommandos
- Verzeichnisstruktur
- Glossar
Über den Verlag
This book is published on Leanpub by JSperts
Wir sind Ihr Partner für JavaScript und moderne WebApps
Schwerpunkt: Beratung & Workshops
Beratung:
- Unterstützung bei der Konzeption und Entwicklung Ihrer WebApps
- Entwicklung von responsive WebApps für Web, Tablet, Mobile
- Wir bieten Beratungspakete für Hilfe zur Selbsthilfe, z. B. im Bereich AngularJS
- Ihr Ratgeber bei technischen Fragen, wenn es um WebApps geht
- Gemeinsames Aufsetzen von Webprojekten (z. B. für AngularJS, React, Responsive WebApps)
Workshops (auch In-House):
- AngularJS
- React
- Node.js
- D3.js
- Responsive WebApps,
- TypeScript
- JavaScript Advanced
Interessante Links:
- Workshops: https://jsperts.de/workshops
- Räumlichkeiten: https://jsperts.de/workshops/raeumlichkeiten
- Beratung: https://jsperts.de/beratung
- Projekthistorie: https://jsperts.de/beratung/projekthistorie
- Blogartikel: https://jsperts.de/blog
- Twitter: https://twitter.com/@jsperts_de
- Meetup Gruppe: http://www.meetup.com/de/DarmstadtJS
Unternehmenswerte
Es wird bei JSperts großer Wert auf Selbstbestimmung gelegt, d. h. der einzelne wird in seiner Individualität ernst genommen und entsprechend behandelt. An die individuellen Bedürfnisse und Gewohnheiten wird die gemeinsame Grundlage angepasst, wobei sich diese mit der persönlichen Entfaltung weiterentwickelt. Ein jeder genießt Freiheiten bei der Wahl des Gebietes, in dem er arbeiten möchte, wozu auch zählt, dass er dazu ermuntert wird, immer etwas Neues auszuprobieren, und er kann sich seine Zeit weitgehend frei einteilen.
Großes Gewicht hat auch Verantwortung und Verlässlichkeit: Jeder ist seinem Handeln konsequent und steht voll und ganz zu seinem Wort. Im Umgang mit seinem Gegenüber gibt er diesem ein Gefühl der Geborgenheit.
Im Team gilt das Prinzip „Einer für alle, alle für einen“: Der einzelne ist als Teil von ihm verantwortlich für das Handeln des ganzen Teams, und das Ergebnis der gemeinsamen Arbeit, die ihm wichtiger ist als die Einzelleistung, wird als wirkliches Teamergebnis betrachtet. Es wird Verantwortung übernommen im Rahmen der tatsächlichen Fähigkeiten, und man ist auch und gerade als Team stets offen für Neues.
Ferner ist Transparenz wichtig, was zum einen offene und ehrliche Kommunikation bedeutet, zum anderen, dass bei einer bestimmten Angelegenheit alle Beteiligten sofort im Bilde sein sollen.
Impressum
JSperts, ein Geschäftszweig der get the service GmbH & Co. KG
Otto-Hesse-Straße 19 T5 64293
DarmstadtFon: 00 49 (0) 6151/8 00 55 40
E-Mail: impressum@jsperts.de
Internet: https://jsperts.de
get the service GmbH & Co. KG wird vertreten durch die persönlich haftende Gesellschafterin: get the service Verwaltungs-GmbH, Amtsgericht Darmstadt, HRB 91098; diese wird vertreten durch: Geschäftsführer Markus Karsch und Oliver Breuer
Registergericht: Amtsgericht Darmstadt Registernummer: HRA 84703
Umsatzsteuer-Identifikationsnummer gemäß § 27a Umsatzsteuergesetz: DE282658734
Inhaltlich Verantwortlicher gemäß § 55 Rundfunkstaatsvertrag:
Markus Karsch Otto-Hesse-Straße 19 T5 64293 Darmstadt Fon: 00 49 (0) 6151/8 00 55 40
Die bedingungslose Leanpub, Kein Risiko, 100% zufrieden Garantie
Innerhalb von 45 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.
