Hello angular
Upcoming SlideShare
Loading in...5
×
 

Hello angular

on

  • 319 views

slides for introductory hello-world talk at first angularjs-vienna meetup

slides for introductory hello-world talk at first angularjs-vienna meetup

Statistics

Views

Total Views
319
Views on SlideShare
319
Embed Views
0

Actions

Likes
1
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • manfred, freelance coder and bar-owner <br /> php since 95, <br />
  • http://jsfiddle.net/rvFE8/ <br />
  • http://jsfiddle.net/rszmu/ <br /> A few interesting thingsBind with no classes, no IDs in HTMLNo register eventshello_controller.js is plain JavaScript class Auto inject $scopeAuto init HelloController <br />
  • Experiences from building large web applications like Gmail, Maps, Calendar ... <br />
  • http://jsfiddle.net/werkzeugh/68swX/2/ <br />
  • http://jsfiddle.net/werkzeugh/68swX/2/ <br />
  • http://jsfiddle.net/werkzeugh/68swX/2/ <br />
  • http://jsfiddle.net/werkzeugh/68swX/2/ <br />

Hello angular Hello angular Presentation Transcript

  • AngularJS Meetup 01/23/2014 @sektor5 8 months with AngularJS by Manfred Wuits manfred@werkzeugH.at
  • 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/
  • 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/
  • ! ! ➜ Open Source Javascript Framework ! ❖ MVC architecture (Single-Page-Apps) ❖ Data binding ❖ Client side templates ❖ Dependency injection
  • a tiny demo-app ! ▸ http://jsfiddle.net/werkzeugh/68swX/3/
  • some Showcases ➜ sorry, mostly on intranet and dev-servers, no links :(
  • THANKS ! manfred@werkzeugH.at twitter/ADN: werkzeugh