How to add a Google login button in Angular application; Google authentication of the user using OAuth2 protocol; The Angularx-Social-Login package tutorial; In this elaborated angular tutorial, you will learn how to implement Google login in an Angular 2+ application. We will utilize the angularx-social-login library package. In today’s era, almost everyone is connected with
Angular 12 Image Cropper, Resizer Example – Ngx-Image-Cropper Package Tutorial
How to Crop and Resize Images while uploading in Angular; Ngx-Image-Cropper Package Tutorial; In this Angular tutorial, we will learn how to add image cropper, resizer and calling component in Angular application. We will be using the ngx-image-cropper tool and discuss its configuration and customization properties.
Angular 12 Multiple ng-content Example – Transclude Templates to Child Component Example
Adding multiple ng-content tags in child component example; placing more than one component passed to transclude in child component; In this Angular 12 tutorial, we will discuss examples of passing more than one component template to the child; Using this we can transclude multiple components at particular places in the child. Components are the building
React 17 Bootstrap Dropdown Select-box Example – HTTP Response List in Options
Bootstrap Dropdown Selectbox implementation example is going to be discussed in this guide; In this tutorial, we will add a bootstrap dropdown with dynamic options in React JS application. Bootstrap is a very common and widely used library due to its profound component collection. One of the most common components is a Dropdown. A dropdown
React 17 Generate PDF from HTML Page Example – React-to-print Tutorial
Create PDF files from HTML content example is going to be discussed; In this tutorial, we will discuss how to generate and export PDF documents from HTML content in React application. The PDF(Portable Document Format) files are immensely used file format, which is used for many purposes. PDF files can be easily shared as a
How to Export PDF from HTML in Angular 12
Generate PDF file from HTML template in Angular 2+ application; In this tutorial, we will discuss how to convert the PDF file from HTML content on-page in Angular application. PDF means Portable Document Format, it is used to share information in the form of documents. PDF files are more secure than any other format as
React 17 Bootstrap Datepicker Example – Dynamic Component Tutorial
React js Datepicker using the React-Bootstrap package is going to be discussed in this tutorial. We are going to learn how to integrate Datepicker in react app using the bootstrap component provided by the react-bootstrap package. Datepicker components are used to immaculate the user experience while selecting a date from a popup overlay. In this
JavaScript – Compare Arrays – Get Matching Unique Values from two Arrays
In this guide, we will discuss how to compare and get matching values like strings or numbers from two Arrays? The result will be the set of values that are available in both arrays. While working in Javascript may need to compare two arrays to find intersection values that are matching and fetch out the
Angular 12 Multiple Image Uploader with Preview Example – PHP Server to Save file
Upload multiple images and preview in Angular 2+ applications; In this Angular tutorial, we will discuss how to upload multiple images with preview and how to save them on the server using PHP backend. To upload images, we will use the Angular reactive form approach. Using the form, a user can select more than one
Angular 12 Global Loader Example – Spinner for HTTP Calls Tutorial
Global Spipper Loader shown on HTTP calls example using ng-http-loader; In this tutorial, we will implement a global Spinner Loader in the Angular project by using a third-party package. Interceptors take count of pending HTTP calls, thus shows a spinner loader as an indication. Moreover, the loader spinner with a backdrop limits a user to
React 17 Get Multiple Checkbox List Value – Dynamic Checkbox List Example
Get the value of checked checkboxes list on change or submit event with an example; In this tutorial, we will create a dynamic list of checkboxes that will fetch all checked checkboxes state using the onChange event. In the forms, sometimes we have a list of checkboxes from which, we want to get the selected
Angular 12 Infinite Scroll Example – Auto Load Data on Reaching Bottom
Adding Infinite scroll component in Angular application for example; In this Angular tutorial, we will learn how to add infinitely scroll content in Angular application. Infinite means, the data will keep on loading when a user reaches the bottom of the content. Infinite means, without any limit; In some situations, we have huge data to
React 17 Image Uploader Example with Preview and PHP Server
React JS 17 Image upload component with preview example is going to be discussed in this tutorial; We will learn how to implement image uploader component with PHP backend to save image on the server using image URL in React JS application.
Slick Carousel | ngx-slick-carousel | Example – 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
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
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
React 17 Routing Example – Get URL Passed Parameters using Router
Routing Tutorial on how to fetch URL Parameters passed into the routing path; In this tutorial, we will focus on router setup in React application and how to pass parameters then get them into the component; this is achieved by using react-router-dom. We pass parameters or values in the URL to pass data from one
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
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.
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
