Angular 4 is here!

By skipping the Angular 3 version, Google surprised everyone with the announcement of Angular 4, a latest advancement to mobile and desktop development JavaScript framework. This announcement evidenced, Google is more focused on improving the features of Angular rather than just increasing version numbers.

During the NG-BE 2016 Angular Conference held at Belgium, Igor Minar the Angular Team Lead at Google, already introduced Angular 4 version and demonstrated the schedule of future Angular version releases. At the conference he stated, Google will shift to Angular version 4 from the version 2, to associate the version 4 router with the upgrade.

Coming to what’s new in Angular 4, the most salient feature, it is slimmer and faster as compared to the previous versions. It is meant for the applications heavily dependent on animations where the core animation functions are transferred to a discrete package which can now be used separately. Considering this change, developers could easily look for the documentation and leverage the autocompletion.

In addition, the Ahead of Time (AoT) compilation is the major feature introduced in Angular 4 version. While in AoT mode, templates are compiled at runtime during the build and the JavaScript code is generated. AoT mode enables faster application to execution by generating extremely less amount of code, which as a result improves application performance irrespective of its size.
The entire framework is modified with TypeScript, a typed superset of JavaScript in which the Angular 4 version uses TypeScript 2.1. The new version of TypeScript offers amazing features to comply with the modern web ecosystem.

Also, a source map will be generated for the error cases within a template to facilitate relevant context considering the original template. Because of the downward compatibility, the Angular team disabled the TypeScripts strictNullchecks setting with the current release, as they need to work more on this particular feature.

Yes, by introducing the Angular 4 version, Google has taken a step towards the future. So have you already started planning your Angular 4 migration?
Topics: Google AngularJS Angular 4 TypeScript 2.1

User authentication & access privilege checking in AngularJS application


Topics: AngularJS AngularJS application

AngularJS Modularization & Dependency Injection

AngularJS provides a built-in dependency injection mechanism. Using dependency injection mechanism you can split your application into multiple different types of components. AngularJS can inject these multiple different types of components into each other. Modularization of your application is important for making it easy for reuse, configure and test the components in your application.

Here is the list of AngularJS’s core types of objects and components:

  • Value
  • Factory
  • Service
  • Provider
  • Constant

AngularJS dependency injection mechanism is useful for injecting these core types into each other. Now, we will discuss how to define and inject these components into each other.

Topics: AngularJS modularizing applications dependency injection

Effective Routing & Navigation in AngularJS Application

AngularUI Router is a routing framework for AngularJS, mainly developed to improve as well as enhance routing capabilities. It allows us to well organize the parts of application interface into a state machine. UI-Router is state-based framework making routing and UI navigation easier and manageable. The $route service in Angular core is organized around URL routes whereas UI-Router is organized around states. It may optionally have routes and other behaviour, attached with it.

States are bound to named, nested and parallel views that allow us to powerfully manage our application's interface
Topics: AngularJS Routing Navigation AngularUI Router

AngularJS Custom Directives

AngularJs directives are used for extending HTML. AngularJS provides several built-in directives like ng-controller, ng-repeat, ng-app, ng-model, ng-show, ng-hide, ng-cloak etc. But sometimes we will come to the point where built- in directives are not enough for our need. In those cases, we can create custom directives.

Topics: AngularJS AngularJS Custom Directives

e-Zest Solutions is digital experience engineering company with facilities in the United States (Detroit & San Jose), Germany (Hannover), United Kingdom (London UK) and India (Pune) with global clientele. Our services include custom software development, offshore software development, UX consulting, BigData, Managed cloud Services (Azure & AWS), SharePoint consulting/Migration, Enterprise Java application development, Automated software testing services.