Fundamental of AngularJS: Part 1

Introduction

A web page is a web resource and a part of a website. Please note that a web page is not the same thing as a web site. A web site is a collection of pages. A web page is an individual HTML document.

Every webpage has a URL.

Web pages are prepared by web programming.

 

Web programming are mainly done using two types of scripting.

Recently we have rich client-side as well as server-side technology available.
Mainly we are using client-side technology such as:

  • HTML
  • JavaScript
  • jQuery

Similarly we have server-side technology such as:

  • ASP.NET
  • PHP
  • JSP

Whatever the technology may be, the thing that is fixed is HTML.

Without HTML a web page cannot be designed. The current version of HTML is HTML5 that is recently used.

Mainly HTML is used for design purposes.


Now I am not going to tell about all the history of languages, from here I am proceeding directly to AngularJs.

JavaScript: JavaScript is a client-side scripting language.

Script means a program inside a webpage.

JavaScript was first introduced in 1995 by Netscape Communications Corporation.

jQuery: jQuery is a lightweight cross-browser JavaScript library. We can say that it is the enhancement of JavaScript. It was released in August 2006.

It was mainly founded by John Resig.

BACKBONE JS: Backbone js is a very lightweight JavaScript file. It is designed mainly for the model–view–presenter (MVP) application design paradigm. It was founded by Jeremy Ashkenas in 2010.

KNOCKOUT JS: As the name suggests, it is also a JavaScript file. It is mainly for creating rich, interactive and responsive web pages. This was developed by a Microsoft employee Steve Sanderson in 2010.

So mainly the History of client-side languages are like this
.
 
Here I am proceeding directly to a basic introduction to AngularJs.

AngularJs
  • AngularJs is  a JavaScript framework based on MVC pattern.
  • It is used to develop rich, interactive Single Page Applications using mainly the MVC and MVVM patterns.
  • It was developed and maintained by GOOGLE.
Core Features of AngularJs

1. It is very simple and easy to understand, in the sense that it provides very easy and descriptive directives that are very easy to remember and understand, you will learn all this as you proceed.



2.
DataBinding: this provides two-way databinding that is from the Model to the View and the View to the Model.

And it provides a very easy way of databinding.

 

3. Data Filter: This provides a set of filter keyword to filter your data in the client side and with very less code you can filter your data.

 
 

4. Based on MVC and MVVM Pattern: the main purpose of this pattern is “Code separation” and make the code “independent”.

The MVC pattern of AngularJs provide us:

  1. Model: The model is responsible for managing client data. The data that comes from the REST API.
  2. View: The view is responsible for presenting the data to the user. In client-side scripting the view is the HTML elements.
  3. Controller: Here the controller act as the the code or function that we write inside the script.

5. Directive Integration: In AngularJs we have many directives, these directives add additional features to the HTML element and make it very powerful and a beautiful application.

Apart from these, we have many reasons for why we are using AngularJs, like it provides Unit Testing, animation, built-in dependiency injection and so on. That is why we are using AngularJs.

How to use AngularJs in our project

The official site for AngularJs is angularjs.org.

Here we can download the the JavaScript file and learn about the complete AngularJs.
 
 
You can download the file from here.
 
If you want to learn about the fundamentals, the directive you can follow is:
 
 
In this you can choose the API reference to get the knowladge.