Tree shaking is an optimization technique used in front-end development, especially in JavaScript-based applications, to reduce the size of the final bundle by removing unused or “dead” code. The term “tree shaking” refers to the process of shaking a dependency tree (the modules and their imports) to eliminate parts of the code that are not […]
What tree shaking in front-end development? Read More »
In web development, the Document Object Model (DOM) is a programming interface for web documents. It represents the page so that programs can change the document structure, style, and content. The DOM represents the document as nodes and objects. That way, programming languages can interact with the page. The DOM is essentially a tree-like structure
What is DOM in javascript? Read More »
In JavaScript, a prototype is an object that is associated with every function and allows you to share properties and methods between multiple instances of that function. Every JavaScript function has a prototype property, which is an object that contains properties and methods that are shared by all instances of that function. When a new
What are object prototypes in javascript? Read More »
Next.js is a JavaScript framework for building web applications that is built on top of React.js. It provides a set of features and tools that make it easy to develop and deploy web applications, and it is particularly well-suited for server-rendered React applications. One of the main advantages of Next.js is its built-in support for
Next.js vs React.js: A Deep Dive into the Features and Comparisons” Read More »
In JavaScript, a higher-order function is a function that takes one or more functions as arguments, or returns a function as its result. Higher-order functions are a powerful tool in JavaScript and are commonly used in functional programming. Here are a few examples of higher-order functions in JavaScript: The map() function is a higher-order function
What are higher Order Functions in JavaScript? Read More »
Vue.js is a lightweight, easy-to-learn JavaScript library that allows developers to build interactive web interfaces. It is a progressive framework, meaning that it can be used incrementally, starting with small pieces of functionality and adding more as needed. Vue.js is designed to be easy to pick up and integrate into a project, which makes it
What is Vue.js javascript framework? Read More »
There are many popular JavaScript frameworks to choose from, and the best one for your project will depend on your specific needs and preferences. Some of the most popular JavaScript frameworks include: React https://reactjs.org/ A powerful and flexible JavaScript library for building user interfaces. It is widely used for building single-page applications (SPAs) and mobile
What is the best Javascript framework? Read More »
Even and odd numbers sum from an array using javascript Input an array as an argument to evenOddSums function and display sum or even and odd numbers
Even and odd numbers sum using js Read More »
Add all numbers entered as function parameters Method 1 Method 2
Add all numbers using javascript Read More »
Lets create index.html file which will include the basic html code.Now create a div with class menu and a header tag with class logo and three span tags to make the humburger menu (three lines) which I will animate on toggle and turn into a cross. Middle line (span tag) will fade out on click
Create a humburger menu using html, css and javascript Read More »
What is NODE.JS? NodeJS is a javascript runtime, its not a language or framework It is built on V8 javascript engine same as google chrome It is written in C++ It allows you to run javascipt code on the server Why should you use NODE? It’s extremely fast, efficient and scalable It uses event driven,
Tools to check javascript security vulnerabilities 1) npm installIf you are using npm install in your application, make sure you keep all packages updated to the latest versions. 2) Snyk toolYou can signup for Synk tool for free and add repo to check issues.Synk can be integrated with Github repository and it can create pull
Javascript security vulnerabilities checklist Read More »
Google Geocoding API to display address details including latitude and longitude Create your own Google API key and update YOUR_API_KEY in the src/script.js https://developers.google.com/maps/documentation/javascript/get-api-key Use HTML, Javascript and CSS Include axios CDN or you can use npm install Inlude bootstrap CDN or use npm install Address search results using Google Geocodig API Step 1 – create an
Google Geocoding API to display address details Read More »
Google Maps API to display map with different types of markers for multiple locations First you will need to get Google Maps API key from below link: https://developers.google.com/maps/documentation/javascript/get-api-key Update this API key at YOUR_API_KEY in index.html Step 1 – create an index.html which is used to display map in the div section where id is
Display google maps with different marker icons Read More »
This is a simple todo application design using html, css and vanilla javascript. You will need an editor of your choice to begin with. I usually use vscode with Liveserver extension which helps to view developed application in the browser. First step is to create an html page which will display the todo list. Create
Create a TODO list design using javascript, html, css Read More »
What is a Regular Expression? As per wikipedia, A regular expression (shortened as regex or regexp; also referred to as rational expression) is a sequence of characters that specifies a search pattern. Create an index.html file where you can add all the form input fields as below. Add name property for the fields which will be accessed in the validation.js to perform regex validations. index.html validation.js
Form field validations using regex javascript Read More »
Generate all combinations of a string
Generate all combinations of a string using javascript Read More »
Anargam An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. For example, “Listen” = “Silent”, “evil” = “vile”, “restful” = “fluster”
Return true if two strings are anagram using javascript Read More »
Return the length longest word from a string
Return the length longest word from a string using javascript Read More »
Return the most common character from the string
Find the most common character from the string using javascript Read More »
A palindrome is a word, number, phrase, or other sequence of characters which reads the same backward as forward, such as madam or racecar. Return True if it”s a palindrome and False if not palindrome
Validate a palindrome Read More »
Reverse a string using javascript
Reverse a string using javascript Read More »
Left rotate array using javascript Rotate array by d digits using javascript Method 1 using shift() and push() Method 2 using ES6 Spread Operator and Slice() – one liner
Left rotate array using javascript Read More »
Flatten a multidimensional associative array using javascript
Flatten a multidimensional associative array into one-dimensional array using javascript Read More »
Find the symmetric difference between arrays using javascript In mathematics, the symmetric difference of two sets, also known as the disjunctive union, is the set of elements which are in either of the sets, but not in their intersection. The mathematical term symmetric difference (△ or ⊕) of two sets is the set of elements
Find the symmetric difference between arrays using javascript Read More »
What is higher order functions? A function that takes or returns another function has become “higher-order”. Higher-order functions let us abstract common actions like map, filter, and reduce. Higher-order functions can be set as object properties. They are useful if you are calling a list of functions in response to an event. The javascript Event
Javascript higher order functions Read More »
Check if first letter of sentence is capital or not
Check if first letter of sentence is capital or not using Javascript Read More »
Here we will take ROT13 encoded string as input and returns a decoded string.
Caesars Cipher using javascript arrow functions Read More »
Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue cli Now change directory start the server Lets start building the VUE component inside src/components/showHide.vue Remove HelloWorld.vue component and register showHide.vue component in App.vue Your showHide.vue component will look like this:
How to hide or show details using v-if and v-show directive in Vue JS Read More »
You can measure the performance of javascript code using console.time() function. This can be helpful in debugging and optimizing code which is taking lot of memory. console.time() can be used with console.timeEnd(). console.timeEnd() function tells console to stop calculating the time. You will see result as below: Running loop :0 timesRunning loop :1 timesRunning loop
Measure execution time of a function using javascript Read More »