Angular 2 Kochbuch
Angular 2 Kochbuch
Ü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.
Inhaltsverzeichnis
-
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 Leanpub 60-Tage 100% Zufriedenheitsgarantie
Innerhalb von 60 Tagen nach dem Kauf können Sie mit nur zwei Klicks eine 100% Rückerstattung für jeden Leanpub-Kauf erhalten.
Technisch gesehen ist das ein Risiko für uns, da Sie die Buch- oder Kursdateien so oder so behalten. Aber wir sind so überzeugt von unseren Produkten und Dienstleistungen sowie von unseren Autoren und Lesern, dass wir gerne eine vollständige Geld-zurück-Garantie für alles anbieten, was wir verkaufen.
Sie können nur herausfinden, wie gut etwas ist, indem Sie es ausprobieren, und dank unserer 100% Geld-zurück-Garantie gehen Sie dabei buchstäblich kein Risiko ein!
Es gibt also keinen Grund, nicht auf den 'In den Warenkorb'-Button zu klicken, oder?
Vollständige Bedingungen ansehen...
Verdienen Sie 8$ bei einem Verkauf von 10$ und 16$ bei einem Verkauf von 20$
Wir zahlen 80% Tantiemen auf Käufe von 7,99$ oder mehr und 80% Tantiemen abzüglich einer Pauschale von 50 Cent auf Käufe 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ückerstattete Exemplare Ihres Buches für 20$ verkaufen, verdienen Sie 80.000$.
(Ja, einige Autoren haben auf Leanpub bereits viel mehr als das verdient.)
Tatsächlich haben Autoren bereitsüber 14 Millionen Dollar durch das Schreiben, Veröffentlichen und Verkaufen auf Leanpub verdient.
Erfahren Sie mehr über das Schreiben auf Leanpub
Kostenlose Updates. DRM-frei.
Wenn Sie ein Leanpub-Buch kaufen, erhalten Sie kostenlose Updates, solange der Autor das Buch aktualisiert! Viele Autoren nutzen Leanpub, um ihre Bücher während des Schreibprozesses zu veröffentlichen. Alle Leser erhalten kostenlose Updates, unabhängig davon, wann sie das Buch gekauft oder wie viel sie bezahlt haben (einschließlich kostenloser Bücher).
Die meisten Leanpub-Bücher sind als PDF (für Computer) und EPUB (für Smartphones, Tablets und Kindle) verfügbar. Die verfügbaren Formate eines Buches werden in der oberen rechten Ecke dieser Seite angezeigt.
Schließlich haben Leanpub-Bücher keinen DRM-Kopierschutz-Unsinn, sodass Sie sie problemlos auf allen unterstützten Geräten lesen können.
Erfahren Sie mehr über Leanpubs E-Book-Formate und wo Sie sie lesen können