Showing posts with label Angular Introduction. Show all posts
Showing posts with label Angular Introduction. Show all posts

Monday, January 12, 2015

Lession 1: Including the Angular.js Library & Code in an HTML Page

Angular.js is a structured javaScript framework, for dynamic  web applications. Angular is best MVC framework for SPAs(Single Page Applications). Angular's key features are 3Ds:
  • Directives
  • Dependency Injectors
  • Data Binding
Lets learn about these thing.. How to include angularJs in your webpage is explained below:
<!doctype html>
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
</head>
<body>
Some Text
</body>
</html>
Here there are two thing you need to consider. 1) Attach a angularJs CDN link
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
2) Bootstrapping the application by adding "ng-app", andgularJs containment will start from where "ng-app" mentioned.
<html lang="en" ng-app>
Done! You can now start writing you code..

Wednesday, June 25, 2014

Introduction to Angular JS

Introduction to angularJS

In simple terms AngularJs is JavaScript library, but powerful tool.

Tremendous features enable you to work more effective.

Be low is the sample template to configure the angularJs in your website or template:

<!doctype html>
<html ng-app>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

  

Sunday, June 22, 2014

Learn AngularJs


Learn AngularJs 

Hey guys, AngularJs quite a famous JavaScript library these day right? Yes it is. It is because the features that it is offering and the ability of the library.

Key Things that should mentioned about AngularJs:
  1. 3Ds
    • Data Binding
    • Directives
    • Dependency injector
  2. Filters
  3. Animations
  4. Declarative development procedure.
And there are more that is is offering, want to learnt it?

Prerequisites to learn AnularJS:
Knowledge on HTML5
Knowledge on CSS3
Basic understanding of Javascript coding and prototype concept.

The below are the resources to get know it:
Dan Wahlin Video on AngularJs:
EggHead channnel on angular JS:

Lynda tutorial on AngularJS