Skip to content

Commit

Permalink
seo
Browse files Browse the repository at this point in the history
  • Loading branch information
tidusIO committed Dec 21, 2024
1 parent ebb864c commit 0462485
Show file tree
Hide file tree
Showing 6 changed files with 7 additions and 7 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ In diesem Artikel beschränken wir uns auf Services.

* Ein moderner Browser mit einer JavaScript Konsole
* [Chrome – Öffnen der Konsole](https://developers.google.com/web/tools/chrome-devtools/console/#opening-the-console)
* [Firefox – Öffnen der Konsole](https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Opening_the_Web_Console)
* [Firefox – Öffnen der Konsole](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)
* Eine Angular Anwendung zum experimentieren
* [Angular TodoMVC](http://todomvc.com/examples/angularjs/#/)
* Irgendeine andere Angular Anwendung
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ Hier noch mal die Übersicht:

* Ein moderner Browser mit einer JavaScript Konsole
* [Chrome – Öffnen der Konsole](https://developers.google.com/web/tools/chrome-devtools/console/#opening_the_console)
* [Firefox – Öffnen der Konsole](https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Opening_the_Web_Console)
* [Firefox – Öffnen der Konsole](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)
* Eine Angular Anwendung zum experimentieren
* [Angular TodoMVC](http://todomvc.com/examples/angularjs/#/)
* Irgendeine andere Angular Anwendung
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Hier mal eine Erklärung der Tags, welche ich in diesem Dockerfile anwende:

- `MAINTAINER`: Hiermit definiert Ihr den Urheber des Images. Hier kann Name und / oder E-Mailadresse angegeben werden.

- `COPY`: Mit diesem Befehl könnt Ihr Daten während des Build Prozesses von euerem lokalen System in den Dockercontainer kopieren. In diesem Beispiel kopiere ich das komplette Projekt in den Container. Dies hat den Vorteil, dass man dadurch den kompletten Build der Applikation innerhalb des Containers laufen lassen kann. Etwas weiter unten kopiere ich noch die Konfigurationsdatei von nginx in den jeweiligen Pfad, an welchem [nginx](https://www.nginx.com/) diese Datei erwartet.
- `COPY`: Mit diesem Befehl könnt Ihr Daten während des Build Prozesses von euerem lokalen System in den Dockercontainer kopieren. In diesem Beispiel kopiere ich das komplette Projekt in den Container. Dies hat den Vorteil, dass man dadurch den kompletten Build der Applikation innerhalb des Containers laufen lassen kann. Etwas weiter unten kopiere ich noch die Konfigurationsdatei von nginx in den jeweiligen Pfad, an welchem [nginx](https://www.f5.com/go/product/welcome-to-nginx) diese Datei erwartet.

- `WORKDIR`: Hiermit gebt Ihr den Pfad des Arbeitsverzeichnisses innerhalb des Containers an. Folglich werden alle künftigen Befehle innerhalb dieses Pfades stattfindenden.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@ export class AddTodo {
}
```

Im Template (Zeilen 4-8) verwenden wir eine [lokale Template-Variable](https://angular.io/guide/template-syntax#!#local-vars) #todo (inline HTML Element, Zeile 6) und übergeben deren Referenz auf das Button-Klickereignis (Zeile 7). Auf dem Konstruktor haben wir appStore und todoActions in die Komponente (Zeilen 11-17) als private Eigenschaften injiziert. Wenn der Benutzer eine Beschreibung eingibt und auf ‘Add Todo’ klickt, wird eine Aktion (Zeile 20) wie die unten abgegeben und den Eingabeinhalt löschen.
Im Template (Zeilen 4-8) verwenden wir eine [lokale Template-Variable](https://v17.angular.io/guide/template-syntax#!#local-vars) #todo (inline HTML Element, Zeile 6) und übergeben deren Referenz auf das Button-Klickereignis (Zeile 7). Auf dem Konstruktor haben wir appStore und todoActions in die Komponente (Zeilen 11-17) als private Eigenschaften injiziert. Wenn der Benutzer eine Beschreibung eingibt und auf ‘Add Todo’ klickt, wird eine Aktion (Zeile 20) wie die unten abgegeben und den Eingabeinhalt löschen.

```javascript
{
Expand Down Expand Up @@ -457,7 +457,7 @@ Wir verwenden eine untergeordnete Komponente todo, um ein einzelnes Todo zu ver

```

Wir verwenden [ngFor](https://angular.io/api/common/NgFor-directive), um über den todos Array (Zeile 3) zu iterieren. Für jedes Todo geben wir die Information mit einer *[local template variable](https://angular.io/guide/template-syntax#!#local-vars)* Todo.
Wir verwenden [ngFor](https://v17.angular.io/api/common/NgForOf), um über den todos Array (Zeile 3) zu iterieren. Für jedes Todo geben wir die Information mit einer *[local template variable](https://v17.angular.io/guide/template-syntax#!#local-vars)* Todo.

Im Folgenden siehst du einen Auszug aus der TodoList Komponente.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -747,7 +747,7 @@ Der Service bietet uns die Methode `.get(url:string)`, welcher wir den API-Endpo

<div class="alert alert-info">Hinweis: Wir gehen in diesem Tutorial davon aus, dass Asynchronität in JavaScript bereits bekannt ist. Es gibt dazu eine sehr gute Einführung in den <a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous" target="_blank">Mozilla Web Docs über Asynchronous JavaScript</a>. </div>

Der Rückgabewert der get-Methode des HTTP-Services liefert ein [Observable](https://angular.io/guide/observables-in-angular) zurück. Dies ist eine Datenstruktur, welche uns den Umgang mit asynchronen Daten erleichtert. Angular nutzt dafür die [RxJS Observables](https://rxjs.dev/guide/observable).
Der Rückgabewert der get-Methode des HTTP-Services liefert ein [Observable](https://v17.angular.io/guide/observables-in-angular) zurück. Dies ist eine Datenstruktur, welche uns den Umgang mit asynchronen Daten erleichtert. Angular nutzt dafür die [RxJS Observables](https://rxjs.dev/guide/observable).

Es hat sich als guter Stil etabliert, Variablen und Felder, welche asynchrone Datenstrukturen halten, mit einem `$` postfix zu kennzeichnen. Es hat rein funktional keinen Einfluss, hilft jedoch beim langfristigen Zurechtfinden und der Wartung eurer Anwendung.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ categories: "angular release update"

Es ist soweit: Angular v18 wurde veröffentlicht!

Seit Beginn der Angular Renaissance gab es viele neue Features und Updates. Als Erstes ist einem sicherlich das neue Logo und das neue Portal [angular.dev](https://www.angular.dev) aufgefallen, das [angular.io](https://www.angular.io) als Hauptquelle für Informationen und Ressourcen abgelöst hat. Neben den visuellen Neuerungen gab es einige bahnbrechende – in diesem Fall ist das Wort durchaus angebracht – technische Updates. In diesem Zusammenhang sind vor allem die [Angular Signals](https://angular.dev/guide/signals) und [Full App Non-Destructive Hydration](https://angular.dev/guide/ssr#configure-server-side-rendering) zu nennen. Beide Features waren der Beginn einer Neuausrichtung im Bereich der Change Detection bzw. der gesamten Rendering-Strategie für das Framework. Insbesondere die Signals sind auf großes Interesse in der Angular Community gestoßen.
Seit Beginn der Angular Renaissance gab es viele neue Features und Updates. Als Erstes ist einem sicherlich das neue Logo und das neue Portal [angular.dev](https://www.angular.dev) aufgefallen, das [angular.dev](https://angular.dev/) als Hauptquelle für Informationen und Ressourcen abgelöst hat. Neben den visuellen Neuerungen gab es einige bahnbrechende – in diesem Fall ist das Wort durchaus angebracht – technische Updates. In diesem Zusammenhang sind vor allem die [Angular Signals](https://angular.dev/guide/signals) und [Full App Non-Destructive Hydration](https://angular.dev/guide/ssr#configure-server-side-rendering) zu nennen. Beide Features waren der Beginn einer Neuausrichtung im Bereich der Change Detection bzw. der gesamten Rendering-Strategie für das Framework. Insbesondere die Signals sind auf großes Interesse in der Angular Community gestoßen.

Mit dem Update auf Angular Version 18 scheint sich das Angular-Team darauf konzentriert zu haben, kurz innezuhalten und alle neuen Features zu stabilisieren. Oder wie Minko Gechev vom Angular-Team-Lead selbst sagt:

Expand Down

0 comments on commit 0462485

Please sign in to comment.