javascript framework

AngularJS – A small introduction

bhimansusekhar Angular Js Tags: , , , 2 Comments

AngularJS – A javascript framework which came to picture on 2012 when its first version i.e. Version 1.0 released. Now a days every one is focusing on dynamic web page applications, so keeping that in mind I found that this is one of the right tool to use. If you are looking for a single page application, then this is the best solution for you. Most of the credit for creating the framework goes to Miško Hevery (a google employee), who started to work on this project in 2009. After that a google development team has started to support this project. Now we have the latest version of this project i.e. v1.3.0-rc.3.

Do I need to care about certain points or do I need to know something about AngularJS before learning or implementing in any project?

  • This is a javascript framework which executes in the client end.
  • This is not a javascript library like jQuery.
  • This does not need help of jQuery to work. Both are different like jquery is a javascript library and AngularJS is a javascript framework.
  • jQuery can be used in a AngularJS application, depending on the application’s functionality.
  • This comes with MIT license, which means that we can use it without any cost or in other words we say that it is a open source technology.
  • AngularJS works with most of the modern browsers.
  • Having knowledge on html, css and javascript will really help you in your learning path as well as implementation path of AngularJS.
  • “ng-” is a most important prefix which AngularJS uses to identify its property.
  • In a simple way we can say that AngularJS directives are nothing but are extended html elements and differs with use a prefix i.e. “ng-”
  • Google cdn link for AngularJS :
    <script src=”//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js”></script>
  • AngularJS official site url :
    https://angularjs.org/
  • To use AngularJS frame work in a project, we do not need any special installation kind of stuff. Simply we need to include the AngularJS script source file in our project inside a script tag.

Can I get an Example?

       

<!DOCTYPE html>
<html>
	<head>
		<title>Simple Example On AngularJS</title>
	</head>
<body>
	<h1>AngularJS Example</h1>
	
	<div data-ng-app="" data-ng-init="guestComment=''">
		<textarea ng-model="guestComment" 
		placeholder="Enter your comment here" cols="60" rows="10"></textarea>
		<br />
		Your Comments :<br />
		<textarea cols="60" rows="10">{{guestComment}}</textarea>
	</div>
	<!-- Include AngularJS script file here //-->
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>

So these are certain points which we should know before we start with AngularJS. I will update you more details about AngularJS and how we can use it to create some simple application in my upcoming blogs.

Thanks for your valuable time. Hope we will meet soon.

Stay Happy 🙂
Cheers!!