Screen capture library for Angular. Define a zone and it will capture it and return a string containing a base64 PNG.

Image for post
Image for post

In this tutorial, we will learn how to take a screenshot of a web page using Angular. We can write our own JavaScript code to capture the screen. However, it is a time-consuming process. We have a predefined library to do this task in Angular. That is the ngx capture library. One of my clients needs to take a web application page as an image(screenshot) and send it to multiple people. I tried using plain JavaScript. It was not successful. I met many errors while doing this task. And I found the ngx capture. This saved my time. I thought to share this with you guys. …


By using the Ionic Framework you can easily Create a Mobile Application for Android & iOS.

Image for post
Image for post

Is it possible to create a mobile application using Angular/React?

The answer is “Yes”.

Yes, we can create a mobile application using JavaScript Framework such as Angular/ React / Vue. There is no need to learn Java/Kotlin for Android and Objective-C/Swift for iOS. You can use your existing web technology skills to build a mobile application. This is a cool feature. No need to hire mobile application experts. We can use our existing web development team to create a mobile application. This helps an organization to reduce the cost. However, it had an advantage and disadvantage also. …


CRUD Example With MySQL From Scratch

Image for post
Image for post
NodeJS REST API

In this tutorial, we are going to see how to create a REST-API using Node.js and MySQL. NodeJS is designed to build scalable network applications. There are many languages available to create a REST-API. NodeJS is very popular among JavaScript developers. There are many discussions going on the internet about why Node.js?. I am not going to talk about that. But I choose NodeJS for real-time data fetching. Node.js is a perfect match for Socket IO. So, first, we will see how to create API, then we will learn how to get real-time data in another tutorial.

Node.js is a JavaScript runtime environment. Node.js performs well on chat related applications and real-time data fetching activity. So learning Node.js rest api is very useful if you want to do real-time data fetching. You can easily integrate this with any other programming(PHP, Java, Python, etc.). I developed a web application with Angular, PHP, and MySQL. And to show real-time data I used Node.js Socket IO. This eases my work. Why because PHP doesn’t have that much support for Socket IO(Only my view). …


Monthly, Weekly and Daily Calendar

Image for post
Image for post

The calendar view is useful for many people. Say, for example, Business, Hospital, Logistics, Schools, Colleges, etc., requires to view the data in the calendar mode. The monthly calendar is preferred most of the time. Recently I had a requirement from my client for this calendar view in Hospital Management System. So I thought to share this with you people.

In this tutorial, you will learn how to implement a calendar view using Angular. Implementing the calendar view is very easy. Just install the package and include it in your ts file and HTML file, it will work fine. …


Image for post
Image for post

What is the problem with Angular Components?

The components act as a page in the Angular applications. Generally, What we do while creating Angular applications?. We will create many components based on the project requirements. Say, for example, if you are creating an Angular application and it requires ten pages(10 pages only). Then we will create ten components and deploy the application to the Cloud server. Assume the whole dist folder size is around 2–3 MB. When you load the particular application, the browser will load all the ten components in a first request. The loaded components will be cached in the browser memory. And it serves the page very fast. It gives the user a better user experience. It is the feature of Angular. Yes, Angular will load all the components in a single request. That’s why it renders pages very fast when compared to previous technologies. …


Image for post
Image for post

Recently I had a requirement in PHP to read and write an excel file.

  1. The first requirement is reading the excel file and push the data to the database.
  2. The second requirement is, Generate an Excel file using the data from the database. Excel generation on the server-side. Not the client-side.

PHP doesn’t have a built-in excel library. In this example, I am going to use the PhpSpreadsheet library. PhpSpreadsheet is lightweight and easy to use. That’s why I choose the PhpSpreadsheet library.

PhpSpreadsheet is a library written in pure PHP and offers a set of classes that allow you to read and write various spreadsheet file formats such as Excel and LibreOffice Calc. …


Image for post
Image for post

In this tutorial, we are going to see how to create a simple REST-API using Python Flask Web Framework. Flask is the most widely used light-weight web framework. I love to work with the Flask framework why because of the light-weight code. There is no need to import unnecessary junk libraries. I used the Flask REST API mostly for exchanging the data. And also used the Flask Web Framework for Machine Learning Projects to act as a middle man between the client and the Machine Learning models(In simple terms, Created REST API for ML Models using Flask).

So the Flask Framework has more advantages. It is used in web application development and also in Machine Learning projects. Let’s see how to create a simple REST API using Flask. …


Image for post
Image for post

How to upload files?. This question comes to every beginner’s mind of any programming developers. Why because sending data (means key-value pair or form data) to the server is different from sending the blob(images, files) object.

Let’s see how to upload a file using Angular with PHP in a simple way. It is not as tough as you think. But when I was a beginner, I felt it’s too tough to upload files. Whenever I got a file uploading task, I felt why it is not working for me. I got frustrated sometimes. …


Image for post
Image for post

Validation performs a very important role in application development. Validation helps the user to access/use the application in a better way. Most of the UI frameworks offer built-in validation. We can use some third party plugins for validation also.

Say, for example, if a user wants to verify his/her mobile number using OTP, then he/she must enter a mobile number in the given input field. Sometimes the user may enter more than ten(10) digits( Indian mobile numbers are ten(10) digit length). After entering the wrong mobile number(more digits), the user expects OTP. However, the SMS server will tell us the number is not valid. This consumes a lot of time and the user will not be happy. However, if we show this error while typing the number itself, instead of sending this to the server, it will reduce time. …


A Step By Step Guide

Image for post
Image for post
How to Integrate Google Maps in Angular

Showing location on maps is always a needed feature in most of the web and mobile applications. Map service will be required in ERP, CRM, etc. Directory listing applications mainly depends on the Map service.

Google Maps is very popular among developers. It is very easy to use and had many rich functionalities. In this tutorial, you will learn, how to integrate Google Maps in Angular.

Previously Google Maps is free to use. But as of now, Google has limited access to its map service. …

About

Bharathiraja

Deep&Machine Learning, Ionic, Full Stack Developer. https://ampersandacademy.com/tutorials/ https://github.com/bharathirajatut

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store