https://github.com/gregonnet/tt-angular-workshop
Beispiele aus dem Workshop
https://github.com/gregonnet/tt-angular-workshop
Last synced: 9 months ago
JSON representation
Beispiele aus dem Workshop
- Host: GitHub
- URL: https://github.com/gregonnet/tt-angular-workshop
- Owner: GregOnNet
- Created: 2015-09-23T05:56:42.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-10-18T09:25:33.000Z (over 10 years ago)
- Last Synced: 2025-01-23T13:24:15.791Z (over 1 year ago)
- Language: JavaScript
- Size: 220 KB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Intro
AngularJS ist derzeit eines der modernsten Frameworks, um Web Anwendungen zu erstellen.
Nichts desto trotz ist es schwer zu lernen. Um AngularJS richtig einzusetzen, muss man das Framework verstehen.
## Interessante Videos
- [Reusable Components in AngularJS - Desing Patterns](https://youtu.be/dF_ObGgzGE8)
- [18 Tips for AngularJS Architects](https://youtu.be/MpI3HKDVZm0)
### ng-wat
Eine kritische, aber lustige Auseinandersetzung mit dem AngularJS-Framework.
- [Ng-Wat Talk](https://youtu.be/M_Wp-2XA9ZU)
## Ziel
- Basiskonzepte von Angular verstehen.
- Beispiele verstehen, um sie im praktischen Umfeld einsetzen zu können.
### Normalization
Aus result-link-href wird resultLinkHref. Konvertieren eines Strings in einen anderen konsistenten Standard (hier: 'dashed' <=> 'camelCase').
## Welche Probleme AngularJS zu lösen versucht
Das Entwickeln von Webapplikation erfordert im Javascrtipt die Verwaltung DOM-Events und eigener Javascrtipt-Logik.
Diese beiden Komponenten erfordern mit wachsender Komplexität der Anwendung einen immer höher werdenden Wartungsaufwand.
Das führt mit der Zeit zu Unübersichtlichkeit. Das kann soweit gehen, dass man sich im JS-Code verliert.
Hier setzen Frameworks, wie AngularJS an.
- Änderungen in JS sollen automatisch im DOM repräsentiert werden.
- Ändeurngne im DOM sollen automatisch Verhalten im JS auslösen.
## Diese Tools werden benötigt
```cmd
$ npm install -g gulp
$ npm install -g bower
```
## .tern-project
Diese Datei wird durch das Plugin atom-ternjs (Editor atom) ausgelesen, um Autocomplete-Vorschläge für javascript (insbesondere angular) vorzugeben.