JS Shortened Notation
JavaScript provides several shortened notations to make your code more concise and efficient. Here are some examples: 1. Property Shorthand: When assigning an object property,...
My Learnings
Explore my blog posts documenting the insights and solutions I've gained from overcoming challenges over the past three years. Dive into a range of topics and lessons that showcase my continuous growth and expertise.
Explore by topic
Codepen Collection
Build Model Popup Mostly CSS Responsive Carousel CSS only Responsive Tables Off-Canvas Navigation Circular modal overlay effects Responsive Movie Card – Dark Version
Dynamic SVG Inject Project: A Practical Example
Scalable Vector Graphics (SVG) are widely used in modern web development due to their scalability, performance, and flexibility. SVG images are resolution-independent, making them perfect...
PDF Builder using `dompdf`
When I am working on a project I need to implement a PDF generator. hear how I approach this feature. 3. Code:
JS: Guide to JavaScript Dates
Working with Date in nay languages is painful so let reduce this pain. JavaScript offers us a date handling functionality through a painfull built-in object:...
JS: Call stack and heap memory in JavaScript
In JavaScript, when we create a variable, function or anything you can think of, the JS engine allocates memory for this and releases it once...
Understanding JWT Authentication in Express and Node.js: My Backend Learning Guide
So when I learning my backend course I implemented JWT for Authentication. Here how i understand this concept and How I implemented them in my...
Building Navigation Menu With Child Menu
How to build this menu functionality Code:
Import Statements in JavaScript: Default vs. Named Exports
JavaScript modules are a fundamental building block for modern web applications. They allow us to organize code into reusable units. When working with modules, you’ll...
Build Password Generator Using ReactJS (TS)
So when I building password manger. I want to build a password generator my main requirements as follows: Design: Logical Break Down: Here clsx is...
Bearer Authentication Explained: How It Works.
This blog post aims to demystify bearer authentication, explaining how it works and why it’s essential for securing your applications. Bearer authentication (also called token...
Middleware in Node.js
Middleware in Node.js is essentially a function that has access to the request and response objects, as well as the next middleware function in the...
Mongo: Creating Schemas with Mongoose
Introduction to Mongoose Schemas Mongoose, a popular Object Data Modeling (ODM) library for Node.js, provides a structured way to interact with MongoDB databases. At the...
WP: Shortcode function to display product categories and subcategories in a sidebar
Output:
What is Webhooks? How it different from API?
A webhook and an API (Application Programming Interface) are both methods for cummunication between different software systems.But they operate in distinct ways: Key Differences Example...
What is Bcrypt?
Bcrypt is a cryptographic hash function designed for password hashing and safe storing in the backend of applications in a way that is less suspectable...
Base64 Encoding and Decoding
What is Base64? Base64 is a group of binary-to-text encoding schemes that represent binary data in an ASCII string format. It’s designed to make binary...
AES-256-CBC: A Breakdown
AES-256-CBC stands for Advanced Encryption Standard with a 256-bit key in Cipher Block Chaining mode. AES (Advanced Encryption Standard) 256-bit key CBC (Cipher Block Chaining)...
PBKDF2 Hashing Algorithm
Before understanding PBKDF2. What is it? In cryptography, PBKDF1 and PBKDF2 (Password-Based Key Derivation Function 1 and 2) are key derivation functions with a sliding...
Youtube Channels I Follow For Coding
Dennis Ivanov(Python / Django) When I am building my collage project using Django and reactjs I followed him and build project by his Django Course....