×

2 Months Training For Angular JS

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology. AngularJS is an open source web application framework.It was originally developed in 2009 by Misko Hevery and Adam Abrons.It is now maintained by Google. Its latest version is 1.4.3. AngularJS is a framework to build large scale and high performance web application while keeping them as easy-to-maintain. AngularJS is an excellent framework for building both Single Page Applications (SPA) and Line of Business Applications. Many companies are using Angular today, and there are many public facing web sites that are built with angular.

Details About 2 Months Angular JS Training

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly.

AngularJS is an open source web application framework.

AngularJS is a framework to build large scale and high performance web application while keeping them as easy-to-maintain.

We need the following tools to setup a development environment for AngularJS:

  • AngularJS Library
  • Editor/IDE
  • Browser
  • Web server
  • MVC stands for Model View Controller.
  • It is a software design pattern for developing web applications.
  • A Model View Controller pattern is made up of the following three parts

Data binding is a very useful and powerful feature used in software development technologies. It acts as a bridge between the view and business logic of the application.

Types of Data Binding in AngularJS
  • One-Way Data Binding
  • Two-Way Data Binding
  • A module is a container for different parts of your application i.e controllers, services, directives, filters.
  • A controller is a JavaScript function.The job of the controller is to build a model for the view to display.

AngularJS application mainly relies on controllers to control the flow of data in the application. A controller is defined using ng-controller directive. A controller is a JavaScript object containing attributes/properties and functions.

The ng-init directive allows you to evaluate an expression in the current scope. The ng-init directive initializes employees variable which is then used in the ng-repeat directive to loop thru each employee. In a real world application you should use a controller instead of ng-init to initialize values on a scope.

This method is useful when you want to reload just the current route instead of the entire app. One of the ways to see the new data is by clicking on the browser refresh button. The downside of this is that the entire app is reloaded. This means all the resources required to run your app will be reloaded. You can see all the resource requests made on the network tab in the browser developer tools.

A service in Angular is simply an object that provide some sort of service that can be reused with in an angular application. The angular service object has properties and methods, just like any other JavaScript object.

You can add AngularJS event listeners to your HTML elements by using one or more of these directives:

  • ng-blur
  • ng-change
  • ng-click
  • ng-copy
  • ng-cut
  • ng-dblclick

Filters in angular can do 3 different things

  • Format data
  • Sort data
  • Filter data

To sort the data in Angular

  • Use orderBy filter.
  • To sort in ascending order, set reverse to false
  • To sort in descending order, set reverse to true

AngularJS sort rows by table header

  • The data should be sorted when the table column header is clicked
  • The user should be able to sort in both the directions - ascending and descending. Clicking on the column for the first time should sort the data in ascending order. Clicking on the same column again should sort in descending order.
  • An icon should be displayed next to the column showing the sort column and direction

AngularJS provides filters to transform data:

  • currency
  • date
  • filter
  • json
  • number

AngularJS application mainly relies on controllers to control the flow of data in the application. A controller is defined using ng-controller directive. A controller is a JavaScript object containing attributes/properties and functions.

Page refresh issue that may arise when you refresh the page by pressing CTRL + F5 or CTRL + R

There are simple 4 steps to remove # from URLs in Angular.

  • Enable html5mode routing.
  • In Default.aspx, remove # symbols from all the links.
  • >Include the URL rewrite rule in web.config.
  • Create SQL Server tables and insert data
  • Create new empty asp.net web application project.
  • Add a class file to the project.
Top