Angular Material

Prevent user from losing unsaved data

Reading Time: 3 minutes There are many instances where a user fills some details in the form, edit their details, or secure the form in such a way that if someone navigates away or closes the browser tab, they should be prompted to confirm that they really want to leave the form with unsaved data. Whenever these kind instances occur you will see an alert appear on the top of Continue Reading

RAP: Let’s discuss the architecture and technical details

Reading Time: 4 minutes In the previous blog, we discussed the journey and the features of RAP. In this blog, we will discuss the architecture and technical details. RAP Architecture: We have tried to follow the Domain-Driven Design and Reactive principles in designing RAP architecture. All RAP team members completed all the Reactive Architecture courses launched by Lightbend on cognitive classes to ensure adherence to reactive principles. These courses Continue Reading

ngRx with Redux in Angular

Reading Time: 4 minutes In this blog, we will see the basic pattern of Redux and some benefits and some high-level concepts of redux and then we will discuss the brief about ngRx and its basic implementation. Redux: Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of Continue Reading

RxJS Operators in Angular

Reading Time: 3 minutes Many of us make use of RxJS for its Operators and the Observable is treated as a foundation for that.  further, in this blog, we are going get the understanding of Operators provided by RxJS but before digging into it lets under what is Operators. What are the Operators? Operators are basically pure functions, that transform information into the observables stream. it always creates new Continue Reading

Designing Data Table in Angular Material Design

Reading Time: 3 minutes Angular Material Table provides a Material Design styled data-table that can be used to display rows of data. Tables in angular material design can be implemented by just adding the mat-table selector to your table component and passing in data. Material Table provides a lot of table data features like sorting, filtering, pagination etc which helps a user to provide a more interactive view of Continue Reading

Working with Arrays using D3.js

Reading Time: 3 minutes In general, whenever we are using D3  we are using for data visualization and if we try to understand the term data visualization in depth then it is nothing but it is a result of a lot of data manipulation using Array. So before starting working with Arrays using D3.js let’s get the understanding of Arrays briefly. ARRAYS: Arrays is used to store the collection of an Continue Reading

Angular application with REST backend solution

Reading Time: 3 minutes We always need interaction between backend and frontend for creating a successful application, but it takes time to integrate backend with the frontend, while they both are working parallelly. So for those who need a fast development without waiting for the backend to create Rest backend with Mock data is a solution for this situation. We use JSON Server to make this possible and help Continue Reading

DOM Manipulation Using D3.js

Reading Time: 4 minutes 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.

New Features in Angular 7

Reading Time: 3 minutes Angular is one of the most popular frameworks for making a web application and with the release of Angular 7, it has given some more powerful features which will enhance our application. So let’s dive deep into it and explore some new features introduced in Angular 7. A New ng-compiler Angular 7 added a new compiler that is called Angular Compatibility Compiler (ngcc). The new Continue Reading

Manipulating Server returned dates at client Side in Angular

Reading Time: 2 minutes 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

What’s new in ANGULAR 6?

Reading Time: 3 minutes Angular has just released its v6. This major release focuses mainly on the toolchain and making easier for the user to create an application. As part of this release, a new version has updated core framework packages (@angular/core, @angular/common & @angular/compiler etc), the Angular CLI, and Angular Material + CDK.  You can see the changelog here framework, material+cdk, cli. In this blog, I am going to explain some major changes Continue Reading

Using Resolve -Promises in Angular 2 Http Services

Reading Time: 2 minutes 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

Reading Time: 5 minutes 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

Knoldus Pune Careers - Hiring Freshers

Get a head start on your career at Knoldus. Join us!