• Simplifying Custom Two-Way Data Binding in Angular

    There are three types of data bindings in Angular , they are as follows:

    1. Interpolation
    2. Event Binding
    3. Property Binding

    If you are coming from an Angular 1.X background, you might be wondering that where is the two-way data binding? Remember, the first time you saw AngularJS 1.X demo and you were just blown away the by power of ng-model? Yes, like you, I was also very impressed by power of two-way data binding in AngularJS…

    • Mon, Dec 12 2016
  • How to create constants in JavaScript?

    Constants are immutable variables which value cannot be changed. Once, you have created a constant, its value cannot be changed.

    While coding in JavaScript, many times you may have come across a requirement to create constants. Before ECMA Script 6, it was not very easy to create constants in JavaScript. In this post, I will show you to create constants in both ECMA Script 5 and ECMA Script 6.

    Constants in ECMA 5

    We…

    • Mon, Dec 5 2016
  • Webinar Recap: Getting Started with Angular 2 with TypeScript

    Recently we hosted a webinar about Getting Started with Angular 2 with TypeScript for the India and APAC region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to get started with Angular 2 including:

    • Modules
    • Components
    • Service
    • Rx and Observable
    • Form and input validations

    You can view the recording of the entire presentation…

    • Wed, Nov 30 2016
  • How to print or enumerate properties of a JavaScript object?

    I usually come across the following requirements,

    • How to print name of all the properties of an object?
    • How to print only the methods of an object?
    • How to print even non-enumerable properties of an object? 

    In this post, we will explore all the options to iterate and print properties of a JavaScript object.  Let us consider the object cat, as shown in the listing below:

    var cat = {
    
    	name : 'foo'
    • Thu, Nov 24 2016
  • Introduction to Angular 2 Components

    A component is a main building block of an Angular 2 application, and an application may have any number of components. We can consider a component a particular view of the application with its own logic and data.

    In AngularJS 1.0, there was the concept of controllers, $Scope, and directives to bind data and logic to the view or to create custom elements on the view. In Angular 2, components perform all the tasks that…

    • Mon, Nov 21 2016
  • How to create custom Attribute Directive in Angular

    Attribute Directives are used to change the behavior, appearance or look of an element on a user input or via data from the service. Essentially, there are three types of directives in Angular 2:

    1. Component
    2. Structural directives
    3. Attribute directives

    In this post, we will learn how to create Attribute Directives in Angular. So let’s say we want to change the background color of an element; in that case we would apply…

    • Tue, Nov 1 2016
  • Webinar Recap: Performing CRUD Operations in AngularJS 2.0

    Earlier this month we hosted a webinar about “Performing CRUD operations in Angular 2” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to perform CRUD operations in Angular 2, including:

    1. Routing
    2. Components
    3. Service
    4. Using http, Rx, Observable
    5. Data binding
    6. Form and Input validation

    You can…

    • Wed, Sep 28 2016
  • How to locate a particular object in a JavaScript Array

    Have you ever come across a requirement to find a particular object in a given array of objects? In this post, we will explore various ways to find a particular object in a JavaScript array. Let us assume that we have an array as shown in the listing below and we need to find whether an object with an id of ‘4’ exists:

        var tasks = [
                    { 'Id': '1', 'Title': 'Go to Market 99', 'Status': 'done…
    • Wed, Sep 21 2016
  • What are Closures in JavaScript?

    [Updated 3-22-2019]

    A JavaScript closure is a function which remembers the environment in which it was created. We can think of it as an object with one method and private variables. JavaScript closures are a special kind of object which contains the function and the local scope of the function with all the variables (environment) when the closure was created.

    To understand closures, first we need to understand SCOPING…

    • Fri, Aug 26 2016
  • Webinar Recap: Getting Started with AngularJS 2.0

    On July 27th, we hosted a webinar titled “Getting started with AngularJS 2.0” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to get started with AngularJS 2.0, including:

    • Setting up development environment
    • Understanding Components
    • Bootstrapping application
    • Classes and Interface in TypeScript
    • Data Bindings- interpolation…
    • Mon, Aug 15 2016
  • Exporting a Grid to Excel in Three Simple Steps

    In a web application project, exporting a grid to an Excel file is one of the most frequent requirements. There are various ways to do this, but IgniteUI makes it super simple. All it takes is one line of code! In this post, we will learn to:

    • Create a grid
    • Export the grid to an Excel file
    • Export a grid with features like Pagination enabled to an Excel file

    Let’s get started.

    Step1: Adding References

    To work with…

    • Mon, Aug 8 2016
  • Step by Step working with GitHub Repository and Visual Studio 2015

    The GitHub is one of the most popular code sharing platforms, which follows GIT algorithm for version control.  In this blog post, we will learn how to work with GitHub repository and Visual Studio 2015. This blog post would help you in answering following two questions:

    1. How to sync or share a project from Visual Studio to a GitHub Repository
    2. How to clone a GitHub Repository in Visual Studio?

    Syncing or Sharing project…

    • Thu, Jul 21 2016
  • Using jasmine and karma to Write and Run Unit Tests for AngularJS Applications in Visual Studio

     Note: Although we say this post will show you how to use Visual Studio to write AngularJS applications and unit tests, you can use these methods to configure test environments for any IDE.  

    To write unit tests I will use jasmine, to run them I’ll use karma, and to create proxies of AngularJS components like filter, controller, and service, I’ll use ng-mock. In this post we will cover the following topics:

    • Tue, Jul 12 2016
  • What is the Extension Method in C#?

    I often get questions about the Extension Method in C#. The Extension Method was introduced in C# Version 3.0. and allows us to add functionalities in an existing class without modifying it, extending it, or re-compiling it.

    Essentially, the Extension Method allows us to add a new method to an existing class:

    • Without modifying it or adding code
    • Without extending it or creating a new derived type
    • Without recompiling the…
    • Tue, Jul 5 2016
  • Webinar Recap: Unit Testing in AngularJS

    Earlier this month, we hosted a webinar titled “Unit Testing in AngularJS” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to about AngularJS Unit Testing, including:

    • Getting started with Jasmine for JavaScript Unit Testing
    • Setting up Karma
    • Unit Testing Filters
    • Unit Testing Controllers
    • Unit…
    • Wed, Jun 29 2016
  • Getting started with the Ignite UI igTree in three simple steps

    Trees are some of the most important controls used to build modern web applications. HTML does not provide any tree elements out of the box, but by using the Ignite UI library by Infragistics, you can very easily create a tree control in your application – simply use the Ignite UI tree control, igTree. In this post, we will show you how to get started with this control in three simple steps. Let’s get started!…

    • Mon, Jun 6 2016
  • Simplifying Objects, Inheritance and prototype in JavaScript

    Although JavaScript is a Class-Free language, it supports objects creation, overriding properties/methods and inheritance. In this post, we will explore the concepts of object creation and inheritance.

    In JavaScript, Objects can be created in three possible ways:

    1. An object as literal
    2. Using the function constructor
    3. Using the Object.Create method

    Object as literal

    A simple object Student - as an object literal - can…

    • Thu, Apr 28 2016
  • Webinar Recap: Objects and Inheritance in JavaScript

    On March 31st we hosted a webinar titled “Understanding Objects and Inheritance in JavaScript” for the India region, and we’d like to share the presentation and recorded webinar with you now!

    In the webinar, we covered everything you need to know to about objects and inheritance in JavaScript, including:

    • Objects literals 
    • The Function constructor 
    • The Value of prototype of function 
    • Inheritance in…
    • Thu, Apr 14 2016
  • Bind JSON to HTML table using the Ignite UI data source in three simple steps

    IgniteUI DataSorce or igDataSource is a component of the Ignite UI framework. It binds various UI components to the data of the various forms like JSON, XML etc.

    Step 1: Creating the Data

    Let us say you have a JSON data as shown in the listing below:

     var populationData = [
        { "CountryName": "China", "1995": 1216, "2005": 1297, "2015": 1361, "2025": 1394 },
        { "CountryName": "India", "1995": 920, "2005": 109…
    • Mon, Apr 4 2016
  • How to Implement the Repository Pattern in ASP.NET MVC Application

    The Repository Pattern is one of the most popular patterns to create an enterprise level application. It restricts us to work directly with the data in the application and creates new layers for database operations, business logic, and the application’s UI. If an application does not follow the Repository Pattern, it may have the following problems:

    • Duplicate database operations codes
    • Need of UI to unit test database…
    • Mon, Mar 7 2016
  • How to Create a Custom Action Filter in ASP.NET MVC

    In ASP.NET MVC, Filters are used to inject logic at different levels of request processing and allow us to share logics across Controllers. For example, let’s say we want to run a security logic or a logging logic across the controller. To do so, we’ll write a filter containing those logics and enable them across all controllers. When we enable a filter across all controllers or actions, the filter enables the upcoming…

    • Fri, Mar 4 2016
  • Webinar Recap: Creating a Single Page Application using AngularJS and Web API

    On February 19th we hosted a webinar titled “Creating a Single Page Application using AngularJS and Web API” for the Indian region and we’d like to share the presentation and recorded webinar with you now!

    In the webinar, we covered everything you need to know to create your own SPA, including the ins and outs of Web APIs, how to expose CRUD operations on data, how to create different views for your…

    • Mon, Feb 29 2016
  • Different Ways of Injecting Dependency in an AngularJS Application

    A brief overview on passing dependencies in AngularJS using the function argument, array arguments, and the $inject service.
    • Sat, Feb 27 2016
  • Understanding the Grid Layout in Bootstrap

     

     
    With each passing day, new devices with new screen sizes are popping up - and as web developers, we need to create web applications that are responsive to these various screen sizes. There are multiple ways you can create a responsive layout, however I find Bootstrap grid layout to be the easiest. In this post, we will cover various aspects of the Bootstrap Grid system with various examples. To start with let us create…
    • Tue, Feb 23 2016
  • What is a Provider () in AngularJS?

    The provider() function allows us to create a configurable service where we can set input per application for the service created using the provider (). For example, if we need to set API key to access a service on the application level, we can set that in the module config and pass input to the provider using the $provide service. All the others ways to create services internally use the $provide service.

    Creating a…

    • Mon, Feb 22 2016