Erstelle dein eigenes Angular: Eintauchen in die Mechanik des Frameworks

Einleitung: Warum ein eigenes Framework schreiben?

Das Buch von Tero Parviainen „Build Your Own Angular“ (im Deutschen „Erstelle dein eigenes Angular“) ist kein weiteres Lehrbuch zur Nutzung eines beliebten Frameworks. Es ist eine einzigartige technische Reise ins Herz von AngularJS (Version 1.x). Anstatt zu erklären, wie man vorgefertigte Direktiven und Services verwendet, schlägt der Autor dem Leser vor, eine eigene Implementierung der Schlüsselmechanismen von Angular von Grund auf in reinem JavaScript (Node.js) zu schreiben.

Das 2015 veröffentlichte Buch hat bis heute nichts von seiner Relevanz für diejenigen verloren, die die grundlegenden Prinzipien moderner MV*-Frameworks verstehen wollen. Es ist kein Nachschlagewerk, sondern eher ein Forschungslabor, in dem jedes Kapitel ein Experiment ist.

Worum geht es in diesem Buch?

Das Buch ist als schrittweise Nachbildung von AngularJS aufgebaut. Sie lesen nicht nur Theorie – Sie schreiben Code, der sich nach und nach in ein funktionierendes Framework verwandelt. Die Hauptthemen, die der Autor behandelt, sind:

• Scope und Digest Cycle: Sie erfahren, wie der berühmte „schmutzige“ Änderungsprüfungszyklus ($digest und $apply) funktioniert, schreiben Ihr eigenes System zur Verfolgung von Watchern und lernen, die Leistung zu optimieren.
• Dependency Injection (DI): Sie implementieren Ihren eigenen Abhängigkeitsinjektor und verstehen, wie Angular Module, Services und Controller findet und verbindet.
• Template-Kompilierung: Sie erstellen einen HTML-Compiler, der Direktiven und Ausdrucksinterpolation erkennt und diese mit den Daten aus dem Scope verknüpft.
• Direktiven: Sie schreiben Ihre eigenen Direktiven (ng-bind, ng-model, ng-repeat) und verstehen, wie sie mit dem DOM interagieren.
• Testen: Der Autor legt großen Wert auf das Schreiben von Unit-Tests für jede Komponente unter Verwendung von Jasmine und Karma.

Für wen ist dieses Buch?

Dieses Buch ist nichts für Anfänger. Es erfordert sichere Kenntnisse in JavaScript (ES5/ES6), Verständnis von Closures, prototypischer Vererbung und Asynchronität. Es ist ideal geeignet für:

• Entwickler, die bereits Angular (jeglicher Version) verwenden und dessen innere Funktionsweise verstehen möchten.
• Programmierer, die sich für die Architektur von Frameworks und Entwurfsmustern (MVVM, DI, Observer) interessieren.
• Diejenigen, die ihre Fähigkeiten im Debuggen und Optimieren komplexer JavaScript-Anwendungen verbessern möchten.

Was wird der Leser lernen?

Nach der Lektüre des Buches und der Durchführung aller Übungen wird der Leser in der Lage sein:

• Zu erklären, wie bidirektionale Datenbindung ohne Magie funktioniert.
• Ein eigenes System zur Verwaltung des Anwendungszustands zu schreiben.
• Zu verstehen, warum bestimmte Operationen in Angular langsam sein können und wie man das behebt.
• Komplexe benutzerdefinierte Direktiven mit isoliertem Scope zu erstellen.
• Bibliotheken von Drittanbietern auf Quellcode-Ebene in das Angular-Ökosystem zu integrieren.

Stärken des Buches

1. Praktischer Ansatz. Dies ist keine Theorie – Sie schreiben Code ab dem ersten Kapitel. Jedes neue Code-Stück wird getestet und in das Gesamtsystem integriert.

2. Gründliche Tiefe. Der Autor vereinfacht komplexe Themen nicht. Er analysiert die Nuancen von $evalAsync, $watchCollection und dem Prioritätsmechanismus von Direktiven.

3. Struktur. Das Buch ist in kleine, logisch abgeschlossene Kapitel unterteilt. Sie können es als Lehrbuch oder als Nachschlagewerk für einen bestimmten Mechanismus lesen.

4. Testen als Teil des Prozesses. TDD (Test-Driven Development) ist in die Erzählung eingebettet. Sie lernen nicht nur, Code zu schreiben, sondern auch dessen Korrektheit zu überprüfen.

Wem wird es empfohlen?

Das Buch wird Middle- und Senior-Entwicklern nützlich sein, die ihr Verständnis von Web-Frameworks auf die nächste Stufe heben möchten. Es eignet sich auch hervorragend für diejenigen, die sich auf technische Vorstellungsgespräche in Unternehmen vorbereiten, die Angular verwenden – Fragen zu DI und Digest Cycle werden kein Rätsel mehr sein. Wenn Sie es lieben, Dinge auseinanderzunehmen