Los geht's!

Mit dem Angular-Buch lernen Sie Schritt für Schritt anhand eines anspruchsvollen Beispielprojekts, wie Sie strukturierte und modularisierte Single-Page-Anwendungen entwickeln.

Der Programmcode zu jeder einzelnen Entwicklungsphase ist auf GitHub verfügbar. So können Sie einsteigen, wo Sie wollen, und nach Wunsch Entwicklungsschritte überspringen.

Der BookMonkey

Der "BookMonkey" ist das Demo-Projekt zum Buch. Anhand des Beispielprojekts führen wir Sie schrittweise an die Entwicklung mit Angular heran:

Demo-Projekt
BookMonkey 4

Differenzansicht

Für die einzelnen Iterationsschritte aus dem Beispielprojekt bieten wir eine Differenzansicht an. So können Sie die Änderungen am Code zwischen den einzelnen Kapiteln genau nachvollziehen:

BookMonkey 4 Diffs

Errata

In der 3. Auflage des Buchs haben wir viele Fehler beseitigt – trotzdem ist ein gedrucktes Buch nie ohne Fehler. Im Errata-Verzeichnis haben wir alle fehlerhaften Stellen aufgelistet:

Errata-Verzeichnis

Quellcode auf GitHub

Den Quellcode zu den einzelnen Entwicklungsschritten haben wir in separaten Repositorys zur Verfügung gestellt:
api4

🐵 REST backend für den BookMonkey 4

book-monkey4

🐵📕 Das große Demo-Projekt zum Buch (3. Auflage) – Dieses Repo beinhaltet alle 17 Zwischenstände des BookMonkey 4 in einer Anwendung.

book-monkey4-docker

🙊💻Das Beispielprojekt BookMonkey 4 im Docker-Container

book-monkey4-nativescript

🙊💻 Beispielprojekt BookMonkey 4 mit NativeScript

book-monkey4-ngrx

🙊💻 Beispielprojekt BookMonkey 4 mit Redux/NgRx

book-monkey4-pwa

🙊💻 Beispielprojekt BookMonkey 4 als Progressive Web App (PWA)

book-monkey4-ssr

🙊💻 Beispielprojekt BookMonkey 4 mit Server-Side Rendering

iteration-1-components

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "6.1 Komponenten: die Grundbausteine der Anwendung"

iteration-1-event-bindings

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "6.3 Event Bindings: auf Ereignisse in Komponenten reagieren"

iteration-1-property-bindings

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "6.2 Property Bindings: mit Komponenten kommunizieren"

iteration-2-di

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "8.1 Dependency Injection: Code in Services auslagern"

iteration-2-routing

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "8.2 Routing: durch die Anwendung navigieren"

iteration-3-http

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "10.1 HTTP-Kommunikation: ein Server-Backend anbinden"

iteration-3-interceptors

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "10.3 Interceptoren: HTTP-Requests abfangen und transformieren"

iteration-3-rxjs

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "10.2 Reaktive Programmierung mit RxJS"

iteration-4-custom-validation

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "12.4 Eigene Validatoren entwickeln"

iteration-4-reactive-forms

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "12.3 Reactive Forms"

iteration-4-template-driven-forms

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "12.2 Template-Driven Forms"

iteration-5-directives

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "13.2 Direktiven: das Vokabular von HTML erweitern"

iteration-5-pipes

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "13.1 Pipes: Daten im Template formatieren"

iteration-6-guards

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "14.3 Guards: Routen absichern"

iteration-6-lazy-loading

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "14.2 Lazy Loading: Angular-Module asynchron laden"

iteration-6-modules

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "14.1 Die Anwendung modularisieren: Das Modulkonzept von Angular"

iteration-7-i18n

🐵📕 Das kleine Demo-Projekt – Finaler Stand aus Kapitel "15.1 i18n: mehrere Sprachen und Kulturen anbieten"