Angular 2 is an open source JavaScript framework to build web applications in HTML and JavaScript. This tutorial looks at the various aspects of Angular 2 framework which includes the basics of the framework, the setup of Angular and how to work with the various aspects of the framework. Other topics discussed in the tutorial are advanced chapters such as interfaces, nested components and services within Angular. Topics such as routing, modules, and arrays are also dealt with in this tutorial.

This tutorial is for those who are interested in learning the new version of the Angular framework. The first version of the framework has been there for quite some time and it is only off-late that Angular 2 has become popular with the web development community.

Angular JS is an open source framework built over JavaScript. It was built by the developers at Google. This framework was used to overcome obstacles encountered while working with Single Page applications. Also, testing was considered as a key aspect while building the framework. It was ensured that the framework could be easily tested. The initial release of the framework was in October 2010.

PROGRAM DETAILS

Overview of AngularJS

• AngularJS architecture overview
• The Angular Batarang
• Get Setup
• Angular Seed Tour
• Build: Hello World

Data Binding

• Wiring up a controller
• Binding
• Iteration
• Filters
• Forms binding and validation
• Build: A two-way bound form with validation

Services and DI

• Overview of the built-in AngularJS services
• Using angular's $http and $resource services
• Promises
• Service registration and injection
• Using services to build a service
• Injecting services
• Build: Create a twitter search service

Templates and Routing

• Linking and images
• The routing API
• PushState, hasbangs and SEO
• Build: Using templates with iteration
• Build: Using templates and routing for master/details navigation

Directives

• Simple directives
• Using templates
• Working with controllers
• Transclusion
• Directive scope and isolate scope
• Build: Tweet Directive

Advanced Topics

• How to avoid polluting the global namespace
• Using modules
• Some AngularJS best practices
• Using $watch, $digest, $apply
• AngularJS events
• Route Resolving

Code Dojo: Hacking

• Spend the last hour playing and hacking with AngularJS