Introduction to AngularJS

by Santhakumar Munuswamy

  Posted on  03 April 2015

  AngularJS


 

Introduction:

AngularJs is an open source platform for build web application and a maintained by Google. It is a developing purpose for Single Page Application. It is support for test driven development (TDD) and MVC (Model-View-Controller) pattern. It is providing licensed under the MIT License.

If you want to learn AngularJs before that you should know good knowledge as following skills

  • HTML
  • Java Script
  • CSS 

The first released version 1.0 of the AngularJs at 2012.  This version introduced some features like Single Page Application, Support Separation, Support Binding, Test driven development, Rich internet application and support cross browsers.

You want to download AngularJS as following link 

https://angularjs.org/   à Click Download AngularJS file

Code: 

App.js

var app = angular.module("AngularApps", []);

SampleAppControler.js

app.controller("MySampleAppController", function ($scope) {
    $scope.Message = "San2Debug.net";

});

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>San2Debug || AngularJS Sample Application</title>
    <script src="Js/angular.min.js"></script>
    <script src="Js/App.js" type="text/javascript"></script>
    <script src="Js/SampleAppControler.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="Container" ng-app="AngularApps" ng-controller="MySampleAppController">
    <p><h3>Welcome {{Message}}</h3></p>
    </div>
    </form>
</body>
</html>

Output:

Welcome San2debug.net

Conclusion:

This article helps to understand the AngularJS in Visual Studio 2010.  

 


About the Author
Santhakumar Munuswamy is a seasoned Solution Architect and Most Valuable Professional in Cloud /AI solutions. He has been experienced around 14 years in Solution designing, Software Product Development, Technical Documentation, Project Management for Web and Cloud Applications. He has experience in the IT industry across different domains (Automotive, Telecommunications, Healthcare, Logistics & Warehouse Automation, etc.) with roles in Technical Architect, Genesys Consultant, Technical Lead, Team Lead, and Developer. He has experienced in mentorship and coaching high potential developers.

Follow Me: Facebook, Twitter, Google Plus, LinkedIn
blog comments powered by Disqus


Month List

Community Badges