Blog
Latest blogs
Blogs
Builder.ai’s Collapse: How a $1.5 Billion AI Startup Misled the World
In the ever-evolving landscape of artificial intelligence and tech innovation, few stories have stirred the industry like the recent downfall...
Read MoreHow AI Is Advancing Web Accessibility for a More Inclusive Internet
Web accessibility has long been a fundamental pillar of inclusive digital design. In today’s world—where the internet is a basic...
Read MoreGitHub Copilot: Your AI-Powered Coding Assistant
What Is GitHub Copilot? GitHub Copilot is an AI-powered coding assistant developed by GitHub in collaboration with OpenAI. It acts...
Read MoreWhat Is Agentic AI? A Clear Guide to the Future of Autonomous Systems
Agentic AI is one of the most important concepts shaping the future of artificial intelligence. As AI systems become more...
Read MoreDeepSeek AI: The Future of Artificial Intelligence
In today’s fast-paced digital world, DeepSeek AI is making waves as one of the most advanced artificial intelligence models available....
Read MoreThe Power of Design Systems: Bridging Product and Tech
Design systems have become indispensable for modern product development. They’re more than just a collection of UI components—they act as...
Read MoreWhat tree shaking in front-end development?
Tree shaking is an optimization technique used in front-end development, especially in JavaScript-based applications, to reduce the size of the...
Read MoreHow to improve performance of a website?
Improving the performance of a website is crucial for providing a smooth user experience and ensuring better search engine rankings....
Read MoreAccessibility for developers and designers – checklist of development
In today’s digital landscape, accessibility is no longer an optional consideration—it’s a necessity. Ensuring that websites and applications are accessible...
Read MoreHow to make websites accessibility – importance of images and alt tags
Images are an essential part of any website. They make pages more visually appealing and can help convey important information....
Read MoreDesigning for diversity
Designing with accessibility is essential for making digital products usable by everyone. Here are key aspects to consider in creating...
Read MoreWhat is accessibility and why it’s important for a website?
Accessibility means making websites and digital stuff so that everyone, including those with disabilities, can easily use them. Here’s why...
Read MoreBoosting web development efficiency with VITE javascript build tool
In the ever-evolving web development landscape, efficiency is key, and VITE emerges as a powerful ally. Let’s explore the distinctive...
Read MoreCookies vs. Sessions: What’s the Difference?
Ever wondered how websites remember your preferences or keep your shopping cart items safe? It’s all thanks to two web...
Read MoreAI and Machine Learning – Transforming Our World, One Algorithm at a Time
Artificial Intelligence (AI) and Machine Learning (ML) are no longer futuristic concepts—they’re here, and they’re changing everything. From healthcare and...
Read MoreWhat is DOM in javascript?
In web development, the Document Object Model (DOM) is a programming interface for web documents. It represents the page so...
Read MoreWhat are object prototypes in javascript?
In JavaScript, a prototype is an object that is associated with every function and allows you to share properties and...
Read MoreInformation technology best practices
What is SDLC? SDLC stands for Software Development Life Cycle, which is a process used by software development teams to...
Read MoreCloud Computing Interview Questions
Top 10 Cloud Computing Interview Questions and Answers for Successful Job Interview What is cloud computing, and how does it...
Read MoreCode Management and Collaboration
The Best Repositories for Collaborative Coding: From GitHub to Bitbucket A code repository is a storage location for code and...
Read MoreNext.js vs React.js: A Deep Dive into the Features and Comparisons”
Next.js is a JavaScript framework for building web applications that is built on top of React.js. It provides a set...
Read MoreThe Top Build Tools for Frontend Development
Build tools are essential for streamlining the development process and automating tasks such as transpiling code, minifying files, and creating...
Read MoreWhat are higher Order Functions in JavaScript?
In JavaScript, a higher-order function is a function that takes one or more functions as arguments, or returns a function...
Read MoreWhat is React js? Why React js is so popular?
React is a JavaScript library for building user interfaces that was developed by Facebook in 2013. It is often used...
Read MoreWhat is single sign-on?
Single sign-on (SSO) is a user authentication process that allows a user to access multiple applications with a single set...
Read MoreWhat is Vue.js javascript framework?
Vue.js is a lightweight, easy-to-learn JavaScript library that allows developers to build interactive web interfaces. It is a progressive framework,...
Read MoreWhat is a design system?
A design system is a set of standardized guidelines and components that can be used to build a consistent and...
Read MoreWhat is the best Javascript framework?
There are many popular JavaScript frameworks to choose from, and the best one for your project will depend on your...
Read MoreHow to create gitignore file to execule node_modules folder
If you are using command line you can use below commands in the terminal of the project directory: touch will...
Read MoreEven and odd numbers sum using js
Even and odd numbers sum from an array using javascript Input an array as an argument to evenOddSums function and...
Read MoreAdd all numbers using javascript
Add all numbers entered as function parameters Method 1 Method 2
Read MoreWhat is Edge Side Includes?
Edge Side Includes (ESI) is a small markup language for edge level dynamic web content assembly. The purpose of ESI...
Read MoreCreate a humburger menu using html, css and javascript
Lets create index.html file which will include the basic html code.Now create a div with class menu and a header...
Read MoreWhat is caret (^) and tild(~) in version control
~ Tilde: ~ freezes major and minor numbers. It is used when you’re ready to accept bug-fixes in your dependency, but don’t...
Read MoreReceived HTTP code 400 from proxy after CONNECT
I am trying to clone a Github repo but getting below proxy error on Mac Pro. I have not configured...
Read MoreWhat is NODE.JS
What is NODE.JS? NodeJS is a javascript runtime, its not a language or framework It is built on V8 javascript...
Read MoreJavascript security vulnerabilities checklist
Tools to check javascript security vulnerabilities 1) npm installIf you are using npm install in your application, make sure you...
Read MoreGoogle Geocoding API to display address details
Google Geocoding API to display address details including latitude and longitude Create your own Google API key and update YOUR_API_KEY in the...
Read MoreDisplay google maps with different marker icons
Google Maps API to display map with different types of markers for multiple locations First you will need to get...
Read MoreCreate a TODO list design using javascript, html, css
This is a simple todo application design using html, css and vanilla javascript. You will need an editor of your...
Read MoreWhat is WebKit? How is it used by browsers and CSS?
WebKit is a HTML web browser rendering engine which is used by Safari and Chrome browsers.It supports custom css properties...
Read MoreIssue with npm install for mac pro
When I do npm install on mac pro, I get below error: Now if I run below code to install...
Read MoreCanvas with starts background
<!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%;...
Read MoreRight to left alignment for a list of items in Arabic
To align items from right to left in Arabic language using use dir=”RTL” This is first item This is second...
Read MoreForm field validations using regex javascript
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...
Read MoreGenerate all combinations of a string using javascript
Generate all combinations of a string
Read MoreReturn true if two strings are anagram using javascript
Anargam An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically...
Read MoreReturn the length longest word from a string using javascript
Return the length longest word from a string
Read MoreFind the most common character from the string using javascript
Return the most common character from the string
Read MoreValidate a palindrome
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
Read MoreHide other shipping rates when free shipping is available in Woocommerce WordPress
Hide other shipping rates when free shipping is available in Woocommerce WordPress
Read MoreLeft rotate array using javascript
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()...
Read MoreFlatten a multidimensional associative array into one-dimensional array using javascript
Flatten a multidimensional associative array using javascript
Read MoreWordPress and docker setup
Below commands will setup WordPress, MySQL & PHPMyAdmin with a single command. Add the code below to “docker-compose.yaml” and run...
Read MoreDocker Commands
Show commands & management commands Docker version info Show info like number of containers, etc WORKING WITH CONTAINERS Create an...
Read MoreDesign Patterns in PHP – Chain-of-responsibility pattern
Chain-of-responsibility pattern The chain-of-responsibility pattern is a behavioral design pattern consisting of a source of command objects and a series...
Read MoreDesign Patterns in PHP – Observer pattern
Observer pattern The observer pattern is a software design pattern in which an object, named the subject, maintains a list...
Read MoreDesign Patterns in PHP – Strategy pattern
Strategy pattern The strategy pattern (also known as the policy pattern) is a behavioral software design pattern that enables selecting...
Read MoreDesign Patterns in PHP – Template method pattern
Template method pattern The template method is a method in a superclass, usually an abstract superclass, and defines the skeleton...
Read MoreDesign Patterns in PHP – Adapter design pattern
Adapter design pattern The adapter pattern is a software design pattern (also known as wrapper, an alternative naming shared with...
Read MoreDesign Patterns in PHP – Decorator design pattern
The Decorator Pattern, Adapter Pattern, Template Method Pattern, Strategy Pattern, Observer Pattern Decorator design pattern In object-oriented programming, the decorator...
Read MoreHow to preserve array keys for an associative array in php
Insert an associtive array ain another assoInsert an associative array in another associative array array_splice() or array_merge() php functions doesn’t...
Read MoreAdd an array in the middle on another associative array in php
Add an array in the middle on another associative array in php
Read MoreFind the symmetric difference between arrays using javascript
Find the symmetric difference between arrays using javascript In mathematics, the symmetric difference of two sets, also known as the...
Read MoreJavascript higher order functions
What is higher order functions? A function that takes or returns another function has become “higher-order”. Higher-order functions let us...
Read MoreCheck if first letter of sentence is capital or not using Javascript
Check if first letter of sentence is capital or not
Read MoreCreate a SignUp form with Vue Js
We will create a signup form with Email, Password, Role, Education etc. First on all install the vue cli Now...
Read MoreCaesars Cipher using javascript arrow functions
Here we will take ROT13 encoded string as input and returns a decoded string.
Read MoreHow to hide or show details using v-if and v-show directive in Vue JS
Conditional rendering can be achieved using v-ifConditional display can be achieved using v-show First create a vue project using vue...
Read MoreHow to check Vue js version
There are few ways to check vue js version: npm v vue run this on the terminal Check package.json, code...
Read MoreMeasure execution time of a function using javascript
You can measure the performance of javascript code using console.time() function. This can be helpful in debugging and optimizing code...
Read MoreCheck if it’s a blog post or page in WordPress
1) Check Page type using is_page() function 2) Check Page using get_post_type() function 3) Check Page using post() function 4)...
Read MoreCount number of same characters in a string and display in the array using javascript
Count number of same characters in a string and display in the array using javascript
Read MoreFlatten a nested array using javascript
You can loop through the array entries, check if it’s an array with isArray() and recursively flatten the entries of...
Read MoreHow to resolve esm-bundler build warning when running vue 3 and laravel 8
When running npm run watch below warning is displayed: Warning details: You can add below code in webpack.mix.js to the...
Read MoreHow to turn off autoplay for youtube videos url
How to turn off autoplay for youtube videos url? Its quiet annoying to have autoplay for videos on the website...
Read MoreCheck if a string is a palindrome or not using javascript
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.
Read MoreCount words for a textarea field using javascript
Count words for a textarea field using javascript
Read MoreHow to draw tick on an image using vue js
Create two css class draw to give white background box on which we will draw the check or dot and...
Read MoreConvert string into an url slug using javascript
Convert string into an url slug using javascript
Read MoreMovie search application using Vue JS and Laravel framework using OMDb API – The Open Movie Database
A laravel movie search application using Vue JS, Vue Composition API and OMDBAI API. OMDBAI is used to fetch the...
Read MoreRemove fasley values from an array using javascript
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]
Read MoreMake every first letter of a word capitalized in a sentence using javascript
Make every first letter of a word capitalized
Read MorePrint repeated string using javascript
function repeatStringNumTimes(str, num) { let newstr = ''; if (num < 0) { return ""; } else { for (let...
Read MoreConvert Celsius to Fahrenheit using javascript
Convert Celsius to Fahrenheit using javascript
Read MoreGenerate random user using Vue.js
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...
Read MoreNode JS questions and answers application
Here we are creating a questions.js file in which we will declare an array of questions and user will be...
Read MoreFizz Buzz Test using javascript
Fizz Buzz Print the numbers from 1 to 100. Multiples of three print “Fizz” with the number and for the...
Read MoreUse recursion to generate range of numbers in ascending order using javascript
Recursion to generate range of numbers
Read MoreHow to create permutations for an array using javascript
Create permutations for an array using javascript
Read MoreHow to create combinations of an array using javascript?
Create combinations of an array using javascript
Read MoreLaravel dusk testing cheat sheet
//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...
Read MoreHow to create multiple browsers using laravel dusk?
Run below srtisan command to generate the test class file Now you can run this test with below artisan command...
Read MoreHow to create laravel dusk test from Login page?
create laravel LoginTest class using below artisan command: Now run below command to test the test cases:
Read MoreHow to create laravel dusk test from registration page?
create laravel RegisterTest class using below artisan command: Now run below command:
Read MoreFacebook\WebDriver\Exception\UnknownErrorException: unknown error: net::ERR_NAME_NOT_RESOLVED
This error is encountered if you try to run php artisan dusk command To fix this error you will need...
Read MoreWebsite slow due to autoload yes – transient data in tables wordpress
When you call a remote server there is always some extra latency. Transients cache the response which comes through the...
Read MoreHow to install laravel dusk to do browser testing for your application?
Laravel Dusk provides an easy-to-use browser automation using chromedriver installation. Install composer dependency for your application Now execute below artisan...
Read MoreLaravel artisan cli useful commands
artisan key:generate --ansi # Define a route Route::get('/', function(){ return view('home'); }); # Clear cache php artisan cache:clear # Find...
Read MoreCheck if a number is palindrome or not using javascript
const numberPalindrome = (num) => { let strNumber = num+''; let total = 0; let strArr = strNumber.split(''); for (let...
Read MoreCapitalise the first letter of a word in a sentence using javascript
//Capitalise the first letter of a word in a sentence const capitaliseFirstLetter = (fullStr) => { let strArray = fullStr.split("...
Read MoreFind the largest word in a string using Javascript
// Find the largest word in a string using Javascript const largestWordString = (str) => { let strArray = str.replace(/[.,\/#!$%\^&*;:{}=-_`~()]/g,"").split("...
Read MoreFind Factorial of a give number using Javascript
console.log("Find Factorial of a give number using Javascript: "); //iterative approach const findFactorial = (number) => { if(number === 1...
Read MoreReverse a string using javascript
//Reverse a string using Javascript const reverseString = (str) => { return str.split('').reverse().join(''); } console.log(reverseString("awesome")); //result will be emosewa
Read MoreFind intersection from a string array using javascript
const findIntersection = (strArr) => { let strArr1 = strArr.join(","); let strArr2 = strArr1.replace(/\s+/g, "").split(','); let strArr3 = strArr2.filter((item, index)...
Read MoreRemove space from a string using javascript
console.log("Hello World".replace(/\s+/g,'')); // Output is HelloWorld
Read MoreCheck if a number is even or odd using javascript
console.log("check if a number is even:"); const isEven = (number) => { if (number % 2 !== 0) return "Number...
Read MoreCalculate average from an array of numbers using javascript
console.log("Calculate average from an array of numbers: "); const calculateAverage = (arr) => { let average = 0; for(let i...
Read MoreSearch for a number in an array using javascript
//Search for an number in given array const arraySearch = (num, arr) => { for(let i =0; i <= arr.length;...
Read MoreDisplay a table using javascript
//display table using javascript const displayTable = (num) => { list = []; for (let i = 1; i <=...
Read MoreReverse a number using javascript
//reverse a number using javascript const reverse_digit = (n) => { let strrev = n.toString(); return strrev.split('').reverse().join(''); } console.log(reverse_digit(423)); //324
Read MoreAdd digits of a number using javascript
console.log("add digits from a number"); const addDigitsFromNumber = (num) => { let strNumber = num+''; let strArr = strNumber.split(''); let...
Read MoreGenerate a random expression using PHP
function generateRandomExpression() { $operand1= rand(1,100); $operand2 = rand(100, 200); $operators = array("*", "/", "-", "%","+"); shuffle($operators) foreach($operators as $value){ $result...
Read MoreLongest string in an array of strings in Javascript
Find the longest string in an array of strings in Javascript
Read MoreCheck if brackets are balanced or not in javascript
Check if brackets are balanced or not in javascript
Read MoreCheck if given number is Armstrong number in Javascript
Javascript program to check Armstrong number
Read MoreSort a numeric array using Javascript
//javascript sort() function sorts by characters rather than numbers console.log([1, 11, 26, 2, 36, 123].sort()); // [ 1, 11, 123,...
Read MoreBasic array operations in Javascript
How to add elements at the start of an array in javascript? let list1 = [‘b’, ‘c’]; //using spread operator...
Read MoreWhat is async attribute in script tag in javascript?
What is async attribute in script tag in javascript? <script src="test.js" async></script> If async attribute is present in script tag...
Read MoreHow to prepare for AWS Certifications
Useful Resources for AWS Cloud Certifications Recently I passed my AWS Certified Cloud Practitioner, AWS Certified Developer – Associate and...
Read Morefile_put_contents(): write of 1847 bytes failed with errno=13 Permission denied – Laravel
file_put_contents(): write of 1847 bytes failed with errno=13 Permission denied in Laravel If you get above error, follow below...
Read MoreMost commonly used commands for Docker
Here is the list of most commonly used docker commands: docker –version This is used to check the version of...
Read MoreCheck if script is run as root user
#Check if script is run as root user whoami will give the name of the current user
Read MoreHow to change Add to Cart text for WooCommerce
How to change Add to Cart text for WooCommerce Please follow below steps to change the default “Add to Cart”...
Read Morejavac command not working on my windows
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...
Read MoreThe provided API Key is expired
Google Maps API key error If you have generated Google Maps API key and when you save it gives the...
Read MoreHow to fix Briefly Unavailable for Scheduled Maintenance in WordPress?
Briefly Unavailable for Scheduled Maintenance error in WordPress This error comes when updating plugins, themes or wordpress. In this case...
Read MoreHow to remove double line spacing in WordPress posts?
Remove double line space in WordPress posts Sometimes text editor in your wordpress website creates extra line space even when...
Read MoreHow to create wordpress child theme?
Create wordpress child theme If you want your wordpress website to be upgrade safe, it is always best practice to...
Read MoreHow to add css specific to a page in wordpress?
Add css custom style specific to a page in wordpress You can add custom styles to a specific page in...
Read MoreHow to install a WordPress Theme?
How to install a WordPress Theme Below are the steps to install a wordpress theme: Using WordPress theme directory Log...
Read MoreHow to install SSL on WordPress website?
Install SSL on WordPress Website How to make your wordpress website http:// to https:// https:// makes your website secure with...
Read MoreHow to increase wordpress memory limit?
Increase the WordPress Memory Limit and PHP Memory Limit There are several methods to increase wp menory limit and php...
Read More