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 »
WebKit is a HTML web browser rendering engine which is used by Safari and Chrome browsers.It supports custom css properties which can be prefixed with -webkit- For example -webkit-font-size will be replaced by the standard font-size. Below is the list of various other browsers and rendering engines, css-prefix used by them: Browser Engine CSS Prefix
What is WebKit? How is it used by browsers and CSS? Read More »
When I do npm install on mac pro, I get below error: Now if I run below code to install xcode cli, I get below error To resolve this issue, I followed below steps:
Issue with npm install for mac pro Read More »
To align items from right to left in Arabic language using use dir=”RTL” This is first item This is second item This is last item Left to Right alignment for a list of items in Arabic using dir=”LTR” This is first item This is second item This is last item
Right to left alignment for a list of items in Arabic 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 »
Hide other shipping rates when free shipping is available in Woocommerce WordPress
Hide other shipping rates when free shipping is available in Woocommerce WordPress 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 »
Below commands will setup WordPress, MySQL & PHPMyAdmin with a single command. Add the code below to “docker-compose.yaml” and run the command
WordPress and docker setup Read More »
Show commands & management commands Docker version info Show info like number of containers, etc WORKING WITH CONTAINERS Create an run a container in foreground Create an run a container in background Shorthand Naming Containers TIP: WHAT RUN DID Looked for image called nginx in image cache If not found in cache, it looks to
Chain-of-responsibility pattern The chain-of-responsibility pattern is a behavioral design pattern consisting of a source of command objects and a series of processing objects. Each processing object contains logic that defines the types of command objects that it can handle; the rest are passed to the next processing object in the chain. A mechanism also exists
Design Patterns in PHP – Chain-of-responsibility pattern Read More »
Observer pattern The observer pattern is a software design pattern in which an object, named the subject, maintains a list of its dependents, called observers, and notifies them automatically of any state changes, usually by calling one of their methods. It is mainly used for implementing distributed event handling systems, in “event driven” software. In
Design Patterns in PHP – Observer pattern Read More »
Strategy pattern The strategy pattern (also known as the policy pattern) is a behavioral software design pattern that enables selecting an algorithm at runtime. Instead of implementing a single algorithm directly, code receives run-time instructions as to which in a family of algorithms to use. Strategy lets the algorithm vary independently from clients that use
Design Patterns in PHP – Strategy pattern Read More »
Template method pattern The template method is a method in a superclass, usually an abstract superclass, and defines the skeleton of an operation in terms of a number of high-level steps. These steps are themselves implemented by additional helper methods in the same class as the template method. The helper methods may be either abstract
Design Patterns in PHP – Template method pattern Read More »
Adapter design pattern The adapter pattern is a software design pattern (also known as wrapper, an alternative naming shared with the decorator pattern) that allows the interface of an existing class to be used as another interface. It is often used to make existing classes work with others without modifying their source code. An example
Design Patterns in PHP – Adapter design pattern Read More »
The Decorator Pattern, Adapter Pattern, Template Method Pattern, Strategy Pattern, Observer Pattern Decorator design pattern In object-oriented programming, the decorator pattern is a design pattern that allows behavior to be added to an individual object, dynamically, without affecting the behavior of other objects from the same class. The decorator pattern is often useful for adhering
Design Patterns in PHP – Decorator design pattern Read More »
Insert an associtive array ain another assoInsert an associative array in another associative array array_splice() or array_merge() php functions doesn’t preserve keys. So if we use these functions then new array key will be [0]Instead we will use array_splice() and use ‘+’ to concatenate the arrays
How to preserve array keys for an associative array in php Read More »
Add an array in the middle on another associative array in php
Add an array in the middle on another associative array in php 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 »