JavaScript Frameworks

• jQuery
• Backbone
• Angular
• KendoUI
• Ember
• React
• Batman
• ...

• Typescript/WinJS
• CoffeeScript
• Dart
• Xamarin
• Unity
• GWT
• Scala
  

• Build well structured, easily testable, and maintainable front-end applications with less code and more flexibility.
  
• Standardized architecture and code organization 
• Modular development
  
• Leverage the power of the community
• AJAX
• Faster communication with the server
• Loading different content/pages
• No browser refresh

• Routes: Urls or pages in the application
• yourapp.com/#/product/1
• Views: DOM elements
• Controllers: Programming controlling elements or switching between views
• Services: Request remote data, local storage, or help communication between controllers
• Partials: HTML Templates
• Web Components: Your own custom HTML elements
• <infotec-speaker> or <product-details>
• Angular calls these "directives" but this will change soon

var person1  = new Object();
person.name = "Dustin";person.sayName = function(){  return this.name;}


//Object notation
var person2 = {name: "Dustin", sayName: function(){ return this.name; }}; 

function doSomething(){
  alert("clicked!");}button.onclick(doSomething());

//Same code using anonymous functionsbutton.onclick(function(){  alert("clicked");});

myImage.move(100,100);myImage.rotate(45);myImage.fadeOut();

//Chain calls**myImage.move(100,100).rotate(45).fadeOut();service.get(url).success(doSomething).error(totalFail);