Posts

More Features on Angular

Image
As I promised in my previous post, today I am going to talk about how to declare scope variable and bind the variables to the view. Here we are going to use the $scope object to communicate with our view. The $scope variable allows us to tell our HTML that there is a value in our controller that needs to be displayed in the HTML. Here also I take the example that I talked about in my previous post. So, let's see how to do it.  Open menuController.js file and inside the main function ($scope) method, to create a property named "title" enter the following code.                                          $scope.model = {title: 'Our Menu'}; In index.html file  Inside the <h2> tag, to display the title variable that you just defined inside your controller rather than static text, replace the contents of the  <h2>  tag with  {{model.title}} . It is best practice to always bind to an object off of the scope, in this case, "model". T

Using Controllers in AngularJS

Image
The controllers primary purpose is to control the view model contained within the Angular scope. Controllers are used in AngularJS to: Set the initial state of Scope variables, which are then made available for the View to consume and interact with Add behavior to the Scope by two-way binding variables and declaring Scope functions Set up communications to and from the view and Model objects such as Services, brought in through Dependency Injection Angular invokes the controller with a $scope object. Any objects (or primitives) assigned to the scope become model properties. The role of controllers in Angular is to expose data to our view via $scope, and to add functions to $scope that contain business logic that enhances view behavior.  A controller should contain only the business logic needed for a single view; presentation logic should remain within views and directives. Controllers are created by registering with an existing Angular Module. var app = angular

Getting Started with Angular

Image
In the phase of beginning of my post, I’d like to give a brief introduction about Angular. Angular is an open source web framework for JavaScript applications. Nowadays Angular has become an outstanding web development framework because of the following reasons.   Provides improved application design architecture Promotes code  re usability Consists of easy to remove components Employs two way data binding Angular contains the following core types of objects and components. Modules Controllers Services   Directives These core components can be injected into each other using Dependency Injection (DI) mechanism built in Angular. DI is a software design pattern that assigns dependencies to components instead of hard coding them within the component itself. Angular uses a feature called directives that allow to write HTML code, which then builds the HTML of the application instead of using templates to generate the user interface. The adoption of two-way data bindi

How Big Data is Reshaping Software Industry

Image
You may confuse on the word Big Data. So, what is big data? Big data is considered as the data which are very large in size. Normally, we measure data in Megabytes (MB) and Gigabytes (GB). But data in Petabytes (10 15 ) are called as big data. The Four V’s of Big Data Big data poses different challenges when designing algorithms or software systems that can deal with them. Big data is exciting and can change health care policy decisions and the way we do business. But to harness these benefits, we need to address several challenges first. First of all, I’ll walk you through the four V’s of big data which captures the challenges that you will face when involving with big data. The four V’s refer to volume, velocity, veracity and variety.              1)     Volume Volume in big data refers to a large amount of data that you have to deal with. Nowadays, data is produced in a very large quantity. Let’s take surveillance cameras installed in a major city as an exam

Developing Mobile Applications Using Ionic framework and AngularJS

Image
Have you ever wondered how it is possible to build amazing and highly interactive mobile apps by using only web development languages? 😲😲 Ionic framework along with AngularJS make it all possible! It is extremely cumbersome to make mobile apps for various platforms especially due to the complications of using java, Objective C or Swift. Thus, more easy and straight-forward approach is being used nowadays is the ionic framework which allows the developers to build multiple platforms by simply using web development languages in order to create amazing mobile applications. Ionic framework is built on top of AngularJS and Apache Cordova. AngularJS is an open source web application framework which is used in developing single page while Apache Cordova lets developers to build mobile applications using JavaScript, CSS and HTML instead of using platform specific application programming interfaces (APIs’) like iOS and Android. When we talk about ionic framework, it is also a