notsaltydev/book-monkey2

:monkey_face: Demo-Projekt zum Buch

Book-Monkey 2

Der "BookMonkey" ist das Demo-Projekt zum Buch "Angular: Grundlagen, fortgeschrittene Techniken und Best Practices mit TypeScript - ab Angular 4, inklusive NativeScript und Redux". Mithilfe dieses Buchs werden Sie Googles neuestes Framework kennenlernen. Wir laden Sie dazu ein, mit den aktuellsten Technologien moderne Single-Page-Anwendungen zu erstellen.

Anhand des Beispielprojekts BookMonkey führen wir Sie schrittweise an die Entwicklung von Angular-Anwendungen heran. Sie werden in die grundlegenden Konzepte eingeführt, die es Ihnen ermöglichen, strukturierte, modularisierte und somit wartbare Applikationen zu erstellen.

Dieses Repository fasst alle Schritte zur Entwicklung des BookMonkeys zusammen und stellt sie in einer gemeinsamen Anwendung dar. Die einzelnen Schritte sind außerdem jeweils als einzelne Repositorys verfügbar und sollten für die schrittweise Entwicklung genutzt werden:

• Iteration 1 – Komponenten & Template-Syntax
  1. Komponenten
  2. Property Bindings
  3. Event Bindings
• Iteration 2 – Services & Routing
  1. Dependency Injection
  2. Routing
• Iteration 3 – HTTP & reaktive Programmierung
  1. HTTP
  2. RxJS
• Iteration 4 – Formularverarbeitung & Validierung
  1. Template Driven Forms
  2. Reactive Forms
  3. Custom Validation
• Iteration 5 – Pipes & Direktiven
  1. Pipes
  2. Direktiven
• Iteration 6 – Module & fortgeschrittenes Routing
  1. Die Anwendung modularisieren
  2. Lazy Loading
  3. Guards
  4. Resolver
• Iteration 7 – Internationalisierung (i18n)
  1. Internationalisierung (i18n)

Das Buch

Lesen Sie mehr auf angular-buch.com.

Start

Die gezeigten Kommandozeilenbefehle setzen voraus, dass Node.js und Git installiert sind.

git clone https://github.com/angular-buch/book-monkey2.git
cd book-monkey2
npm install
npm start

Anzeige der Änderungen zwischen den einzelnen Schritten

** Achtung: aktuell nur unter Linux/Unix-Systemen verfügbar ** Innerhalb jeder Iteration existieren einer oder mehrere Schritte, die jeweils den vorherigen Stand des BookMonkeys erweitern bzw. verändern. Um eine Auflistung aller Unterscheide zwischen den einzelnen Entwicklungsschritten zu erhalten, kann der folgende Befehl auf der Konsole aufgerufen werden:

npm run diff

Der Befehl führt das Skript step-diff.sh aus und erstellt einen neuen Ordner diffs. Dort liegen (sortiert nach Schritten) HTML-Dateien, die jeweils die Änderungen zwischen den BookMonkey-Versionen auflisten. Weiterhin wird eine Index-Datei mit Verweisen auf die Diffs erzeugt und ein Webserver zur Auslieferung (http-server) gestartet, sofern dieser auf dem System installiert ist.

License

Code released under the MIT license.