JavaScript

Manipulating Server returned dates at client Side in Angular

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

PJAX: Loading your website faster!

We all hate waiting for websites to load before we can start using or surfing it. Internet has a come a long way with great speeds to decrease this time, but this has just made the user more impatient. After a lot of research through the decade, it has been found out that on an average a user would not wait for more than 4 Continue Reading

Getting started with Moment.js: Intro with examples.

I think date manipulation is most common process that every developer must deal in his career. There are so many tools available for Date Manipulation in JavaScript like datejs, date-fns and so many interesting library. Moment.js is one of them. Developer can easily interact with date and time domain problems by using Moment.js. JavaScript Date requires lines of code for parsing , manipulation and validation. Continue Reading

Knolx: Introduction to ReactJs

Hi all, Knoldus has organized a 30 min session on 1st September 2017. The topic was “Introduction to React JS”. 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 or video. The slides of the KnolX are here: And Here’s the video of the session: Continue Reading

Testing HTTP services in Angular

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:

How data is handled between Components in React (State vs Props)

Prerequisites : Basic understanding of React. Here’s a blog you can refer to : Getting Started with React PROPS Every component in react have a property called props associated to it. This lets you make a single component that is used in many different places in your app, with slightly different properties in each place. If we write a react component in es5, it’s nothing Continue Reading

Getting Started with React

React (sometimes called React.js or ReactJS) is an open-source JavaScript library for building user interfaces. It allows developers to create large web-applications that use data that can change over time, without reloading the page. It aims primarily to provide speed, simplicity and scalability. React is flexible. You can create a separate project on react, or you can add it to an existing code base of Continue Reading

Understand closures in javascript

Let’s learn closures today, How closures are define how they got intialize and how they work A closure is a function within a function that has access to the environment that it was created, which gives the ability to access the private methods of outer function to their inner function. In simple words function which is return by another function called closures. A closure is Continue Reading

Validations for Template-driven forms in Angular 4

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

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

Hello React #2: Smallest Example in React

Hello Folks, In our previous blog post – Hello React #1: Creating a Single Page Application with React, we saw how to create a SPA with React. But, we didn’t got into its details. Here is the link for a quick recap. Before we start building production grade applications with React, lets create a small example in React which would give us an idea, as to Continue Reading

Hello React #1: Creating a Single Page Application with React

Few days ago we were looking for a JavaScript library which is flexible and can be used in a variety of projects. Basically, something with which we can create new apps, or introduce into an existing project without rewriting it. However, we came across React, a JavaScript library for building user interfaces and AngularJS, a JavaScript MVW Framework. Before we start creating a single page application, we need Continue Reading

Object Oriented JavaScript: Polymorphism with examples

Again this is not the advance topic of JavaScript but it relies under Object Oriented JavaScript & polymorphism is one of the tenets of Object Oriented Programming (OOP), we all know what is Polymorphism from other languages (like C#, Java etc) but we always think when to use it, why to use it and how to this, and most of us are still in confusion Continue Reading

%d bloggers like this: