Angular 8 | ng-bootstrap Carousel Tutorial

There are a number of options available for an Image/ Content Carousel in Angular project, but Bootstrap Carousels are pretty much popular among developers due to their easy implementation and very fewer dependencies.

In this tutorial, we will discuss how to implement Bootstrap Carousel in Angular project using ng-bootstrap package. NgBootstrap is built on Angular with readily available UI components, which is very easy to install and usage of UI components is very smooth. Continue reading Angular 8 | ng-bootstrap Carousel Tutorial

Angular 8/7 + ng-bootstrap | Tooltip Tutorial

In this tutorial, we will learn how to add bootstrap tooltips in Angular 8 project by using ng-bootstrap package.

Tooltips are used to provide information to users in a floating container with some textual content. Tooltips are generally used to show some extra or optional data on hover or click events triggered by users on a webpage. Continue reading Angular 8/7 + ng-bootstrap | Tooltip Tutorial

Angular 8 + Bootstrap 4.3.1 | Adding Toasts in Angular App using ng-bootstrap Tutorial

In this article, we will discuss how to add Toast messages/ notification in Angular application using Bootstrap components.

Bootstrap is loved by developers for their already built tried and tested UI components, which not only fasten the development tasks but also meet industrial standards. Continue reading Angular 8 + Bootstrap 4.3.1 | Adding Toasts in Angular App using ng-bootstrap Tutorial

Angular 8 + ng-bootstrap 4 | Popover Tutorial by Example

In this tutorial, we will learn how to install NgBootstrap in Angular application and implement Popover UI Component by examples.

What are Bootstrap Popovers?

A popover is a small overlay which is used to show information in a floating container. It is shown at a specified position by user actions like Click or Hover beside an element. Continue reading Angular 8 + ng-bootstrap 4 | Popover Tutorial by Example

Angular 8 Bootstrap 4 | Modal Tutorial By Example

In this tutorial, we will install Ng Bootstrap in the Angular project and learn How to implement Bootstrap Modals in our Angular application.

Modals are dialog box/ popup UI containers which are used to display content on top of other. It floats in the center of the screen which can be closed after actions. Continue reading Angular 8 Bootstrap 4 | Modal Tutorial By Example

VS Code | How to hide Spec.ts/ Test files from Sidebar File explorer

In the Angular project, we usually see spec.ts files in our application folders. These are test files which are not used most of the times. Also whenever we create a new Service, Component or any Directive, using the generate command in Ng CLI tool, these are created by default.

Continue reading VS Code | How to hide Spec.ts/ Test files from Sidebar File explorer

Angular | Create Documentation of Angular Project in 20 Secs!

Yes! you read it right… with this simple tool, you can create a documentation of your Angular project automatically by simply running an NPM command in your CLI. This package creates complete project documentation in HTML format with an overview and detailed view of each component in the project.

As our application grows, it becomes difficult to keep track of each module and its components. The situation becomes worse when there is a need for giving project structure to co-team members or deliver code source and explain everything to other teams. During maintenance by other team members also slows down the debug or change processes.

So its always a better idea to keep a well maintained, simple and self-explanatory documentation at hand so that others and can understand and go through the structure with their own pace and conveniences. Continue reading Angular | Create Documentation of Angular Project in 20 Secs!

Ionic 4 | Native HTTP Plugin Tutorial with Example

In this tutorial, we will learn how to make HTTP calls using Ionic’s Native HTTP plugin.

Making Native server calls over provides advantages over traditional JavaScript HTTP calls. Native HTTP calls are made in Android and IOS based native applications. It provides more security and better calls handling features.

Some of its advantages are as follows:

Background threading: All requests are done in background thread like native applications.

Handling of HTTP code 401: This error code 401 is returned during an unauthorized access to the server which is not handled properly using JavaScript-based HTTP calls.

SSL Pinning: Pinning is used to improve the security of a service. It is used to create a secure Identity for making communications. Continue reading Ionic 4 | Native HTTP Plugin Tutorial with Example