Angular

Validations for Template-driven forms in Angular 4

Reading Time: 5 minutes Validations for Template-driven forms in Angular 4: Prerequisite : Basic understanding of Angular 2/4 First of all, we need to create a simple form in Angular. You can clone this repository for the example. We’ll continue further with this example. This is the form that we have in AppComponent : <div class=”container”> <div class=”row”> <form #myForm=”ngForm” (ngSubmit)=”submitForm()”> <div class=”row”> <div class=”col-md-4 col-md-offset-4″> <h1>Form Validations</h1> </div> Continue Reading

When I took Angular 2 to build my Application

Reading Time: 2 minutes When I took Angular 2 to build my application, I still had my doubts to go with Angular 2 or some other framework. But after some research, I decided to go with Angular 2. It gives the ability to make Single Page Application in a perfect and viable way. Here are some others reasons / advantages I liked: 1. TypeScript : Unlike javascript, typescript is Continue Reading

Understanding “this” in JavaScript

Reading Time: 2 minutes Function in javascript have properties, Just like javascript Object have properties. And when function get execute, It get the this property Lets Take a closer look at “this”. this is a special character/keyword in javascript, As we know working with this is little tricky because it can change value when you and you are not expecting Let see how we can track this First we Continue Reading

Knolx: Intro to Ionic 2-Angular 2, & Ionic1 Vs Ionic2

Reading Time: < 1 minute Knoldus organized a session on “Introduction to Ionic 2 with Angular 2”. That covered the differences between Ionic 1 and Ionic 2, As Ionic 2 is best compatible with Angular 2 (typescript) so some of the commands and components also discussed in this session. Check the slides:   Check the video of this session:     In case of any confusion, don’t hesitate to ask. Continue Reading

Implementing ag-Grid in Angular 2

Reading Time: 4 minutes What is ag-Grid? ag-Grid is a JavaScript Data Grid for Building Enterprise Web Applications. It is one of the most widely used grid. It provides features like sorting, filtering, selection, re-sizing and many more. Here’s an inspiring article of how ag-grid was developed. Prerequisite : To understand how to implement ag-Grid in your Angular 2 application, you need to have a basic knowledge of Angular Continue Reading

Implementation of Gulp.js from Scratch

Reading Time: 3 minutes Are you tired of doing  the same things manually i.e., creating the folders, compiling and copying  the files deploying them on separate environments (i.e., dev or prod) manually.  A lot of mouse clicking,  lot of  copy-paste, a lot of configuration changes and of course loads of headache. Then this blog is for you. I hope after this blog your search ends for implementing gulp in your Continue Reading

Services In Angular 2

Reading Time: 2 minutes Services are the building blocks that Angular provides for the definition of the business logic of our applications. In AngularJs 1.x, we had three different ways for defining services: // The Factory method module.factory(‘ServiceName’, function (dep1, dep2, …) { return { // public API }; }); // The Service method module.service(‘ServiceName’, function (dep1, dep2, …) { // public API this.publicProp = val; }); // The Provider Continue Reading

Introduction to typescript and Angular2

Reading Time: 13 minutes What is Typescript? Typescript is a free and open source programming language developed and maintained by Microsoft,Typescript is a superset of JavaScript Typescript files are compiled to readable JavaScript and there is a source map associated with each each JavaScript file, what are these files it is described later for now lets discussed the benefits of using Typescript 1.Big advantage of Typescript is we identify Continue Reading

Download server responded data directly into a file using AngularJs

Reading Time: 2 minutes Sometimes as a AngularJs developer you get some requirements which look easy but they could be tricky, in-short in this post we are having a scenario like: On a state i do have some dynamic generated links with unique ids, by clicking any of them a ajax request will be fired with it’s id that will fetch some data on success from server (may be Continue Reading

Introducing Vorlon.js: A Remote debugger for Javascript

Reading Time: 2 minutes Vorlon.JS – Introduction Microsoft released Vorlon.js as an OpenSource. It aims to make debugging and testing websites, hybrid apps, game console or even an IOT- connected refrigerator easier, you can remotely connect up to 50 devices and execute JavaScript in each or all of them. What is Vorlon.JS? Vorlon js itself is a small server you can run from your local machine, or install on Continue Reading

Unit Testing and Coverage for AngularJS

Reading Time: < 1 minute Hi all, Knoldus has organized a one hour session on 20th Dec 2016 at 5:00 PM. The topic was Unit Testing and Coverage for AngularJS. Many people have joined and enjoyed the session. I am going to share the slides here. Please let me know if you have any question related to linked slides.   And this is the link to the git repository.

Ui made easy for Angular Js Developers

Reading Time: 2 minutes Angular Js developers sometimes feels bit confused when it comes to designing the UI, but there are some very useful and free directives are available in market that make the flow quite easy and interesting. Here in this blog we are going to give a small rest to Angular js developers by providing them a working introduction to these directives. For example how about having Continue Reading

Web Components, the Next Generation Web Development Markup

Reading Time: 2 minutes A lot of progress has been made since the introduction of the Web Components back in 2011. Basically Web Components are the sets of several separate technologies. You can think of Web Components as reusable UI (User Interface) widgets that are created using open Web technology. They are part of the browser, and so they do not need external libraries like jQuery, mootools and Dojo. Continue Reading