Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

4 Quick Steps to Create Dashboard in AngularJS Application

Creating dashboard in angular tutorial   A Dashboard is a page or a user interface in which information and other functions/pages of a website is provided in such a way that is easily accessible, understandable and readable. So in...

How to Perform Basic Routing in Angular 4?

Routing is used to separate parts of application by using URL to for location path. Angular Router is used to navigate from one view to another as performed application tasks by user.     In Angular, there are three main co...

Converting Java Apps to JavaScript Using CheerpJ

If you want to convert Java application into JavaScript, CheerpJ might be the best tool to do so. CheerpJ melds Java and Web development. It can convert Java applications or libraries into JavaScript and here comes the best part, to do so you don...

Aurelia, Angular2 and React - Top 3 JavaScript Frameworks with Merits and Demerits

  Lately, JavaScript was revered as the most important programming languages to learn in the year 2017 by IBM. As it is used on both client and server sides and enables a developer to enrich web apps, real-time modification of web pag...

Create a Simple Twitter Bot with Node.js in 9 Easy Steps

Before Creating a Simple Twitter Bot with Node.js let us first know what twitter bot is and what it does?   The Twitter bot is a software program you write that listen to something to happen and carry out the action in response. It wil...

Getting started with Node.js and Robotics

These days developers are trying to make the robots and machines which can be controlled by the Javascript. From Sumo Bot battles, blinking lights, to Remote control cats… Seems difficult, well, not exactly!   All you need is...

Top 10 Template Engines for JavaScript

What is a Template engine? Template Engines are the tools which help you split the program logic and presentation logic. It also assists in separating both the logics into two independent parts. It is always better to separate your presentatio...

Top 7 JavaScript Frameworks a Developer Must Know

Top JavaScript Frameworks to Learn in 2017   Before I start with the Top Javascript Frameworks, let us first understand what is the Javascript?   Javascript is a programming language which is used to create the dynamic and i...

JavaScript - Learn how to find the difference in multiple arrays using reduce

So when we talk about iteration on arrays in JavaScript, first thing comes in mind is traditional loops, but here we are discussing something that might surprise you that is array reduce() method, so first I’ll tell you, how does array redu...

How V8 JavaScript Engine Works

V8 V8 is a Javascript Engine which is used to increase the efficiency of javascript code during the web browsing. It is an open source and can be used for the clients as well as the server side. Google chrome and node.js are the main examples ...

List of Top 7 JavaScript Data Chart Libraries to Follow

Today, it is practically impossible to offer a dashboard devoid of pictorial or graphical representations. Representation of the graphs, charts, and pictures enables the users to easily comprehend the large statistics or complex sets of data. Apa...

Create PDF from HTML using JSPDF

Hello friends, welcome to findnerd. Today I am going to tell you how to create PDF from HTML using JSPDF.  In this blog I am going to use fromHTML plugin to convert html page into pdf.   Copy and paste the following code into your fi...

Adding Image to PDF Using JSPDF

(Javascript PDF) is the client side solution for generating PDFs. JSPDF is helpful for event ticket, reports and certificated. In order to use JSPDF you need to include its library.     So, today in this tutorial, I am goin...

Using TouchSwipe plugin in jQuery

If you want to swipe on touch devices like iPad, iPhone, Android device etc there is a jQuery plugin that can be used for this purpose. It can read any single or multiple finger swipes on touch device and mouse 'drags' on the desktop brow...

Get started with a simple TypeScript application

Typescript is Microsoft’s extension of Javascript. It provides type checking abilities and also has features of object oriented programming. TypeScript is used in both Angular2 and Ionic2. TypeScript has similar syntax and semantics that a...

Difference between Angular 1.x and Angular 2.0

Angular 2 is different from Angular 1 as it is written completely in Typescript and includes the ES6 specification. As it is not updated version of Angular 1.x so it is rewritten and has many changes. Component based Programming: Angular2 is ...

Ionic - Javascript Action Sheet

Ionic provides a service named Action Sheet. It will add slide up pane on the bottom of the screen that contains different options. Using Action Sheet: If you want to use ionic sheet into your application, then in your controller you have t...

Understanding Modules in Angular2

A module is component in angular that can export classes, function and values. It can work as a library for some other module. angular2 library is primary library that is a module and will be imported by some other component. This is the code...

Using Ionic - Javascript Events

In this article, you will learn about the javascript ionic events. These events are useful when you want to interact your web application pages with user. These are ionic events: on-hold : It is called when user touches screen for more tha...

How to use jQuery Lazy Load Plugin

In this article you will learn about lazy loading plug-in from jQuery. It first loads your web page then request is sent to load the images of that page. By using Lazy load plug-in you can decrease time for loading the page and also it can incre...

Understanding Custom Directives in AngularJS

AngularJs Directives are used on a DOM element like any attribute, name of the element, some css class or any comment. It tells AngularJS’s html compiler to attach any directive to DOM element. all data bind attributes with ng- are in-built...

webui-popover plugin in jQuery

It is a plugin with jQuery which can be used to show popover . It can work with bootstrap but it can be used without bootstrap. It requires jquery1.7+ It supports browsers IE8+, Chrome, Safari, firefox, Opera. These are the features of this p...

Scroll Fixed Header in jQuery

In this article, you will learn how to fix the header all the time while scrolling your website page. There are different jQuery plugin available for this purpose but we will use a simple jQuery based solution to make a header fixed on the top of...

Adding Form Elements dynamically in Javascript

You can use JavaScript to add elements like textbox, button, radio button in a html form. createElement() method is used to create html elements at runtime. Here is the example: HTML: <form> <h2>Dynamically add element in fo...

DataTables: Table plug-in for jQuery

DataTables is a jQuery plug-in designed for creating flexible HTML tables. It has following features: * It provides Instant search, Pagination and multi-column ordering * It has Supports for any data source like DOM, Javascript, Ajax and s...

Best IDE for Angular 2

In this article, we will go through the different code editors and IDE’s which are useful in angular2.   Visual Studio code:  Visual Studio code is developed by Microsoft and it is relatively new, microsoft has developed the...

How To Use JavaScript To Copy Text From One Field To Another

When you create a web form for web page of any website, users need to fill the details in the fields like name, address, phone number etc. sometimes when filling the details there may be some fields which you need to fill twice. Instead of having...

Closures in Javascript

Closures are one of the fundamental concepts of javascript. Closure are the functions that refer to free or independent variables. We can define free variable as the variables which are not declared locally and also not passed to the function as ...

The Architecture of an Angular 2 Application

In this post, we will understand the architecture of Angular 2 framework.  These are the modules that Angular 2 architecture contains:  Module Component Template Metadata Data Binding Service Directive Dependency ...

md-list in angular material

<md-list> is the most important directive in angular material to represent the list of items. Multiple items 1 to n can be displayed by using this directive. User don't need to write frontend or html multiple times to display ...

Infinite scrolling with IntersectionObserver API

JavaScript is the programming language of HTML and the Web.It plays a very important role in web. Its client side scripting language.JavaScript is also defined as a lightweight, interpreted programming language. It is complimentary to and integr...

What is Vue.js and Why Use it

Vue.js is a library of javascript that can be used to build any web application. It has MVVM(Model-View-ViewModel) architecture. It is easy to learn and also more flexible. Here you will see how you can use this js in your application. Adding...

Simple Digital Clock using JavaScript

In this blog, we will learn about how to create a simply animated digital clock with javascript. As we know, browser executes any javascript program at the client side, this means that the script will take the time of the client computer and will...

Storing data in session

Session storage is used when the user wants the same data to be used for a session, that also can be used in multiple windows, without affecting the working of website or mobile app. The data stored in sessions can only be maintained until the us...

Full Calendar Implementation

1- Place the JS files in js directory. fullcalendar.min.js jquery.min.js moment.min.js   2- Place CSS files in CSS folder. fullcalendar.css fullcalendar.print.css   3- Paste the bellow javascript code i...

Strings methods and properties in JavaScript

Hello Readers,   In today's post, we will discuss the String methods and properties in JavaScript. These methods and properties make easy to deal with strings.   Now let's have a look at methods and properties: &n...

jQuery clone method with Id change

Here in this blog I am going to explain about the JQuery CLONE WITH CHANGING ID, for doing this we have to know about the clone() method so this method used for performing a deep copy of the set identical elements, it is useful for moving copies ...

An Overview to Angular JS

Hello readers, Today in my blog I will discuss about Angular JS which is basically a web application framework.   Introduction:- It is a structural framework for creating dynamic web applications. The Angular JS is an extended ...

Limit text length using angularJS

Many times we run in a condition that the whole text is taking to much of space, so we need to show data upto certain limit and end it to ...(3 dots).  Usually we write code to check the length of the string and then trimming it, angular ...

Extracting a part of string in JavaScript

Hello Readers,   In today's post we will discuss about the how we can extract the part of a string in JavaScript. These methods make easy to deal with strings.   To extract the part of a string there are three methods wh...

An Overview To Some Useful Terms Used In JavaScript

Hello readers, InBelow in this blog I will discuss some terms used in JavaScript with their meaning and the context in which they are used.   So here they are :-   Arity :- The term Arity basically means to refer the n...

Some Useful Statements Used In Javascript

Hello readers, Today in my blog I will discuss about some useful statements that are used in JavaScript.   Basically the web developers use statements as it allow us to implement different type of logic in our code.   The va...

How to create Simple Phone Number Picker

Hello readers, Toady in my blog i have tried to create a simple phone number picker using CSS and JavaScript.   While filling many online forms besides names and emails, contact information filed is also essential part to be filled by ...

Strings in JavaScript

Hello Readers,   JavaScript strings are used to store collection of characters or it can be text inside quotes. We can use both single and double quote. Lets talk about the basics of String.   For Example :   va...

JavaScript Math object

Hello Readers, In today's we will learn about math object of JavaScript. We can use this object as it includes many mathematical methods and perform several tasks on numbers. Lets have a look on the methods:   random()...

Javascript void operator

The Javascript void operator set the given expression and then returns the output as undefined.   The void operator is employed to amass the undefinable denoting price, typically we tend to use "void(0)" (which is suggests th...

Difference b/w Function Declaration & Function Expression

Hello readers, Today in my blog I would like to discuss about the difference b/w Function Expression and Function Declaration.   The first question that arises in the readers mind would what basically these both terms mean,  so he...

Difference b/w onClick() and onSubmit() Event in Javascript

Hello readers , today in my blog I would like to discuss about the difference b/w the onClick and onSubmit Events . Below is the difference b/w them :-   Below is a example showing the use of onSubmit() :- <html> ...

JavaScript- Hide broken image icon or set a default image icon when source image is not found

Hello Readers,   When source image is not found then it will show a broken image icon. In today's post we will learn how hide broken image icon when image URL is invalid or not found.   onerror attribute of <img>&n...

Google URL shortener API with Javascript

Hello Readers, goo.gl  service at Google URL shortener API takes long URLs and squeezes them into less characters to make a small link so that can be easily share on social media and email to friends. This API is free with a daily limit o...
prev 1 3 9
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: