02
Aug

What Is Angular JS and How Angular JS Application Works?

angularJS working

AngularJS is a full featured JavaScript framework, with the basic goal of simplification of application. It is completely free, open source and very easy for fast web development and smooth user experience. AngularJS resolves the problem of building dynamic web apps, allowing the web developer to extend the functionality of HTML by giving them the capability to create new constructs with Angular directives.

Some live examples of angularJS applications:

YouTube: The YouTube application for Sony’s PlayStation 3 is using AngularJS.

Weather.com
: This website gives you one of the most precise weather forecasting reports and weather updates from all over the world which keeps on updating at regular intervals. This amazing website is also built with AngularJS.

 

 Freelancer.com: It is world’s most famous outsourcing marketplace. There are more than 15.7 million freelancers registered on this site.

 

Upwork.com: It is also great platform for freelancers around the world.

 

Netflix.com: It provides internet streaming media to viewers for movies and TV series.

 

Mall Zee: It is a shopping app which enriches your online shopping experience.

 

 Jetblue.com: It is airline services in USA and provides services in 12 other countries in South America, Latin America and Caribbean.

 

Wikiwand.com: It provides improved interface to Wikipedia.

 

Udemy:  It is one of the leading online courses selling website.eral websites.

 

Google Career: This module of google is to avail facility to jobseekers to search job in google and apply.

 

Microsoft Support: Microsoft provides help & support to his customers for their products in this website.

 

Hopefully you are now convinced enough about power of AngularJS , top leading business are using Angular for their online business .

 

Now let’s understand simple coding example of a weather app to understand AngularJS closely:

 

Step 1: Add AngularJS file :

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>

Step 2: Include weather.js file :

Include file/code from: https://github.com/asafdav/ng-weather

Step 3: Define APP :

<html ng-app="APP">

Step 4: Add HTML Tag to specify city :

city-weather="'San Fransisco'"

 Step 5: In last, add ngWeather to you APP :

<script>
angular.module('APP', ['asafdav.ngWeather'])
</script>

Final Code 

<!DOCTYPE html>
<html ng-app="APP">
<head>

<meta charset="UTF-8">

<title>ngWeather example</title>

</head>

<body>

<div city-weather="'San Fransisco'"></div>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>

<script src="weather.js"></script>

<script>

angular.module('APP', ['asafdav.ngWeather'])

</script>

</body>

</html>

 Working with AngularJS is really as simple as like it. Contact us if you want to implement Angular JS in your application.

 

share

Travelcube API integration for Hotels Booking

Travelcube API integration for Hotels Booking

previous-blog-arrowPrevious
How to Execute Database Query in MongoDB

How to Execute Database Query in MongoDB

next-blog-arrowNext

Memberships / Affiliations