Unit Testing of Angular Service with HttpClient

Nitin AroraFebruary 12, 2019February 12, 2019Angular, Angular 6, AngularJs2.0, JavaScript

Services are basically used to allow your code to share the common functionality across the application. Services play a vital role in every Angular application and promote the reusability of code. And to verify that our services are working properly or not we need to test it using unit testing. First and Foremost thing we’ll do is to create the service which is to be Continue Reading

DOM Manipulation Using D3.js

Nitin AroraDecember 4, 2018December 4, 2018Angular, Angular 6, Angular Material, AngularJS, AngularJs2.0, D3.js, HTML, JavaScript, Node.js, Web Applicationhtml, Introduction, Javascript, learning, technology, webdesign

D3 (Data-Driven Documents or D3.js) is a JavaScript library for visualizing data using web standards. It is an open-source JavaScript library developed by Mike Bostock to create custom interactive data visualizations in the web browser using SVG, HTML, and CSS. giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

Manipulating Server returned dates at client Side in Angular

Kritika KhandelwalJune 29, 2018September 7, 2018Angular 6, Angular Material, AngularJS, AngularJs2.0, Bootstrap, CSS, Cucumber, ExpressJs, HTML, JavaScript, jQuery, Node.js, React, ReactJS, Scala, Web, Web Application, Web Designingangular, angular 2, Angular JS, angular2.0, AngularMaterial, Design, html, Javascript, learning, Library, nodejs, programming, technology, Web, Web Application, webdesign

Hey Visitor, Have you ever faced an issue with the date values on your website, when the date and time returned from server doesn’t change according to the client timezone , for eg. values returned from server at US will be different for a client at India so we need to manipulate the received time according to Indian Time Zone. So recently, I encountered this Continue Reading

Fusion of Observables with Observer

Nitin AroraJune 8, 2018September 12, 2018Angular 6, AngularJS, AngularJs2.0, Tutorial

RxJs is an incredible tool for reactive programming, and today we’re going to understand briefly about what Observables and observers are. OBSERVABLES Observables are wrapping around of some data source like a stream of values of any type which are typically used for asynchronous data. It is used for transfer of messages between publisher and subscriber and that message could be anything like literals, messages, Continue Reading

Testing HTTP services in Angular

JustinBSeptember 14, 2017August 21, 2018AngularJs2.0, JavaScript, Testing

Prerequisites : 1. Understanding of Angular. 2. Understanding of Component’s unit tests in Angular 3. Understanding of Karma and Jasmine Http Service Let’s consider a simple service to get data using get method of Http service. Let’s start with writing a test case for this service. Configuring Testing Module for Service:

Using Http services for storing and fetching user info: Angular 2

Rachel JonesAugust 6, 2017August 16, 2018AngularJS, AngularJs2.0, Scalaangular 2, getpostangular 2, http get, http post, services in angular 2

Using Angular 2 Http get, post services is the most essential requirement when you are working on any Angular 2 app because anyhow you will have the scenario to store some user information from your end and you have to fetch some information from their end as well if you know what I mean. So here in this blog, we are going to create an Continue Reading

Using Resolve -Promises in Angular 2 Http Services

Rachel JonesAugust 3, 2017August 16, 2018Angular Material, Angular Strap, AngularJS, AngularJs2.0, Scalaangular 2, angular 2 observables, angular 2 resolve, angular 2 services, resolve in ng2

You have a huge list of users that you have to show on one of the views in angular 2 app, you called the action to redirect to users list view and the page is blank because your HTTP service is still loading the list of users from the external API and until it grabs all the list it can’t show anything on the view, isn’t Continue Reading

Location Strategy- Routing in Angular2

JustinBJune 18, 2017September 5, 2018Angular Material, AngularJS, AngularJs2.0, Scalagoogle, Javascript, technology, Web

Angular 2’s router is super easy to use. Angular 2 gives you the possibility of dividing your application into several views that you can navigate between through the concept of routing. Routing enables you to route the user to different components based on the url that they type on the browser, or that you direct them to through a link. This post will cover standard Continue Reading

Validations for Template-driven forms in Angular 4

JustinBJune 14, 2017September 5, 2018Angular Material, AngularJs2.0, JavaScript

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

JustinBJune 14, 2017September 5, 2018Angular Material, Angular Strap, AngularJS, AngularJs2.0, JavaScript, Web Applicationgoogle, Javascript, technology

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

February 2, 2017February 2, 2017AJAX, AngularJS, AngularJs2.0, HTML, JavaScript, jQueryJavascript this

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

Joseph RossDecember 20, 2016June 13, 2018AngularJS, AngularJs2.0, cordova, Scalaangularjs2, cordova, ionic1, ionic1vsionic2, ionic2

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

JustinBOctober 12, 2016September 7, 2018AngularJs2.0ag-grid, angular, angular 2, angular2.0, angularJs, AngularUI, grid, typescript

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

AngularJs2.0