How I upgraded Lenovo Ideapad 310 RAM from 4GB to 12GB

About two years ago I bought Lenovo Ideapad with Intel Core i5 7th generation processor having 4GB of RAM, works pretty well with daily routine applications. But sometimes it started lagging with more than 3 applications opened.

Continue reading How I upgraded Lenovo Ideapad 310 RAM from 4GB to 12GB

Angular 7/6 | Add Google Maps with Location Search in Angular 2 plus Applications using Angular Google Maps Module (@agm/core) Easily

Supported from Angular 2 to latest version 7

Google maps are used in many applications as a location with visible maps pays an important role to make information more user-friendly. Embedded Maps can display markers of location or enable visual selection of address or show geographical location reviews etc.

In this post, we will add Google Maps in an Angular project using Angular Google Maps module. Adding/ Embedding Google Maps in an Angular project becomes very easy by using this module. Here we will explain step by step tutorial to make it even more easy with a new sample Angular project using latest CLI current version 7.3.8

Continue reading Angular 7/6 | Add Google Maps with Location Search in Angular 2 plus Applications using Angular Google Maps Module (@agm/core) Easily

Angular 7/6 | Add Data-tables with Ultimate features in Few Steps!

Supported from Angular 2 + to v7

Data tables are widely used in applications to show data sets with necessary features which are must to have for good user interactions like Pagination, Sorting by columns, Scrollings in horizontal and verticle directions, etc.

Application dealing with a large number of tabular data, it becomes very difficult to manage other details as well like the columns with custom templating and flexible styling.

Continue reading Angular 7/6 | Add Data-tables with Ultimate features in Few Steps!

Angular 7/6 | Adding Walk-through / Introduction / Tour Plugin for Step by Step Tutorial in Angular 2+ Applications

These days you may have noticed many applications including web and mobile having Tour Introduction to explaining something new or changed features in the application. A user can get to know about various features in this way when element or area is especially focused on a message.

Such interaction is known by many names like Walkthrough, Introductions or Tour. In this post, we will also implement a similar feature in  Angular 7 application.

Continue reading Angular 7/6 | Adding Walk-through / Introduction / Tour Plugin for Step by Step Tutorial in Angular 2+ Applications

Ionic 3 | Add Modals in Ionic 3 Application using Latest Ionic CLI v4.12.0

In this post we will discuss on How to Add a Modal in Ionic 3 Application with Latest Ionic CLI (v4.12.0) for Adding Modals in Ionic 4 App check this post

Continue reading Ionic 3 | Add Modals in Ionic 3 Application using Latest Ionic CLI v4.12.0

Angular 7 & Ionic 4 | Adding Scratch Cards like Google Pay in Ionic Application using Javascript Liberary

Compatible with Ionic 4/3 and Angular 2 – 7 Web Applications

These days you may have seen many Payment applications like Google pay, PayTm, PhonePe, etc having scratch cards where users can scratch like real one to reveal offers or points.

In Ionic as well we can create similar Scratch Cards effect, loved by users as it involves user interactions and a touch of suspense. These Scratch cards are very much popular and seen in many applications.

Continue reading Angular 7 & Ionic 4 | Adding Scratch Cards like Google Pay in Ionic Application using Javascript Liberary

Angular 7/6 Pagination | Quickly Implement Customized Local or Server Pagination in 3 Steps

Showing a large number of data in tabular or lists requires a paging mechanism as we see in Google search. In this post, we will implement a Pagination module to show large lists of data using Pagination element.

Continue reading Angular 7/6 Pagination | Quickly Implement Customized Local or Server Pagination in 3 Steps

Angular 7/6 | Add Debounce Time using RxJS 6.x.x to Optimize Search Input for API results from server

Many of the applications have search bars which may be related to search any type of data may be available on the server or connected to some API. In normal practice a user types in the query to get related results in response. But in a technical sense if we bind a keyup event on an input search, then on every keyup event an API hit will be made for example if user types in “car” then three API hits for each character will be made.

Continue reading Angular 7/6 | Add Debounce Time using RxJS 6.x.x to Optimize Search Input for API results from server

jQuery | Checkbox List Select / Unselect All with Indeterminate Master Check Example Tutorial

Selection of items with a checkbox is very common user interaction found in many web application. Usually, there is a master checkbox to Check / Uncheck list items with a single click.

In this post we will create an item list with checkboxes and master checkbox, on Checking/ Unchecking will select/ unselect the following list. We will also implement indeterminate state of the checkbox which indicates that some of the items with checks are checked but not all.

Continue reading jQuery | Checkbox List Select / Unselect All with Indeterminate Master Check Example Tutorial