https://github.com/angular-schule/2020-02-angular-ngrx-leipzig
🎓 Februar 2020: Inhouse-Workshop zu Angular und NgRx in Leipzig
https://github.com/angular-schule/2020-02-angular-ngrx-leipzig
Last synced: 26 days ago
JSON representation
🎓 Februar 2020: Inhouse-Workshop zu Angular und NgRx in Leipzig
- Host: GitHub
- URL: https://github.com/angular-schule/2020-02-angular-ngrx-leipzig
- Owner: angular-schule
- Created: 2020-02-07T12:22:11.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-19T13:00:54.000Z (about 6 years ago)
- Last Synced: 2025-02-28T21:08:01.941Z (over 1 year ago)
- Language: TypeScript
- Size: 716 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### **von Ferdinand Malcher**
**Herzlich Willkommen – und schön, dass du dabei bist!**
In diesem Repository findest du den Quelltext unserer Beispielanwendung und alle Infos zur Vorbereitung.
# ✅ Vorbereitung
Die gesamte Installation wird rund 30 Minuten dauern.
Bitte führe die Installation *vor* dem Workshop durch, damit wir direkt durchstarten können.
Es ist außerdem wichtig, dass du dich mit dem Projekt ein wenig vertraut machst.
## Benötigte Software
1. **Node.js 12** oder höher: [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/)
+ **[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)
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
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
```
## Projekt klonen und installieren
Damit wir uns im Workshop auf das Framework NgRx konzentrieren können, starten wir mit einer vorbereiteten Anwendung.
Klone dazu dieses Repo auf deinem Rechner – oder lade den Code als ZIP von GitHub herunter.
```
git clone https://github.com/angular-schule/2020-02-angular-ngrx-leipzig.git
cd 2020-02-angular-ngrx-leipzig
```
Anschließend kannst du mit NPM die Abhängigkeiten installieren und das Projekt starten:
```
cd book-rating
npm install
ng serve
```
Die Installation kann bei langsamer Internetverbindung einen Moment dauern.
> Auf http://localhost:4200 sollte nun die Anwendung sichtbar sein. Es wird eine Bücherliste angezeigt und du kannst neue Bücher über das Formular hinzufügen.
## Projekt untersuchen
Bitte schaue dir die Funktionalität und den Aufbau der Anwendung im Code genau an.
Wir werden mit der Anwendung im Workshop arbeiten, deshalb ist es wichtig, dass du mit dem Code bereits grundlegend vertraut bist.
Bei Fragen oder Unklarheiten melde dich bitte direkt per Mail unter [team@angular.schule](mailto:team@angular.schule).
Zum Beginn des Workshops können wir auch noch offene Fragen klären.
### Wir freuen uns auf den Workshop! 🙂
### © 2020 https://angular.schule | Stand: 07.02.2020