...

function MyCtrl($scope) {
  $scope.name = "";

  $scope.$watch("name", function(newValue, oldValue) {
    if (newValue.length > 0) {
      $scope.greeting = "Greetings " + newValue;
    }
  });
}

Why AngularJS?

TODO: 

What is the use case for this technology from the developers point of view

What benefit does a developer get from using this technology

What pain were we trying to solve by adopting this technology

What are the strengths and weaknesses of this technology

• STRENGTHS
  • Two-way data binding
  • HTML Templates
  • Dependency Injection
  • Deep Linking
  • Directives!!!
  • Testable
  • Embeddable - you can attach the AngularJS application to a specific DOM element and not have to worry about nasty side effects outside of that element and into the rest of the page

What technologies complement this technology and can be used in tandem

About Angular

• Open source project hosted on GitHub and licensed by Google, Inc. under the terms of the MIT license.

• AngularJS is a relatively new actor on the client-side MVC frameworks scene, yet it has managed to attract a lot of attention, mostly due to its innovative templating system, ease of development, and very solid engineering practices

• Prescriptive Framework - AngularJS is prescriptive in the sense that it has a recommended way of building web apps. It has its own spin on the ubiquitous MVC pattern that is especially well suited for JavaScript.

How does it stand out from the crowd?

• Automatic refresh and the two-way data binding frees developers from the tedious work of explicitly triggering UI repaints
• Live DOM generated from HTML syntax is used as a templating language. More importantly, it is possible to extend an existing HTML vocabulary (by creating new directives), and then build UIs using a new HTML-based DSL
• Declarative approach to the UI results in a very concise and expressive way
• The excellent UI templating machinery doesn't put any constraints on the JavaScript code (for example, models and controllers can be created using plain, old JavaScript without the AngularJS APIs called all over the place)

Getting your development environment set up

TODO: add content here

About Angular

• Open source project hosted on GitHub and licensed by Google, Inc. under the terms of the MIT license.

• AngularJS is a relatively new actor on the client-side MVC frameworks scene, yet it has managed to attract a lot of attention, mostly due to its innovative templating system, ease of development, and very solid engineering practices

• Prescriptive Framework - AngularJS is prescriptive in the sense that it has a recommended way of building web apps. It has its own spin on the ubiquitous MVC pattern that is especially well suited for JavaScript.

Core Features

...

Dependency Injection

• The built-in support for DI makes it easy to assemble a web application from smaller, thoroughly tested services

...

Two-way Data Binding

• It makes it easy to change a value and effortlessly have it update the DOM. This means that there is only one place in your application where that piece of information is stored

Strong Focus on Testability

...

Core Features

• Dependency Injection

  • The built-in support for DI makes it easy to assemble a web application from smaller, thoroughly tested services

• Two-way Data Binding

  • It makes it easy to change a value and effortlessly have it update the DOM. This means that there is only one place in your application where that piece of information is stored

• Strong Focus on Testability

  • The design of the framework and the tooling around it promote testing practices at each stage of the development process.

• Deep Linking

  • The framework makes it easy to share and change the application state. The URL of the application reflects what the user is doing.

• Unique Templating System

  • It uses HTML as the templating language
  • It doesn't require an explicit DOM refresh, as AngularJS is capable of tracking user actions, browser events, and model changes to figure out when and which templates to refresh
  • It has a very interesting and extensible components subsystem, and it is possible to teach a browser how to interpret new HTML tags and attributes (Directives!!!)
    • You can create custom DOM elements, attributes, or classes that attach functionality that you define in JavaScript

...

Pentaho Platform Integration

...

Why AngularJS ?

TODO:

• What is the use case for this technology from the developers point of view
• What benefit does a developer get from using this technology
• What pain were we trying to solve by adopting this technology
• What are the strengths and weaknesses of this technology
• What technologies complement this technology and can be used in tandem

Getting your development environment set up

TODO: add content here

Unit Test / CI

TODO: add content here