Blog

Why Clean Code Matters If you’ve ever stared at a messy codebase, unsure where to start, you’re not alone. Developers...

The way we write code is changing—dramatically. Thanks to AI advancements, developers today can build applications without typing a single...

In a significant breakthrough for the software development industry, OpenAI has recently launched Codex, a powerful new AI coding agent...

Artificial Intelligence (AI) has moved beyond science fiction and become an integral part of modern life. From personal assistants like...

In the ever-evolving landscape of artificial intelligence and tech innovation, few stories have stirred the industry like the recent downfall...

Web accessibility has long been a fundamental pillar of inclusive digital design. In today’s world—where the internet is a basic...

What Is GitHub Copilot? GitHub Copilot is an AI-powered coding assistant developed by GitHub in collaboration with OpenAI. It acts...

Agentic AI is one of the most important concepts shaping the future of artificial intelligence. As AI systems become more...

In today’s fast-paced digital world, DeepSeek AI is making waves as one of the most advanced artificial intelligence models available....

Design systems have become indispensable for modern product development. They’re more than just a collection of UI components—they act as...

Tree shaking is an optimization technique used in front-end development, especially in JavaScript-based applications, to reduce the size of the...

Improving the performance of a website is crucial for providing a smooth user experience and ensuring better search engine rankings....

In today’s digital landscape, accessibility is no longer an optional consideration—it’s a necessity. Ensuring that websites and applications are accessible...

Images are an essential part of any website. They make pages more visually appealing and can help convey important information....

Designing with accessibility is essential for making digital products usable by everyone. Here are key aspects to consider in creating...

Accessibility means making websites and digital stuff so that everyone, including those with disabilities, can easily use them. Here’s why...

In the ever-evolving web development landscape, efficiency is key, and VITE emerges as a powerful ally. Let’s explore the distinctive...

Ever wondered how websites remember your preferences or keep your shopping cart items safe? It’s all thanks to two web...

Artificial Intelligence (AI) and Machine Learning (ML) are no longer futuristic concepts—they’re here, and they’re changing everything. From healthcare and...

In web development, the Document Object Model (DOM) is a programming interface for web documents. It represents the page so...

In JavaScript, a prototype is an object that is associated with every function and allows you to share properties and...

What is SDLC? SDLC stands for Software Development Life Cycle, which is a process used by software development teams to...

Top 10 Cloud Computing Interview Questions and Answers for Successful Job Interview What is cloud computing, and how does it...

The Best Repositories for Collaborative Coding: From GitHub to Bitbucket A code repository is a storage location for code and...

Next.js is a JavaScript framework for building web applications that is built on top of React.js. It provides a set...

Build tools are essential for streamlining the development process and automating tasks such as transpiling code, minifying files, and creating...

In JavaScript, a higher-order function is a function that takes one or more functions as arguments, or returns a function...

React is a JavaScript library for building user interfaces that was developed by Facebook in 2013. It is often used...

Single sign-on (SSO) is a user authentication process that allows a user to access multiple applications with a single set...

Vue.js is a lightweight, easy-to-learn JavaScript library that allows developers to build interactive web interfaces. It is a progressive framework,...

A design system is a set of standardized guidelines and components that can be used to build a consistent and...

There are many popular JavaScript frameworks to choose from, and the best one for your project will depend on your...

If you are using command line you can use below commands in the terminal of the project directory: touch will...

Even and odd numbers sum from an array using javascript Input an array as an argument to evenOddSums function and...

Add all numbers entered as function parameters Method 1 Method 2

Edge Side Includes (ESI) is a small markup language for edge level dynamic web content assembly. The purpose of ESI...

Lets create index.html file which will include the basic html code.Now create a div with class menu and a header...

~ Tilde: ~ freezes major and minor numbers. It is used when you’re ready to accept bug-fixes in your dependency, but don’t...

I am trying to clone a Github repo but getting below proxy error on Mac Pro. I have not configured...

What is NODE.JS? NodeJS is a javascript runtime, its not a language or framework It is built on V8 javascript...

Tools to check javascript security vulnerabilities 1) npm installIf you are using npm install in your application, make sure you...

Google Geocoding API to display address details including latitude and longitude Create your own Google API key and update YOUR_API_KEY in the...

Google Maps API to display map with different types of markers for multiple locations First you will need to get...

This is a simple todo application design using html, css and vanilla javascript. You will need an editor of your...

WebKit is a HTML web browser rendering engine which is used by Safari and Chrome browsers.It supports custom css properties...

When I do npm install on mac pro, I get below error: Now if I run below code to install...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { width: 100%;...

To align items from right to left in Arabic language using use dir=”RTL” This is first item This is second...

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...

Generate all combinations of a string

Anargam An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically...

Return the length longest word from a string

 Return the most common character from the string

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

Reverse a string using javascript

Hide other shipping rates when free shipping is available in Woocommerce WordPress

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()...

Flatten a multidimensional associative array using javascript

Below commands will setup WordPress, MySQL & PHPMyAdmin with a single command. Add the code below to “docker-compose.yaml” and run...

Show commands & management commands Docker version info Show info like number of containers, etc WORKING WITH CONTAINERS Create an...

Chain-of-responsibility pattern The chain-of-responsibility pattern is a behavioral design pattern consisting of a source of command objects and a series...

Observer pattern The observer pattern is a software design pattern in which an object, named the subject, maintains a list...

Strategy pattern The strategy pattern (also known as the policy pattern) is a behavioral software design pattern that enables selecting...

Template method pattern The template method is a method in a superclass, usually an abstract superclass, and defines the skeleton...

Adapter design pattern The adapter pattern is a software design pattern (also known as wrapper, an alternative naming shared with...

The Decorator Pattern, Adapter Pattern, Template Method Pattern, Strategy Pattern, Observer Pattern Decorator design pattern In object-oriented programming, the decorator...

Insert an associtive array ain another assoInsert an associative array in another associative array array_splice() or array_merge() php functions doesn’t...

Add an array in the middle on another associative array in php

Find the symmetric difference between arrays using javascript In mathematics, the symmetric difference of two sets, also known as the...

What is higher order functions? A function that takes or returns another function has become “higher-order”. Higher-order functions let us...

Check if first letter of sentence is capital or not

We will create a signup form with Email, Password, Role, Education etc. First on all install the vue cli Now...

Here we will take ROT13 encoded string as input and returns a decoded string.

Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue...

There are few ways to check vue js version: npm v vue run this on the terminal Check package.json, code...

You can measure the performance of javascript code using console.time() function. This can be helpful in debugging and optimizing code...

1) Check Page type using is_page() function 2) Check Page using get_post_type() function 3) Check Page using post() function 4)...

Count number of same characters in a string and display in the array using javascript

One-liner solution with ES6 syntax

You can loop through the array entries, check if it’s an array with isArray() and recursively flatten the entries of...

When running npm run watch below warning is displayed: Warning details: You can add below code in webpack.mix.js to the...

How to turn off autoplay for youtube videos url? Its quiet annoying to have autoplay for videos on the website...

What is a palindrome? Palindrome is a word or phrase which reads same if reversed.  For example – if we reverse Racecar it will read the same both backward or forwards. A few examples of words that are palindrome are Noon, Racecar, Wow, Refer, etc.

Count words for a textarea field using javascript

Create two css class draw to give white background box on which we will draw the check or dot and...

Convert string into an url slug using javascript

Sort an array using javascript

A laravel movie search application using Vue JS, Vue Composition API and OMDBAI API. OMDBAI is used to fetch the...

 function removeFalsy(arr) {     let newArr = [];     for ( let i = 0 ; i < arr.length; i++ ) {         if( Boolean(arr[i]) === true) {             newArr.push(arr[i]);         }     }     return newArr;   }   //Falsy values are : false, null, 0, "", undefined, and NaN.   console.log(removeFalsy([7, "ate", "", false, 9])); //[7, "ate", 9]

Make every first letter of a word capitalized

function repeatStringNumTimes(str, num) { let newstr = ''; if (num < 0) { return ""; } else { for (let...

Convert Celsius to Fahrenheit using javascript

Create below three files in a folder index.html app.js style.css We will be using Vue js CDN version 3.0.5<script src=”https://unpkg.com/[email protected]″></script> First...

Here we are creating a questions.js file in which we will declare an array of questions and user will be...

Fizz Buzz Print the numbers from 1 to 100. Multiples of three print “Fizz” with the number and for the...

Recursion to generate range of numbers

Create permutations for an array using javascript

Create combinations of an array using javascript

//test a URI $browser->visit('/login'); //test a route $browser->visitRoute('login'); //browser back $browser->back(); $browser->forward(); //browser forward $browser->refresh(); //refresh page $browser->resize(1920, 1080); //resize...

Run below srtisan command to generate the test class file Now you can run this test with below artisan command...

create laravel LoginTest class using below artisan command: Now run below command to test the test cases:

create laravel RegisterTest class using below artisan command: Now run below command:

This error is encountered if you try to run php artisan dusk command To fix this error you will need...

When you call a remote server there is always some extra latency. Transients cache the response which comes through the...

Laravel Dusk provides an easy-to-use browser automation using chromedriver installation. Install composer dependency for your application Now execute below artisan...

artisan key:generate --ansi # Define a route Route::get('/', function(){ return view('home'); }); # Clear cache php artisan cache:clear # Find...

const numberPalindrome = (num) => { let strNumber = num+''; let total = 0; let strArr = strNumber.split(''); for (let...

//Capitalise the first letter of a word in a sentence const capitaliseFirstLetter = (fullStr) => { let strArray = fullStr.split("...

// Find the largest word in a string using Javascript const largestWordString = (str) => { let strArray = str.replace(/[.,\/#!$%\^&*;:{}=-_`~()]/g,"").split("...

console.log("Find Factorial of a give number using Javascript: "); //iterative approach const findFactorial = (number) => { if(number === 1...

//Reverse a string using Javascript const reverseString = (str) => { return str.split('').reverse().join(''); } console.log(reverseString("awesome")); //result will be emosewa

const findIntersection = (strArr) => { let strArr1 = strArr.join(","); let strArr2 = strArr1.replace(/\s+/g, "").split(','); let strArr3 = strArr2.filter((item, index)...

console.log("Hello World".replace(/\s+/g,'')); // Output is HelloWorld

console.log("check if a number is even:"); const isEven = (number) => { if (number % 2 !== 0) return "Number...

console.log("Calculate average from an array of numbers: "); const calculateAverage = (arr) => { let average = 0; for(let i...

//Search for an number in given array const arraySearch = (num, arr) => { for(let i =0; i <= arr.length;...

//display table using javascript const displayTable = (num) => { list = []; for (let i = 1; i <=...

//reverse a number using javascript const reverse_digit = (n) => { let strrev = n.toString(); return strrev.split('').reverse().join(''); } console.log(reverse_digit(423)); //324

console.log("add digits from a number"); const addDigitsFromNumber = (num) => { let strNumber = num+''; let strArr = strNumber.split(''); let...

function generateRandomExpression() { $operand1= rand(1,100); $operand2 = rand(100, 200); $operators = array("*", "/", "-", "%","+"); shuffle($operators) foreach($operators as $value){ $result...

Find the longest string in an array of strings in Javascript

Check if brackets are balanced or not in javascript

Javascript program to check Armstrong number

//javascript sort() function sorts by characters rather than numbers console.log([1, 11, 26, 2, 36, 123].sort()); // [ 1, 11, 123,...

How to add elements at the start of an array in javascript? let list1 = [‘b’, ‘c’]; //using spread operator...

What is async attribute in script tag in javascript? <script src="test.js" async></script> If async attribute is present in script tag...

Useful Resources for AWS Cloud Certifications Recently I passed my AWS Certified Cloud Practitioner, AWS Certified Developer – Associate and...

file_put_contents(): write of 1847 bytes failed with errno=13 Permission denied in Laravel   If you get above error, follow below...

Here is the list of most commonly used docker commands: docker –version This is used to check the version of...

#Check if script is run as root user whoami will give the name of the current user

How to change Add to Cart text for WooCommerce Please follow below steps to change the default “Add to Cart”...

Download JDK and find the bin path from the directory. C:\Program Files\Java\jdk-15.0.2\bin The set the environment variables. Open control panel...

Google Maps API key error If you have generated Google Maps API key and when you save it gives the...

Published on Jun 4, 2020

Briefly Unavailable for Scheduled Maintenance error in WordPress This error comes when updating plugins, themes or wordpress. In this case...

Remove double line space in WordPress posts Sometimes text editor in your wordpress website creates extra line space even when...

Create wordpress child theme If you want your wordpress website to be upgrade safe, it is always best practice to...

Add css custom style specific to a page in wordpress You can add custom styles to a specific page in...

How to install a WordPress Theme Below are the steps to install a wordpress theme: Using WordPress theme directory Log...

Install SSL on WordPress Website How to make your wordpress website http:// to https:// https:// makes your website secure with...

Increase the WordPress Memory Limit and PHP Memory Limit There are several methods to increase wp menory limit and php...