Folder and File structure of Angular Project
If you are new to Angular then visit my previous article, Click here.
First look at project you have created looks similar to this.
Lets go through project structure from top and first folder.
/e2e/
│───protractor.conf.js
│───tsconfig.json
│
└───src
└───app.e2e-spec.ts
└───app.po.ts
e2e stands for End-To-End. This folder contains set of specific configuration tests corresponding to root level application. It is a root level f
....Read More
If you are working in project for extracting text from images then you are in right place.
EXTRACT TEXT FROM IMAGE USING Angular
OCR with Tesseract.js
OCR using Angular
We will be using Angular CLI for this article. We need to install NodeJS JavaScript runtime and NodeJS package manager (npm) for using command line interface as well as run Angualr application server. For downloading NodeJS click here.
Test whether installation is complete or not use following command:
node –-versi
....Read More
History of Angular | AngularJS | Angular 2 | Angular 3 | Angular 4 | Angular 5 | Angular 6 | Angular 7 | Angular 8
Angular open source web application framework based on TypeScript. It is developed to simply development environment and testing of application by providing framework for client side MVC(Model-View-Controller) and MVVM(Model-View-ViewModel) architecture.
Birth: AngularJS 1.x
Misko Hevery, a Google Developer was doing side project. Easier building of web application for coupl
....Read More
Top uses of Node.js Javascript Runtime Environment:
After over 20 years of stateless-web based on the stateless request-response paradigm, we finally have web applications with real-time, two-way connections.
What is Node.js ?
Free and Open source server environment
Compatible with various platforms (Windows, Linux, Unix, MAcOS,etc)
Implements Javascript on Server
Uses asynchronous programming
Node.js is widely popular today for building realtime robust applicat
....Read More
Validate a form in real time with JQuery Validation Plugin and Regex:
JQuery validation makes the client side validation easier and efficient at the same time while still leaving the room for customization options. JQuery validation can be a good choice if you are building something new or even if you wish to integrate additional functions to the existing application.
The plugin comes bundled with various methods with their respective error messages and also you can write your own methods. T
....Read More
Disallow insertion of special characters in a form using JS:
In case of form validation most of us check the values inserted inside the form fields only after the user submits the form. So, would not it be more efficient if we could avoid or disallow user to insert those values that could lead to unsuccessful form submission. A better approach could be by replacing those range of values using Regex and replacing it with an empty space.
It would be better to present it with an example.
Let u
....Read More
In this article, I will so you how to create the angular 7 project and implement ngx-bootstrap using visual studio 2017.
Before we start the angular project, we need a working environment
The latest version of Node.js and NPM installed
If you have installed node.js already updated your node.js and NPM to latest version.
Visual studio 2017
Install Lastest Angular Cli
Open Command Promote by (Windows key + R) and Type “cmd” hit Enter
Now simply run the following Command t
....Read More
JQuery Selectors:
are used to select single or a group of HTML elements from your webpage.
support all the custom selectors as well as CSS selectors.
starts with a dollar symbol and parentheses: $().
Three blocks to select the HTML elements are as follow:
Select HTML elements by ID. For an Example: $(#testID”) It select an element which has an ID called 'testID'
Select elements by class. For an Example: $(“.testClass”) It will select all the elements have a
....Read More
In this Article, I am going to show how to generate pdf from html with CSS by using JavaScript and JQuery.
Let’s create a HTML form with data and a button;
<input type="button" id="create_pdf" value="Generate PDF">
<form class="form" style="max-width: none; width: 1005px;">
<h3>DEMO</h3>
<p style="font-size: large">
Convert HTML TO PDF:
</p>
<table class="table table-border">
<tbody>
<tr>
....Read More
Angular 7, the latest version of angular has been successful to grab the attention of many users. Most of the designer has been using angular for their designing purpose so, what’s new in Angular 7 that attracts so many of designer and developer? The answer is simple:
It provides a significant update in its Component Development Kit and Material design along with new virtual scrolling and drag and drops components.
It has improved the overall application performance.
Default bundle bu
....Read More