How to create Components, Routes, and send/receive data via those Routes in Angular

Image for post
Image for post

In this tutorial, we are going to see how to pass data from one component to another component in an Angular application. Before Angular, Server only will handle the data sending and data capturing activity. But in Angular, the data sending and data capturing activity is done by Angular only. We can send data to another page/component using many ways. Few options are listed below.

  1. URL Parameter
  2. Query Parameter
  3. Extras State

URL Parameter

The URL parameters are mostly used for SEO purposes. Just look at the sample URL.

http://localhost:4200/user/raja


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…


Image for post
Image for post

When we develop a simple application or complex enterprise application using any technology, The end-user always needs the report data in an Excel file. Why because most people rely on excel file. I worked with various Angular Enterprise applications. In all applications, the customer asked us to give a downloadable excel file using various filters.

In this tutorial, you will learn, how to download an excel file using Angular. I am going to show a demo of excel file download using ExcelJS and File Saver plugin. If you are an Angular developer and looking for export data to excel, then…


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…


Create Different Size of the Uploaded Image Using NodeJS and Sharp.

Image for post
Image for post

Today we have more sophisticated devices to capture the image. Everyone has a high-resolution mobile phone or professional camera. Due to the advanced devices, always the size of the image is also high. A normal camera image occupies a minimum of 2MB of memory. We uploading the images to the cloud server or we are sharing the images with our known people through social media or other communication tools. The server stores the high-resolution images(original image uploaded by the customer). However, we can not keep a large file of…


Complete Guide for Choosing Between Data Scientist and Web Developer

Image for post
Image for post

For the past few years, Data Science is a trending technology in the industry. Many companies implemented data science concepts to produce AI products. Data Science is a hot job among many people. Many developers are planning to switch to a Data Science job. You can check at Udemy, or any other online learning platform, Data Science courses are the most sold course.

In this article, we are going to see the comparison between data scientist job and web developer job using three parameters.

  1. Salary
  2. Job Opportunity
  3. Learning Curve

Learn How to Create Autocomplete Feature using Angular and Angular Material

Image for post
Image for post

Autocomplete gives the user a better user experience while using the application. We can easily search and find the values instead of typing the full value. If we are going to develop a web application or mobile application, we need the autocomplete feature in many places. Say for example, in a billing application, the autocomplete eases the work by using the product name and price with few texts. No need to type the full product name to find the price and other values.

In this tutorial, we are going to see, how to do Autocomplete in Angular and Angular Material…


Learn How SQL Injection Attack is Performed and How to Avoid SQL Injection Using Node.js

Image for post
Image for post
Hacker Image From https://unsplash.com/photos/EsBufnuK4NE

We are creating the software application prototypes in a fast manner. Many big applications will be asked to create in a fewer number of days/months by clients. Today we are living in a fast-moving world. If you are thinking about creating an application in one location, somebody in another location already started doing the same application as yours. Every day new ideas are proposed. And the ideas will be pushed to create an application.

So organizations/developers don’t have time to do all the testing on the application. Especially security testing. Security plays a very important role in software application development…


Topics to focus before switching to Angular application development

Image for post
Image for post

Planning to create a large-scale enterprise Angular application, then this article will be very helpful to you. I am sharing my personal experience with Angular. When I was new to Angular, what are the problems I faced while designing large-scale enterprise Angular applications? I listed 8 topics that you have to pay attention to before creating an Angular application.

  1. UI Framework
  2. Lazy Loading
  3. Services
  4. AuthGuard
  5. REST API & Authentication(JWT)
  6. GitHub
  7. Deployment
  8. Page Refresh 404 Error

1. UI Framework

The first…


Create a Mobile Application Project using Ionic and Vue. Learn Data and Event Binding by doing Simple Addition with Button Click Event.

Image for post
Image for post

Ionic is a hybrid mobile application framework. We can create both Android and iOS applications using the Ionic Framework. Initially, the Ionic framework is created to support Angular only. Now they support React and Vue also. So we can create a mobile application using Vue. The hybrid mobile application will reduce the development time as well as development cost.

In this tutorial, we are going to cover the following topics.

  1. How to create an Ionic project using the…

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