https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf
🎓 24. April 2023: Remote-Workshop Angular Einstieg / Düsseldorf (mit Ferdinand Malcher)
https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf
Last synced: 12 months ago
JSON representation
🎓 24. April 2023: Remote-Workshop Angular Einstieg / Düsseldorf (mit Ferdinand Malcher)
- Host: GitHub
- URL: https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf
- Owner: angular-schule
- Created: 2023-04-20T07:32:07.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-24T14:13:28.000Z (about 3 years ago)
- Last Synced: 2025-01-11T09:44:43.061Z (over 1 year ago)
- Language: TypeScript
- Size: 218 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### **mit Ferdinand Malcher**
**Herzlich Willkommen zum Workshop – schön, dass du dabei bist!**
In diesem Repository findest du während des Workshops den Quelltext unserer Beispielanwendung.
# ⚡️ Quick Start
Wenn du schon alle benötigte Software installiert hast, musst Du nur noch das Projekt installieren und starten.
Klone dazu dieses GitHub-Repository. Danach im Projektverzeichnis:
```bash
npm install
ng serve
```
# ✅ Installation (ausführlich)
> ⚠️ **Bitte führe die Vorbereitung rechtzeitig VOR dem Workshop aus, damit wir ohne Zeitverlust loslegen können.**
## Benötigte Software
1. **Node.js 14, 16 oder 18** (jeweils die aktuelle Nebenversionsnummer): [https://nodejs.org](https://nodejs.org)
+ (Mac-User sollten ggf. Homebrew verwenden, [siehe Anleitung](https://presentations.angular.schule/HOMEBREW_NODE).)
2. **Google Chrome:** [https://www.google.com/chrome/](https://www.google.com/chrome/)
3. **Visual Studio Code:** [https://code.visualstudio.com](https://code.visualstudio.com)
4. **Angular Language Service für VS Code:** [Angular Language Service (`Angular.ng-template`)](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)
- Installiere die Extension über den *Extensions Browser* direkt im Editor.
## Pakete installieren
Die Angular CLI ist das offizielle Build-Tool für Angular. Mit folgendem Befehl kannst Du die CLI auf dem System installieren:
```
npm install -g @angular/cli
```
⚠️ Überprüfe bitte anschließend die Versionen, damit wir beim Workshop alle auf dem gleichen Stand sind.
```
node -v
> Erwartet: 14.20.x, 16.13.x, 18.10.x oder höher, aber nicht 19.x!
npm -v
> Erwartet: 6.x oder höher
ng version
> Erwartet: 15.x.x oder höher
```
## Projekt installieren
Wir haben bereits ein Projekt vorbereitet, mit dem wir im Workshop arbeiten werden.
Bitte klone dieses Repo *oder* [lade den Code als ZIP herunter](https://github.com/angular-schule/2023-04-angular-einstieg-duesseldorf/archive/refs/heads/main.zip).
Anschließend kannst Du das Angular-Projekt auf deinem Rechner installieren:
```bash
cd 2023-04-angular-einstieg-duesseldorf
npm install
```
Die Installation kann bei langsamer Internetverbindung sehr lange dauern.
Warte das `npm install` mit Geduld ab!
Anschließend kannst du das Projekt starten:
```bash
ng serve
```
Auf http://localhost:4200 sollte nun die Anwendung mit der Überschrift "Hello world" erscheinen.
Den laufenden Webserver kannst Du danach mit Strg + C beenden.
Wenn bei allen Teilnehmenden das Grundgerüst steht, können wir ohne Zeitverlust loslegen.
Sollte es zu einem Fehler kommen, melde dich einfach per Mail bei uns unter [team@angular.schule](mailto:team@angular.schule).
Wir werden schnell eine Lösung finden.
### Wir freuen uns schon! 🙂
### © https://angular.schule | Stand: 20.04.2023