AngularJS Tutorial

AngularJS is a JavaScript framework that helps to build web applications.

AngularJS Tutorial

Learn AngularJS with this interesting and complete AngularJS tutorial, quickly and easily. Useful for all beginners, this step by step tutorial explains the basic to advance concepts of AngularJS with examples.

Who is this AngularJS Tutorial designed for?

Very useful for all beginners and professional web developers, this tutorial will help you develop effective web based applications. By the end of this tutorial, you will be confident about your skills with AngularJS programming. Freshers, BCA, BE, BTech, MCA, college students will also find it useful to develop notes, for exam preparation, lab exercises, assignments and viva questions.

What do I need to know to begin with?

AngularJS is used for developing web based applications. Prior knowledge of HTML, CSS, Javascript, working with text editor will give a quick start.

AngularJS syllabus covered in this tutorial

AngularJS Environment Setup, Arrays and Module, Controller, Data Binding, ng-model Directive, ng-invalid Directive, ngHide and ngShow, ng-repeat Directive, Custom Directive, Filters, Dropdown List, Web Service, Custom Web Service, Event Handling, Routing, Form Validation.

So, if you wish to learn AngularJS, this tutorial will give you a perfect start.

What is AngularJS?

  • AngularJS is a JavaScript framework that helps to build web application. It is a full featured single page application framework. It can be added to an HTML page with a <script> tag.
  • AngularJS enables you to create cross-browse application. It automatically handles JavaScript code that is compatible for each browser.
  • It is an open source project, which mean that it can be freely used, the code can be changed and shared by anyone.

Core Features

Following are most important features of AngularJS:

  • Data-binding: It keeps the model and view in synchronization. It supports two way data binding. When you change the model, view is updated accordingly and vice versa.
  • Scope: $scope object as an argument with controller. It is available with properties and methods.The scope object is available for both the view and the controller.
  • Controller: A controller is a JavaScript constructor function. The main job of a controller is to build a model for the view to display.
  • Services: There are several built-in services in AngularJS. Services enable you to organize and share code across your app.
  • Filters: Filters can be added to expressions by using the pipe character |, followed by a filter as {{ expression | filter }}.
    For example:
    <p>The name is {{ EmployeeName | uppercase }}</p>
  • Directives: AngularJS comes with built-in directives which offer different functionalities to your applications.For e.g. ng-app, ng-model, ng-repeat, ng-init are some of the directives. AngularJS directives are always prefixed with the ng-. These directives are extended HTML attributes.
  • Templates
  • Routing
  • Deep Linking
  • Dependency Injection: AngularJS has a built-in dependency injection subsystem.