Javascript

Clean Code Principles from Uncle Bob: How to Write Code That’s Easy to Read, Maintain, and Love

Why Clean Code Matters If you’ve ever stared at a messy codebase, unsure where to start, you’re not alone. Developers around the world battle with legacy code, confusing logic, and inconsistent naming. But there’s a better way. Robert C. Martin—better known as Uncle Bob —provides a clear roadmap for writing clean code: software that is […]

Clean Code Principles from Uncle Bob: How to Write Code That’s Easy to Read, Maintain, and Love Read More »

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

What 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 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 »

What 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 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 »

Javascript security vulnerabilities checklist

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

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 »

Display 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 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 »

Create 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 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 »

Form 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 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 »

Scroll to Top