Front End Learning React SyncFusion By Sohail I got the privilege to learn something new which is react SyncFusion, so one way to learn is to try and create a small project. prerequiste: already up and running react server Step 1: In our src folder we are...
Front End Handlebarjs By Somen Sarkar Handlebarjs quick facts 1. Handlebar.js is a powerful templating engine based on the Mustachejs. 2. Handlebarjs can be added using the <script>// tag with local repository or using a cdn link. 3. This templating engine uses {{ }} symbol exclusively thus...
Front End Exploring JavaScript Undefined By Nikhilesh When we are working with JavaScript operators, we need to pay utmost attention on how we use them. For example let's create a simple function which takes two arguments a, b. function foo(a, b) { a = a || "value";...
Front End JavaScript Event Simulators in Selenium By Nikhilesh Each browser has their own WebDrivers. Chrome has Chrome WebDriver, Mozilla has Gecko and Internet Explorer has IE WebDriver. So why are these webdrivers used for? The answer is, if you want to automate a web application, there has to...
Front End Dynamic Table CRUD using JTable By Somen Sarkar Dynamic Table CRUD using JTable This plugin can be used to create datatable an forms. Simple CRUD based applications can be created using the JTable. How to use JTable? 1. Create a div with id "targetContainer" where we want to...
Front End Event Delegation By Nikhilesh First let's create HTML of an unordered list (ul). HTML <ul id="todo-app"> <li class="item">Item 1</li> <li class="item">Item 2</li> <li class="item">Item 3</li> <li class="item">Item 4</li> </ul> Event Delegation technique: Suppose if you have attached the event listener click on li...
Data Visualization Happy New Year With SVG By Somen Sarkar What is SVG 1. SVG stands for Scalable Vector Graphics, SVG can be used to create drawing, graphics, images etc, all by using XML elements. How to draw circle in SVG In order to draw a circle using svg...
Front End Functions in JavaScript By Nikhilesh Consider the given code below: 1: function doSomething(a) { 2: function doSomethingElse(a) { 3: return a - 1; 4: } 5: var b; 6: b = a + doSomethingElse( a * 2 ); 7: console.log( b * 3 ); 8:...
Front End JavaScript Timers By Nikhilesh It is well known fact that JavaScript by nature is single-threaded which says that only one part of JavaScript code executes at a time. And interesting thing about timers is, they gets executed irrespective of other threads that are already...
Business Intelligence Less CSS By Krupal Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow us to make CSS that is more maintainable, themeable and extendable. It has also been...
Front End GUI Testing and Test Cases for Web based Application By K Ramakrishna What is GUI Testing and Most common GUI Test Cases for Web-based Application: There are two types of interfaces in a computer application. 1.Command Line Interface is where you type text and computer respond to that command. 2.GUI stands for Graphical...
Front End Primitive Wrapper Types in JS By Nikhilesh In this post, I'm going to focus on basic concepts of JavaScript. So we are going to learn the concept of primitive wrapper types in JavaScript which is confusing to most. So, there are three primitive wrapper types and they...