Slick Carousel Example using ngx-slick-carousel – Angular 12

Slick Carousel using ngx-slick-carousel is going to be discussed in this guide; we’ll create a demo application and create an example of Slick Carousel and check its properties and methods available as a configuration.  Features of Slick Carousel in Angular Application Fully equipped carousel Easy to integrate using the exclusive ngx-slick-carousel package for Angular Responsive…

Continue reading Slick Carousel Example using ngx-slick-carousel – Angular 12

Angular 12 Range Slider Example – @angular-slider/NGX-slider Tutorial

Angular range selection slider bar by dragging example tutorial; In this guide, we will discuss how to add Angular draggable range slider bar with to and from markers by using a popular npm package @angular-slider/ngx-slider. To implement a Range Slider in the Angular application, we have the ngx-slider library. It is very popular, fully customizable…

Continue reading Angular 12 Range Slider Example – @angular-slider/NGX-slider Tutorial

Angular 12 CRUD Example with Web API – HttpClient REST APIs

Angular applications are data-centric, which needs to connect with a server to store and fetch data. In Angular, we achieve the server communication channel through the HttpClientModule API service. In this Angular tutorial, We’ll be discussing how to develop an Angular 12 application performing CRUD operations having Bootstrap 4 styles. CRUD is a combination of…

Continue reading Angular 12 CRUD Example with Web API – HttpClient REST APIs

React 17 Select Dropdown Tutorial – Single or Multiple Selection | React-Select

React Dropdown Select Component Tutorial by Example; In this guide, we will discuss how to add a Select box or Dropdown in React application by using the react-select library. Select Box or Dropdown is very common and mostly used HTML form control, But we can’t simply use the use of a native select control in…

Continue reading React 17 Select Dropdown Tutorial – Single or Multiple Selection | React-Select

Angular 12 Service Example – Http CRUD Operations

In this Angular tutorial, we are going to discuss Angular Services.  In the Angular Service example tutorial, we will create a Service to perform CRUD (Create, Read, Update and Delete) operations using the HttpClient Angular service. Services help up managing functions and methods which can be consumed by other components or modules throughout the application.…

Continue reading Angular 12 Service Example – Http CRUD Operations

Angular 12 JavaScript Promise Example

In this Angular tutorial, we will understand Promises and how Promises work. We will discuss how to use ES6 Javascript Promises properly in Angular applications with examples. Promises are TypeScript objects which are used to handle asynchronous operations in a program. A promise proves very helpful in managing single or multiple asynchronous operations like HTTPS…

Continue reading Angular 12 JavaScript Promise Example

Angular 12 Providers | useValue, useClass & useFactory Tutorial with Examples

In this tutorial, we will learn about Providers. How to implement different types of providers like useValue, useClass and useFactory in Angular 12,11,10,9,8,7,6,5,4 application projects with practical and simple examples. Let’s start with Provider and what role exactly it plays in Dependency Injection. We can say Provider is the ‘How’ part of the DI Token…

Continue reading Angular 12 Providers | useValue, useClass & useFactory Tutorial with Examples

Angular 12/11/10 Promises Example with HTTP Rest API Calls

In this Angular tutorial, we will discuss how to make HTTP calls in Angular applications using JavaScript Promises. JavaScript Promises As we know JavaScript is a synchronous single-threaded programming language. Each statement executes after the previous task is completed. But with the help of callback functions, we can make JavaScript an asynchronous language. A callback…

Continue reading Angular 12/11/10 Promises Example with HTTP Rest API Calls

Angular 12 Proxy Configuration to Handle CORS Issue

In this Angular tutorial, we are going to learn how to handle the Cross-Origin Resource Sharing (CORS) issue in Angular applications when using API or resources accessed from another origin. We will manage the proxy configuration setting in the Angular application. What is CORS? Cross-origin resource sharing known as CORS is the management of communication…

Continue reading Angular 12 Proxy Configuration to Handle CORS Issue

How to Add/ Create New Environments in Angular 12 Application

Creating a new build environment in the Angular application tutorial; In this tutorial, you will learn how to add a new environment in the Angular application and updated scripts in the package.json file. In an Angular application, by default, we have a development and production environment file. Inside the environment folder at application root, you…

Continue reading How to Add/ Create New Environments in Angular 12 Application