Hello angular
•
1 like•684 views
slides for introductory hello-world talk at first angularjs-vienna meetup
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (20)
Similar to Hello angular
Similar to Hello angular (20)
Recently uploaded
Recently uploaded (20)
Hello angular
- 1. AngularJS Meetup 01/23/2014 @sektor5 8 months with AngularJS by Manfred Wuits manfred@werkzeugH.at
- 2. Hello world: <!doctype html> <html> <head> <script src=“angular.min.js" /> </head> ! <body ng-app> <input type="text" ng-model="userName" /> <h3>Hello {{userName}}</h3> </body> ! </html> http://jsfiddle.net/rvFE8/
- 3. Hello controllers: ! function MainCtrl($scope) { $scope.userName = 'world'; // Model initialisation $scope.greet = function() { // Event handler $scope.userName = $scope.userName.toUpperCase(); $scope.message = "Hello " + $scope.userName; } } http://jsfiddle.net/rszmu/
- 4. ! ! ➜ Open Source Javascript Framework ! ❖ MVC architecture (Single-Page-Apps) ❖ Data binding ❖ Client side templates ❖ Dependency injection
- 5. a tiny demo-app ! ▸ http://jsfiddle.net/werkzeugh/68swX/3/
- 7. some Showcases ➜ sorry, mostly on intranet and dev-servers, no links :(
Editor's Notes
- manfred, freelance coder and bar-owner php since 95,
- http://jsfiddle.net/rvFE8/
- http://jsfiddle.net/rszmu/ A few interesting thingsBind with no classes, no IDs in HTMLNo register eventshello_controller.js is plain JavaScript class Auto inject $scopeAuto init HelloController
- Experiences from building large web applications like Gmail, Maps, Calendar ...
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/
- http://jsfiddle.net/werkzeugh/68swX/2/