Featured
-
Top 10 Template Engines for JavaScript
What is a Template engine? Template Engines are
by nishant.mishra -
jQuery Accordion
Hello readers! In this Blog we will gain knowled
by vishwanath.rana -
How to make Numbered and bulleted list in HTML Editor with JavaScript
Hello all, Working with HTML Editor we wanted t
by gaurav.gautam -
How to hide particular div with just one click?
Hi, you want a condition in which the particula
by abhishek.tiwari.458 -
How to Create and Retrieve Array in Javascript?
If you want to store multiple values in a single v
by siddharth.shahi
Tags
How to convert an object of objects into object of arrays of objects? Using JavaScript.
How to convert an object of objects (initial form of object) into object of arrays of objects (target form of object)
I am interested in every way to do this, but I am particularly interested in exploring reduce metho...
Four Easy Ways To Test Your NestJs Application Using Jest
As the top web programmers strive to remain at the forefront of the current changes in the developing world. Also, we strive to work with recent additions in terms of tools and software for web development that can improve software development. S...
Vue vs ReactJS - Which is Better Front-end Development Framework
Any developer will tell you that front-end development can be confusing especially with the new JavaScript libraries sprouting now and then. When a developer starts a project in an app development company in India, he or she faces a tough choice ...
React Native vs Real Native Framework Which is better for Mobile Apps?
Today, the development of mobile applications is more important than ever, and there are many programmers dedicating more on mobile development for iOS and Android. This is the era of smartphones. According to Statista, mobile apps ...
Dynamic Custom Checkbox Angular5
A checkbox is a GUI widget which allows user have to select or make a choice out of the two or more given items, such serious are handled by checkbox. But Angular5 has some different features lets see it along with the example to create Dynamic c...
Why React.js Programming Framework is in Demand
React.js is a JavaScript framework launched in 2013. It has become one of the most in-demand frameworks in the technical world since then. Even after 5 years from the launch, developers prefer using React.js because of its simplicity, high-speed ...
Angular CLI Application - Introduction, Installation & Creation
The Angular CLI is an essential tool used in JavaScript that helps to initialize, develop, structure and maintain Angular applications. In Angular CLI, CLI stands for Common Line Interface. In other words, Angular CLI is a common Line Interface t...
What's New in Angular 6 Framework - Top 6 Features Revealed
Angular.js is a google maintained framework that is basically a library written in JavaScript. It has recently launched Angular 6 that holds exciting features for web application developers. It will be hailed by most of the developers as the fram...
React Native vs. React.JS - Which is better for Mobile Apps?
Introduction
Today, Mobile Development Companies and app developers need much better ways to develop web apps. Since more and more people are now using their mobile phones to surf the Internet than PCs or laptops, mobile app development has be...
5 JavaScript Techniques a Programmer Must Know
JavaScript is a vast platform. It covers many advanced programming techniques. If you are a beginner, it’s crucial for you to know a few JavaScript strategies. Without knowing them, it is quite tough to build complex JS applications. From v...
Configuring Basic Routing in Angular 4 JavaScript Application
In Angular Router is like an object that can be used in our app component to describe the routes we want to use.
In Angular, there are three components that can be used to configure routing:
* Routes: It describes routes of the applicat...
Comparing Angular 2 Vs React In JavaScript Application Development
Dozens of libraries and frameworks in JavaScript are increasing in popularity. It has become overwhelming for the programmers to decide which one is right for their project. Among all new frameworks, Angular 2 and React are the most recommend fra...
AngularJS Web Development - Advantages & Disadvantages for Programmers
Angular JS is an open source framework for building web applications. Tech giant Google maintains it. Coders face many issues while developing and testing any code. It resorts many of the challenges which the coders may face. AngularJS mixes HTML...
Advanced JavaScript Objects: An Overview
JavaScript is one of the most powerful object-oriented programming languages used all over the world. This language uses the independent fragments of codes to build web applications. These fragments are known as objects that usually work as build...
JavaScript Library that Never Lets Developers Down - Why is jQuery so Popular and Lovable?
What do you do if you have to add some cool animation effects to your website? Unless the answer is use jQuery, you are taking the long road home. This very powerful JavaScript library can change the way you look at website design and the way you...
7 Useful JavaScript Hacks for better Coding - Tips to Web Developers
JavaScript is one of the most famous programming languages among programmers. Conquering JavaScript is a never ending trend in the market. Here are 7 tips and tricks for programmers to master JavaScript -
!! Operator - Boole...
8 Development Tips to Build Better React.JS Applications in 2018
For a JS developer, availability of vast libraries and frameworks can be overwhelming. As JavaScript is vast, users can pick a wide array of tools that pop up regularly. Among these, react.js is an interesting framework for building user interfac...
Overview of INI Files in Your Node.js Applications
What if you build your configuration files using pure JavaScript and unknowingly it gets deleted while modifying a few changes. Well, such incidents can be avoided by using INI configurations. If you are building a Node.JS application INI is a mu...
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...
List of Top 7 JavaScript Frameworks a Developer Must Know in 2019
Top JavaScript Frameworks to Learn in 2019
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...
How to Add Multiple Image to PDF Using JSPDF Javascript Code
This is a basic how-to tutorial on adding single or multiple images to PDF using JSPDF framework. JSPDF framework is a framework which helps to convert an html document into PDF format. To achieve this, we need to first download JSPDF f...
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...
