Angularjs

In This Tutorial we'll perceive how to utilize a greatly helpful interface segment utilized as a part of an expansive number of web applications. We're discussing ng-grid, a very useful custom directive to deal with dynamic tabular data .…

In the accompanying tutorial, you will learn how to create mapify app using angularjs , we'll also see how to install a directive into an angularjs application using the Bower dependency manager. Here we'll use the ng-map directive. As…

The app model The model is the data that the view and controller work on. It represents the state of the system projected on the view. To determine the model for our own app, we need to detail the features that the app supports.…

The stopwatch is a full-fledged example of how to build an angularjs directive from start to finish. This Turorial will cover the correct way to break down requirements and consolidate them into actionable items. We will explain how the…

In this Tutorial you will use custom angularjs directives to implement a set of draggable elements containing words that can be dragged onto a set of droppable image elements. When the word is dropped on an image, it is appended to a list…

To be able to allow secure access to legitimate users, there has to be an element of trust between the server and the browser. Unfortunately, there are a number of attacks that can take advantage of this trust. With the correct support on…

In this tutorial you will learn to build a simple social networking app using Angularjs .To start, you’ll build a page showing the most recent posts. Posts will be anonymous until you add some authentication. so lets get started.. ;)…

Introducing Grunt and Gulp All modern JavaScript applications involve some kind of build process. This might entail preprocessing CSS with Sass/Less/Stylus, concatenating JavaScript files into one, minifying assets, compiling…

Security is one of the most important and most challenging tasks faced by an angularjs developer. It’s not that the developer is actually responsible for implementing the security layer—that is not the case at all—but it is very important…

angularjs' built-in $http service is good enough to serve most purposes. angularjs' built-in $http has the following methods: $http.get(url, ): This is used to get data from the server where: url: This is the absolute or…

In this tutorial you will learn how to build a blog with angularjs from scratch . our home page will consist of a fully functional carousel, hero unit, and three content sections with call to actions. The following screenshot is that of the…

Services, providers, and factories are all just fancy ways of saying "library". A broad description of a library would be some collection of behavior that is reusable across multiple codebases. Services provide this by acting as an…

In This Tutorial you will learn how to add social logins (OAuth) in your Angularjs app . If the users choose to log in through a social network, it is done through OAuth . However, once the identity of the user is confirmed, the rest of the…

An Angular app employs a number of framework artefacts to achieve any functionality. Any Angular app has multiple views, controllers, services, filters, and also directives, all working together in unison. The need for communication between…

An application developer spends most of his time to write code. It is best practice to structure the directory in a way that helps the developer to write code rapidly. It is important to structure the angularjs controllers, directives,…

The current angularjs framework design in an amalgamation of the changing Web and the general computing landscape; however, it still needs some changes. The current Angular 1.x framework cannot work with new web components, as it lends…

In application development, Create, Read, Update, and Delete (CRUD) are the four basic functions of persistent storage, such as databases. CRUD refers to the commonly used functions in the relational database. The following table shows you…

In this Tutorial, we will learn to build your own Content Management System (CMS). This Tutorial iS for Beginners as well as for Expert Developers Until now, we have been heavily dependent on external web services to handle all our…

In this tutorial, we will see how to use another important interface component, Tabs, using the $http function to load some content. Getting ready To accomplish this task, we will create a controller and use the get method…

In this Tutorial you will learn to build a shopping cart with angularjs . you can also integrate this Tutorial to your ecommerce app which we have created earlier here is the preview of our shopping cart First off, we need…

MOdal components are extremely common in web applications or even on small websites. In the upcoming sections, we will show a simple modal solution loading content from a simple controller using the Bootstrap UI, and also an alternative…

You will learn following topics in this tutorial for your ease here we will use previously created storyboard app for learning routes in angularjs Components of angularjs routes Creating routes Route parameters Creating and…

You will learn following topics in this tutorial What a view is in angularjs Creating controllers to manage views Declaring properties and methods in a controller Binding to properties and expressions in an angularjs…

AngularFire takes it a notch further by introducing three-way data binding, whereby it is able to detect local changes, so we don't even have to call $save(). We just have to call $bindTo() on a synchronized object and any changes in the…

In this Tutorial, we will create simple Expense Manager App optimized for mobile and tablet devices. This Tutorial is divided in two parts Some of the interesting things that we'll learn are as follows: Understanding HTML5 Web…

First, we will set up an angularjs template that serves as a boilerplate for the examples and the application. We will see a typical directory structure for an angularjs project and initialize a controller. Similar to the previous example,…

AngularFire When we talk of building any system, we either have to deal with objects, or with collections. Those objects often contain collections, for example, in a one-to-many relationship. So, AngularFire gives us two different…

In this tutorial you will learn to build a Birthday Reminder app using angularjs and facebook so lets get started :) Building on this, we will now see how to build an app that will consume Facebook's open graph, Application Programming…

If a controller is supposed to be lightweight and only concern itself with the view it’s controlling, what happens when you need functionality to be available to your entire application? If a controller should never communicate directly…

English is not the first language for a sizable population of the world, therefore building an app that just renders in English may not be a very wise idea. Imagine, with just some content localization, how much we can gain in terms of…