9lessons Programming Blog - Tutorials about Angular, ReactJS, PHP, MySQL and Web Development
Thursday, May 02, 2019

Angular Routing with Lazy Loading Design Pattern

Lazy loading is a design pattern to implement large scale Angular projects. Using this system design we can load the components based on the application need. This way we can increase the application performance. This article is a continues of Angular routing project, please follow the previous parts for better understanding. This will explain how to covert default component-based structure to Angular lazy loading pattern.

Angular Routing with Lazy Loading Design Pattern

Monday, April 08, 2019

Angular Continuous Deployment to Firebase Hosting using CircleCI

Are you working with front-end applications like Angular, React, Vue etc. Doing the production deployment is the most boring part. Because we need to do many manual steps to perform like npm install, ng test, build etc. This post will explain to how to automate all of these steps with CircleCI pipeline. Just push you changes to GitHub repository, and CircleCi take care everything.

Angular Continuous Deployment to Firebase Hosting using CircleCI

Wednesday, April 03, 2019

Generating PDF Documents on the Fly Using Nodejs and Kue

PDF documents are a very common form of hypermedia documents. Whether it’s books, bills, or invoices we consume PDF documents on a daily basis. In this article, we are going to learn how to generate PDF documents using Node.js and Worker queue called Kue. PDF generation is used in products such as E-commerce based applications, airline tickets, hotel booking, etc. We can use the same principle which I am going to show you below and apply it to implement the feature.

Generating PDF Documents on the Fly Using Nodejs and Kue

Monday, March 04, 2019

Angular Dynamic Routes for User Profiles

Are you working with social applications and user profiles? This post is about implementing dynamic routes for Angular application with basic route validations. This article is a part of Angular routing series for better understanding, please check my previous articles. Here you find importing the dynamic route value and validating with a regular expression for protecting the application routes.

Angular Dynamic Routes for user profiles

Sunday, October 14, 2018

Ionic Electron Desktop App

Ionic has an excellent Angular framework for creating mobile applications for iOS and Android. Ionic team is planning to launch an update with Angular 6.0 version, right now Ionic 4.0 is in beta development. This post is about using ElectronJS for JavaScript based applications, using this you can convert an application into a Desktop application for MacOS, Windows and Linux. Take a look at this article and follow the steps to generate a desktop application for Ionic.

Angular  Route Guards with Child Components

Sunday, September 23, 2018

Angular Route Guards with Child Components

This is a continuation of my previous article Angular Lazy Load Routing using Route Guards. We covered the part to create different routes with menu design and generating child components. This post is about connecting the child routes with actual Angular authenticated guards and understanding the router linking with preventing route access. Take a quick look at the video for more information, hopefully I will continue this series go forward.

Angular  Route Guards with Child Components

Sunday, September 16, 2018

Angular Routing using Route Guards

Angular command line comes with excellent features which are helpful for generating new components, guards and services etc. I personally like the route guards, the way handling user authentication system. Let’s take a look the post that how to implement Angular lazy loading routing using route guards authentication to protect the application URLs. I am planning to split this article into multiple parts to explain it to better way.

Angular Lazy Load Routing with Route Guards Structure

Monday, August 13, 2018

Jenkins Pipeline for Ionic and Angular with Github and Bitbucket

Ionic is one of the best mobile app development frameworks available in the market today. Most of the organizations in recent world are using Jenkins as a great tool for automating build processes, continuous integration and automated deployment. Jenkins helps organizations automate every aspect of the development and save the developers precious time. This post also demonstrates how to use GitHub and Bitbucket pipeline for continuous integration and deployment of Ionic app.

Jenkins Pipeline for Ionic with Bitbucket

Sunday, July 29, 2018

Social Login using Angular and RESTful APIs

There are a number of advantages to implementing social login in your web applications. First of all, it best secures the user credentials, the user can use a single login for accessing multiple sites, this can automatically access the user details for further use, and many such. This article is about how to implement the social login with Facebook and Google using Angular and RESTful API. This social login helps to store social data of the logged in user into the database, so that it provides you valid user data like email, name, and others. Let’s see how this works, follow the live demo and code below.

Social Login using Angular and RESTful APIs

Make in India