Advanced Angularjs

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,…

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…

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…

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…

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…

In this Tutorial, we implement the server application. This application should be able to monitor files and communicate with multiple clients at the same time. These are the perfect requirements to use an event-driven, nonblocking I/O…

Let's build a cool application using the GitHub REST API. The GitHub API exposes RESTful services in order to fetch details for any software projects, also known as repositories, hosted there. All the data that is stored on the GitHub…

Let's take a look at a very simple angularjs snippet where you start typing your name into an input field. There is also a div that shows what you typed, in real time: <input id="input" type="text" ng-model="name"/> {{name}} You…

In this tutorial , you will learn how to animate DOM elements using angularjs, which translate into underlying CSS animations but are much simpler to use, Setting up the project Let's take a look at what we need to add to…

In this Tutorial, we are going to build an eBay-style e-commerce store that we will call Garage Commerce. It will be a store where users can upload and list items they would usually put up for a Garage Sale. Authenticated users can browse…

Looping is a means to execute the same segment of code multiple times. This is extremely useful when you need to repeatedly perform the same tasks on an array or a set of objects. JavaScript provides functionality to perform for and while…

Most, if not all, apps have a requirement to authenticate/authorize user access. We may argue that authentication and authorization are more of a server concern than a client concern, and that is correct. Still, the client side needs to…

angularjs expressions can get fairly complex and contain function invocations. Those functions might serve different purposes but model transformations and formatting are common needs. To cater for those common use-cases angularjs…

It is not very common to see a template system employing live DOM and HTML syntax but this approach turns out to work surprisingly well in practice. People used to other, string-based template engines might need some time to adjust, but…

The angularjs framework has a built-in $route service that can be configured to handle route transitions in single-page web applications. It covers all the features that we were trying to handcraft using the $location service and…

angularjs provides an abstraction layer over URLs (and their behavior) in the form of the $location service. This service masks the difference between the hashbang and the HTML5 URL modes allowing us, application developers, to work with a…

RESTful endpoints often expose CRUD operations that are accessible by calling different HTTP methods on a set of similar URLs. The code that interacts witch such endpoints is usually straightforward but tedious to write. The $resource…

JavaScript programmers are accustomed to the asynchronous programming model. Both a browser and the node.js execution environments are full of asynchronous events: XHR responses, DOM events, IO and timeouts, which can be triggered at any…

Web browsers enforce the same-origin security policy. This policy authorizes XHR interactions only with resources originating from the same source (defined as a combination of a protocol, host and its port) and enforces restrictions on…

Doing XHR and JSONP calls using the $http service is straightforward. Let's consider an example of fetching JSON content with a GET request: var futureResponse = $http.get('data.json'); futureResponse.success(function (data, status,…

A test for a controller follows similar a pattern to the one for a service. Let's have a look at the fragment of the ProjectsEditCtrl controller from the sample application. This controller in question is responsible for the editing…