Buchcover

Entwickeln Sie moderne Apps für Web und Mobile.

Das große Praxisbuch – Grundlagen, fortgeschrittene Themen und Best Practices

Inhalt & Leseprobe

Lernen Sie Angular mit diesem umfassenden Praxisbuch!
Dieses Buch stellt Ihnen die Bausteine von Angular, viele Best Practices und die notwendigen Werkzeuge vor. Beginnen Sie Ihren Einstieg mit einer praxisnahen Einführung.

Neu: Wir haben alle Neuerungen zu Angular 15 für Sie zusammengefasst!

4. Ausgabe jetzt vorbestellen

Sicher über amazon.de – 42,90 €

Alles was Sie benötigen

Schnellstart in das Angular-Framework ab Version 15 und höher

Mit diesem Buch gelingt Ihnen der schnelle Einstieg. Wir installieren die benötigten Tools und legen sofort los. Das CLI-Tool für Angular hilft uns dabei.

Schritt für Schritt zum anspruchsvollen Beispielprojekt

Entwickeln Sie gemeinsam mit uns eine Beispielanwendung. Praktisch: Der Programmcode zu jeder einzelnen Phase ist auf GitHub verfügbar. So können Sie einsteigen, wo Sie wollen, und nach Wunsch Themen überspringen.

Angular ist eine Plattform! Tools, Power-Tipps und Best Practices

Neben Theorie und Praxis ist eine Auswahl an Tools und Vorgehensweisen unerlässlich. Die drei Autoren stellen ihren Werkzeugkasten aus dem Projektalltag mit Angular vor.

Das Autorenteam

Die Autoren Ferdinand Malcher, Danny Koppenhagen und Johannes Hoppe arbeiten als Berater, Trainer und Entwickler für Angular. Als erfahrene Workshopleiter und internationale Konferenzsprecher vermitteln Sie regelmäßig Angular-Themen für Entwicklerinnen und Entwickler. In diesem praxisorientierten Buch verpacken sie die Erkenntnisse und Best Practices aus über 6 Jahren täglicher Arbeit mit Angular.

Sie erreichen das Autorenteam per E-Mail unter
 [email protected].

Aus dem Inhalt

Einführung & Schnellstart

Warum Sie Angular verwenden sollten und wie eine minimale Angular-Anwendung aufgebaut ist, erfahren Sie in diesem Einführungskapitel.

TypeScript

Die Sprache unserer Wahl ist TypeScript – doch keine Angst: Sie müssen keine neue Sprache lernen! Dieses Kapitel führt in die wichtigsten Sprachbestandteile von TypeScript ein.

Komponenten & Template-Syntax

Angular setzt auf Komponenten und eine eigene Syntax, um das Zusammenspiel dynamisch zu gestalten. Lernen Sie, wie Sie effizient mit Komponenten arbeiten und Property Bindings und Event Bindings richtig einsetzen.

Services & Routing

Mit Services entkoppeln wir die Businesslogik von den Komponenten. Außerdem lernen Sie den Router kennen, um zwischen den Seiten der Anwendung zu navigieren.

Modulsystem von Angular

Lernen Sie, wie Sie die Anwendung in entkoppelte Feature-Module aufteilen und die Anwendung strukturieren.

HTTP-Kommunikation

Zur Anbindung an eine Web-API setzen wir den mitgelieferten HTTP-Client von Angular ein. Wir fragen Daten von der Schnittstelle ab und verarbeiten sie in der Anwendung. Außerdem lernen Sie Interceptors kennen.

Reaktive Programmierung mit RxJS

Mit reaktiver Programmierung dreht sich alles um Datenströme! Lernen Sie die Grundlagen von RxJS, Observables, Operatoren und Subscriptions.

Formularverarbeitung & Validierung

Fast jede Webanwendung setzt auf Formulare. Angular bringt ausgereifte Techniken zur Formularverarbeitung mit: Lernen Sie typisierte Reactive Forms und Template Driven Forms kennen.

Pipes & Direktiven

Zusätzlich zu den Komponenten setzen wir in unseren Anwendungen Pipes und Direktiven ein, um Daten zu formatieren und weitere Logik in die App zu bringen.

Lazy Loading & Routen-Guards

Mithilfe von Lazy Loading teilen wir die Anwendung in mehrere Bundles auf, die zur Laufzeit nachgeladen werden. Außerdem entwickeln wir funktionale Guards, um einen Adminbereich abzusichern.

Standalone Components

Komponenten ohne Module – das funktioniert mit den neuen Standalone Components. Lernen Sie die Ideen und Architekturansätze des neuen Angular-Features kennen.

Lokalisierung (l10n) & Internationalisierung (i18n)

Um eine Anwendung in mehreren Sprachen anzubieten, nutzen wir das i18n-Framework von Angular. Lernen Sie, wie Sie effizient mit Mehrsprachigkeit umgehen.

Qualität fördern mit Softwaretests

Mit guter Testabdeckung lassen sich Fehler schon frühzeitig vermeiden. Lernen Sie in diesem Kapitel, wie Sie Unit-Tests, Integrationstests und Oberflächentests mit Jasmine, Karma, Jest und Cypress in den Workflow integrieren.

Barrierefreiheit (a11y)

Webanwendungen sollen von allen Menschen ohne Barrieren genutzt werden können. Wir zeigen Ihnen die Grundlagen für digitale Barrierefreiheit und gehen auf besondere Aspekte von Angular ein.

Deployment

Die Anwendung ist fertig entwickelt – wie geht es nun weiter? Wir zeigen Ihnen, wie der Build-Prozess funktioniert, wie Sie Umgebungen konfigurieren und wie Sie das Projekt auf einem Webserver deployen. Dabei gehen wir auf das Deployment mit Docker und den Befehl "ng deploy" ein.

Server-Side Rendering / Angular Universal

Suchmaschinenoptimierung und Start-Performance – wir zeigen Ihnen, wie Sie die Angular-Anwendung auf dem Server vorrendern können.

State Management mit Redux und NgRx

In komplexen Anwendungen verliert man schnell den Überblick. Das Architekturmuster Redux setzt auf zentrale Verwaltung aller Zustände. Wir nutzen das Framework NgRx, um Actions, Reducers und Effects in die Anwendung zu integrieren.

Progressive Web Apps (PWA)

Offlinefähige Webanwendungen mit Push-Benachrichtigungen und Installation – Progressive Web Apps machen es möglich! Wir erläutern die Ideen und Konzepte von PWAs und nutzen das Paket @angular/pwa, um das Beispielprojekt zu einer PWA zu migrieren.

Angular CLI: Advanced

In einem Workspace der Angular CLI können mehrere Applikationen und Bibliotheken parallel gepflegt werden. Wir werfen einen Blick darauf, wie Sie ein solches Monorepo mit der Angular CLI verwalten.

Wissenswertes

In diesem Kapitel haben wir viele weitere interessante Themen für Sie zusammengefasst: Angular Elements, Nrwl Nx, Container/Presentational Components, Change Detection, Lifecycle Hooks und Tooling-Tips.

Rezensionen zum Buch

Die Beispiele sind einfach gehalten und gut erklärt, so dass man direkt ein gutes Basiswissen aufbaut.

Andre Fritzsche, IT Consultant, BridgingIT GmbH

Die einzelnen Kapitel sind sehr übersichtlich strukturiert und man kann den Erläuterungen zu jeder Zeit gut folgen. Ich kann dieses Buch guten Gewissens jedem empfehlen, der mit Angular zu tun hat. Es ist ein prima Nachschlagewerk.

M.S., ein Amazon-Kunde

Das Buch ist gut strukturiert, das Vorgehen Schritt-für-Schritt hilft dabei gut weiter. Die Autoren sind Profis, das erkennt man sofort, und verstehen von ihrem Handwerk.

Anton, ein Amazon-Kunde

Eine klare Empfehlung für alle, die sich einen Überblick über moderne SPA-Entwicklung mit Angular verschaffen möchten.

schoettner, ein Amazon-Kunde

Fundiertes Angular-Wissen

Das Buch richtet sich an Webentwicklerinnen und -entwickler, die bereits mit JavaScript, HTML5 und CSS gearbeitet haben. Erfahrungen mit Angular 1.x (AngularJS) werden nicht vorausgesetzt.

4. Ausgabe jetzt vorbestellen

Sicher über amazon.de – 42,90 €

Nach der Lektüre des Buches sind Sie für den Projektalltag mit Angular gewappnet und glänzen mit robuster Webentwicklung am Puls der Zeit.