https://github.com/angular-schule/2021-06-angular-einstieg-duesseldorf
🎓 2. Juni 2021 und 11. Januar 2022: Remote-Workshop Angular Einstieg / Düsseldorf (mit Ferdinand Malcher)
https://github.com/angular-schule/2021-06-angular-einstieg-duesseldorf
Last synced: 12 months ago
JSON representation
🎓 2. Juni 2021 und 11. Januar 2022: Remote-Workshop Angular Einstieg / Düsseldorf (mit Ferdinand Malcher)
- Host: GitHub
- URL: https://github.com/angular-schule/2021-06-angular-einstieg-duesseldorf
- Owner: angular-schule
- Created: 2021-05-21T19:32:46.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-11T15:02:53.000Z (about 4 years ago)
- Last Synced: 2025-01-11T09:44:50.980Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 358 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- 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
npm start
```
**Achtung: Bitte installiere das Projekt auch dann neu, wenn Du im letzten Workshop schon dabei warst!**
# ✅ Installation (ausführlich)
## Benötigte Software
1. **Node.js 14 oder 16**: [https://nodejs.org](https://nodejs.org)
+ Mac-Benutzer bitte Homebrew verwenden! ([siehe Anleitung](https://presentations.angular.schule/HOMEBREW_NODE))
2. **Google Chrome:** [https://www.google.com/chrome/](https://www.google.com/chrome/)
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)
## 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: v12.x oder höher
npm -v
> Erwartet: 6.x oder höher
ng version
> Erwartet: 12.0.0 oder höher
```
## Projekt installieren
Wir haben bereits ein Projekt vorbereitet, mit dem wir im Workshop arbeiten werden.
Bitte klone dieses Repo und installiere das Angular-Projekt auf deinem Rechner.
Führe dazu in deinem Arbeitsverzeichnis die folgenden Befehle aus:
```bash
git clone https://github.com/angular-schule/2021-06-angular-einstieg-duesseldorf.git
cd 2021-06-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
npm start
```
> Auf http://localhost:4200 sollte nun der "Book Rating Shop" erscheinen.
Wenn bei allen Teilnehmer:innen 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: 04.01.2022