Dot Net Tricks Tutorial - For Beginners & Professionals

 

Bootstrapping angular app based on multiple modules

AngularJS is automatically initialized for one module. But sometimes, it is required to bootstrap for multiple modules and it can be achieved by using two methods:

 

Understanding jQLite or jQuery Lite

jQLite is a subset of jQuery that is built directly into AngularJS. jQLite provides you all the useful features of jQuery. In fact it provides you limited features or functions of jQuery.

 

Understanding AngularJS Bootstrap Process

Angular initializes automatically upon DOMContentLoaded event or when the angular.js script is downloaded to the browser and the document.readyState is set to complete. At this point AngularJS looks for the ng-app directive which is the root of angular app compilation and tells about AngularJS part within DOM.

 

What is Angular Material Design and Why to use it?

It is Google’s new fancy UIs for the web. It is based on Google's Material Design. As per Google, "Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs."

 

Enable Ionic Intellisense support in Visual Studio 2013

Visual studio provides you intellisense support for various programming languages and scripts. It helps a lot while programming with Visual Studio IDE. By default Visual Studio doesn't provide us the Ionic intellisense support. I did some googling over net and found a useful resource which helps you to enable intellisense in visual studio.

 

Understanding AngularJS Routing

Routing is a mechanism which helps you to divide your single page application into multiple views and bind these views to corresponding controllers. In this article, you will learn how to configure angular routing.

 

Understanding AngularJS Templates

In Angular, templates are the views with the HTML enriched by Angular elements like directive and attributes. Templates are used to display the information from the model and controller that a user sees in his browser. An angular templates can have Directive, HTML markup, CSS, Filters, Expressions and Form controls.

 

Understanding AngularJS Directive

AngularJS directives extend the HTML elements with new behaviors. AngularJS directive help you to manipulate HTML elements, handle event, perform data binding, associate controllers/scope with a view and many more things. AngularJS provide you some built-in directives like as ng-app, ng-controller, ng-repeat, ng-model etc. to make it easy.

 

Understanding AngularJS $rootScope and $scope

Scope is an object that refers to the application model. It acts as a context for evaluating expressions. Typically, it acts as a glue between controller and view. Scopes are hierarchical in nature and follow the DOM structure of your angular app.

 

Understanding AngularJS Factory, Service and Provider

In AngularJS, services are reusable singleton objects that are used to organize and share code across your app. They can be injected into controllers, filters, directives. AngularJS provides you three ways : service, factory and provider to create a service.

 

Understanding AngularJS $watch(), $digest() and $apply()

AngularJS has a powerful data binding mechanism. When you do changes in a variable on the $scope object within your view, the $scope object auto-magically updates itself. Similarly, whenever the $scope object changes, the view updates itself with the new value. AngularJS handle data-binding mechanism with the help of three powerful functions: $watch(), $digest() and $apply().

 

Understanding Dependency Injection in AngularJS

Dependency Injection (DI) is a software design pattern that allows you to remove hard coded dependencies between software components. It allows you to develop loosely coupled components by injecting dependencies either at compile time or run time.

 

What is Ionic and Why to use it?

Ionic is an UI framework which is build to create hybrid mobile apps based on Html5. It's alpha version was released in late November 2013. It provides your hybrid mobile apps native apps like look and feel and UI interactions which your app required. It also supports a broad range of common native mobile components, slick animations, and beautiful design.

 

AngularJS CRUD Operations with WebAPI, EF and Bootstrap

In previous article, you have learned about AngularJS Form Validation with Bootstrap. This article will demonstrate, how to create an HTML5 app with CRUD (Create, Read, Update, Delete) Operations using AngularJS, WebAPI, Entity Framework code first and Bootstrap.

 

AngularJS Form Validation with Bootstrap

AngularJS form validation enables you to develop a modern HTML5 form that is interactive and responsive. AngularJS provides you built-in validation directives to to validate form client side. This makes your life pretty easy to handle client-side form validations without adding a lot of extra effort. AngularJS form validation are based on the HTML5 form validators.