https://linz-preview.coderdojo.net/categories/angular/ Recent content in Angular on CoderDojo Linz Hugo de-AT https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/angular-todo-list/ Mon, 01 Jan 0001 00:00:00 +0000 https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/angular-todo-list/ <h1 id="todo-liste-mit-angular">Todo Liste mit Angular</h1> <h2 id="voraussetzungen">Voraussetzungen</h2> <ul> <li>Aktuelle Version von <a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a></li> </ul> <h2 id="projekt-anlegen-und-starten">Projekt anlegen und starten</h2> <ul> <li>Öffne einen Command Prompt und installiere als erstes die Angular CLI: <code>npm install -g @angular/cli</code></li> <li>Lege einen Ordner an, in dem dein Projekt liegen soll - z.B. <code>angular-todo-list</code>.</li> <li>Führe in diesem Ordner im Command Prompt folgendes Command aus um die neue Angular Applikation anzulegen: <code>ng new todo-list-app --strict</code> <ul> <li>Routing - yes</li> <li>Stylesheet format - SCSS</li> </ul> </li> <li>Wenn das Projekt fertig angelegt ist, wechsle in den generierten Ordner <code>todo-list-app</code> und öffne diesen in Visual Studio Code.</li> <li>Im Terminal von Visual Studio Code (STRG + ö) kannst du das Projekt mit folgendem Command starten: <code>ng serve</code><br> falls die URL bei dir im Chrome nicht geöffnet werden kann, kannst du localhost auch durch 127.0.0.1 ersetzen</li> </ul> <p>Wenn du das Projekt erfolgreich angelegt und gestartet hast, solltest du im Browser folgende Seite sehen:</p> https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/angular-todo-list-with-firebase/ Mon, 01 Jan 0001 00:00:00 +0000 https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/angular-todo-list-with-firebase/ <h1 id="todo-liste-mit-angular">Todo Liste mit Angular</h1> <h2 id="voraussetzungen">Voraussetzungen</h2> <ul> <li>Aktuelle Version von <a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a></li> </ul> <h2 id="projekt-anlegen-und-starten">Projekt anlegen und starten</h2> <ul> <li>Öffne einen Command Prompt und installiere als erstes die Angular CLI: <code>npm install -g @angular/cli</code></li> <li>Lege einen Ordner an, in dem dein Projekt liegen soll - z.B. <code>angular-todo-list</code>.</li> <li>Führe in diesem Ordner im Command Prompt folgendes Command aus um die neue Angular Applikation anzulegen: <code>ng new todo-list-app --strict</code> <ul> <li>Routing - yes</li> <li>Stylesheet format - SCSS</li> </ul> </li> <li>Wenn das Projekt fertig angelegt ist, wechsle in den generierten Ordner <code>todo-list-app</code> und öffne diesen in Visual Studio Code.</li> <li>Im Terminal von Visual Studio Code (STRG + ö) kannst du das Projekt mit folgendem Command starten: <code>ng serve</code><br> falls die URL bei dir im Chrome nicht geöffnet werden kann, kannst du localhost auch durch 127.0.0.1 ersetzen</li> </ul> <p>Wenn du das Projekt erfolgreich angelegt und gestartet hast, solltest du im Browser folgende Seite sehen:</p>