Bootstap in Angular 7 | How to use Bootstrap Components in Angular 4+ Versions in Few Steps

We all know about Bootstrap is a free and open-source Web framework, widely used by developer whether they are using jQuery or AngularJS in development.

Bootstrap takes away headache for making application responsive and making it compatible to cross browsers. Moreover, it provides very easy to use plug and play HTML and working web widgets making development a swing.

Continue reading Bootstap in Angular 7 | How to use Bootstrap Components in Angular 4+ Versions in Few Steps

Angular 7/6 | Use Auth Guards CanActivate and Resolve in Angular Routing Quick Example

Angular routing plays an important role in a real-world application which is responsible for loading different components which may have sensitive data as well. Angular provides a full proof mechanism to develop an application which can add a protecting shield for accessing components.

Continue reading Angular 7/6 | Use Auth Guards CanActivate and Resolve in Angular Routing Quick Example

Ionic 4 | Latest Angular Routing in Ionic 4 Application

After the release of Ionic’s stable version 4, the major change which is introduced besides web components is related to Routing. The latest version of Ionic now supports Angular Routing.

In the earlier version on Ionic, there was the concept of push and pop, where pages were pushed in a stack of pages having viewable page object on top. So if we want to go to some page we simply go to that pushed page index or push a new one.

Continue reading Ionic 4 | Latest Angular Routing in Ionic 4 Application

Angular 7/6 | Adding Owl Carousel 2 Image and Content Slider in Angular Application with Custom Navigation in 3 Steps

We have already discussed other Image and Content carousel like Slick and Swiper to implement in Angular 6 & 7 version application. Swiper is a very popular carousel which also used with Ionic known as Slides.

Continue reading Angular 7/6 | Adding Owl Carousel 2 Image and Content Slider in Angular Application with Custom Navigation in 3 Steps

Angular 7/6 | CRUD Operations using Firebase and Firestore Database in Angular Application Tutorial

In this post, we will implement the Firebase database in Angular 7 project. Firebase provides a cloud-based service Firestore, it is a NoSQL database which is very fast and easy to create and maintain.

In our example app, we will have Database CRUD operations which are commonly known as Create, Delete, Update and Delete. These are the basic database operation which is used in most of the real world application. To keep out app simple to understand we will not have routing.

Continue reading Angular 7/6 | CRUD Operations using Firebase and Firestore Database in Angular Application Tutorial

Angular 7 | Implement Slick Carousel with 3 Steps having Custom Navigation in Angular 6+

In our previous post, we discussed How to Implement Swiper Carousel in Angular in 3 easy steps,  Today we will discuss another but very powerful jQuery dependent Carousel Slick, which can be easily Implemented in and Angular 6+ version application.

Continue reading Angular 7 | Implement Slick Carousel with 3 Steps having Custom Navigation in Angular 6+

Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application

Mobile applications having input fields for search or forms can be optimized in terms of user-friendliness if developer autofocus first input field or search field on application or page load. This behavior seems to be nominal and not of much importance but it really ads up to the convenience of the application user.

Continue reading Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application

Angular 6/7 | Create Custom Pipes AKA Filters in Angular 2.X

Our applications may have a lot of data for presentation, But for creating a good user experience it is preferable to see in a more understandable format like March 12, 2010 is better to read then Mon Mar 12 2010 15:23:40 GMT-0700 (Pacific Daylight Time).

For such small and repeated tasks of transforming values in other formats we used to use Filters in AngularJS version 1, But after Angular 2 we have pipes which serve similar tasks and once defined can be used anywhere in the application.

Continue reading Angular 6/7 | Create Custom Pipes AKA Filters in Angular 2.X