https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe
🎓 Mai 2021: 6 Tage Remote-Workshop Karlsruhe (mit Johannes Hoppe)
https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe
Last synced: about 2 months ago
JSON representation
🎓 Mai 2021: 6 Tage Remote-Workshop Karlsruhe (mit Johannes Hoppe)
- Host: GitHub
- URL: https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe
- Owner: angular-schule
- Created: 2021-05-06T08:17:59.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-06-18T15:40:02.000Z (about 5 years ago)
- Last Synced: 2025-02-28T21:08:00.752Z (over 1 year ago)
- Language: TypeScript
- Size: 1.09 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### **mit Johannes Hoppe**
**Herzlich Willkommen – und schön, dass du dabei bist!**
In diesem Repository findest du unsere Beispielanwendung für den Workshop.
# 🎮 RxJS Playground
Du kannst dir entweder
* dieses Repository per Git herunterladen und in den Ordner `rxjs-playground` wechseln
**oder**
* den Code als ZIP-Datei herunterladen: [rxjs-playground.zip](https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe/files/6544543/rxjs-playground.zip)
# ✅ Vorbereitung
Damit wir gleich durchstarten können, solltest Du ein paar Vorbereitungen treffen.
Die gesamte Installation wird rund 30 Minuten dauern.
## Benötigte Software
1. **Node.js 12** oder höher: [https://nodejs.org](https://nodejs.org)
+ Mac-User bitte Homebrew verwenden! ([siehe Anleitung](https://presentations.angular.schule/HOMEBREW_NODE))
2. **Google Chrome:** [https://www.google.com/chrome/](https://www.google.com/chrome/)
+ **[Redux DevTools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)** (Chrome Extension)
4. **Visual Studio Code:** [https://code.visualstudio.com](https://code.visualstudio.com)
+ [Angular-Schule: Extension Pack](https://marketplace.visualstudio.com/items?itemName=angular-schule.angular-schule-extension-pack) (Visual Studio Code Extension)
+ [ESLint für VS Code](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) (`dbaeumer.vscode-eslint`)
5. optional: **Git** (und ggf. ein grafischer Client wie SourceTree oder GitExtensions)
## Proxy?
Für die Proxykonfiguration im Unternehmensnetz sind gesonderte Einstellungen nötig.
Wir haben dir hierfür folgende Anleitung erstellt:
https://presentations.angular.schule/PROXY.html
Sollte es Probleme mit dem Proxy geben, melde Dich bitte bei uns, dann finden wir eine Lösung.
## Pakete installieren
Wir nutzen in diesem Workshop das Buildtool [**Nrwl Nx**](https://nx.dev). Es ist eine Erweiterung der offiziellen Angular CLI.
Mit folgendem Befehl kannst Du die Nx CLI auf dem System installieren:
```
npm install -g nx
```
⚠️ Überprüfe bitte anschließend die Versionen, damit wir beim Workshop alle auf dem gleichen Stand sind.
```
node -v
> Erwartet: v12.x oder höher
npm -v
> Erwartet: 6.x oder höher
```
## Startprojekt installieren
Wir haben in diesem Repository bereits ein Startprojekt angelegt.
Es handelt sich um eine "frische" Angular-Anwendung in einem Nx-Workspace, die wir im Workshop weiterentwickeln werden.
Bitte lade dir das Projekt herunter und installiere es.
### Herunterladen
Du kannst *entweder* das gesamte Repo mit Git klonen:
```bash
git clone https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe.git
```
... *oder* du lädst das Repo als ZIP herunter: [Download](https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe/archive/refs/heads/main.zip)
### Installieren
Nach dem Download navigiere in den Ordner `2021-05-angular-workshop-karlsruhe` und führe dort die folgenden Befehle aus:
```bash
cd book-rating
npm install
```
Die Installation kann bei langsamer Internetverbindung sehr lange dauern.
### Starten
Anschließend kannst Du das Projekt aus dem Ordner `book-rating` mit folgendem Befehl starten:
```bash
nx serve
```
> Auf http://localhost:4200 sollte nun eine Website mit dem Text *"book-rating works!"* erscheinen!
Wenn bei allen Teilnehmer:innen das Grundgerüst steht, können wir ohne Zeitverlust loslegen.
### Test-Umgebung prüfen
Beende den laufenden Webserver mit der Tastenkombination `Strg + C`.
Prüfe bitte zum Abschluss, ob der folgende Befehl ohne Fehlermeldungen ausführt:
```
nx test
```
### Wir freuen uns schon! 🙂
Wenn Du die Vorbereitung erfolgreich abgeschlossen hast, bist Du startbereit für den Workshop! Wenn Du Fragen hast oder Fehler auftreten, melde dich bitte bei uns per Mail unter [team@angular.schule](mailto:team@angular.schule) oder bringe deine Fragen zum Technikcheck mit.
### © https://angular.schule | Stand: 10.05.2021