Dive into my musings on life and tech in my latest posts; a blend of introspection and innovation. Keep an eye out for fresh insights and updates!
A few months ago, our finance team came to us with a very reasonable request. They were manually...
It all started with headlines claiming that Perplexity was aiming to buy Googleβs Chrome browser....
In today's digital landscape, browser extensions have become an integral part of our online...
Hello fellow developers and enthusiasts! π Today marks the end of my 100 Days Learning Challenge as a...
Question Create React or Angular code snippet that should allow the user to play match...
Question Create React or Angular code snippet that should allow the user to add OTP as...
Question Create React or Angular code snippet that implements typed effect as...
Question Create React or Angular code snippet that implements type speed tester as...
Question Create React or Angular code snippet that implements an skeleton container as...
In the ever-evolving landscape of web development, choosing the right frontend framework can be a...
Web development has evolved significantly over the years, with a constant quest for more modular,...
What is WebRTC? WebRTC is an open-source project that provides web browsers and mobile...
What is WebAssembly? WebAssembly is a binary instruction format that serves as a portable...
What is IndexedDB? IndexedDB is a low-level API for client-side storage of significant...
What is Web Share API? The Web Share API is a standardized web interface that enables...
What is Web Manifest? π The Web App Manifest is a simple JSON file that provides...
What is the Web Credentials API? The Web Credentials API is a browser API that allows web...
What is the Web Payments API? The Web Payments API is a browser standard designed to...
Question Make a bit of HTML and CSS code that, when clicked, unleashes a Diwali cracker as...
Understanding the Device Orientation π The Device Orientation API provides access to a...
What is the Web Location API? The Web Location API is a browser-based interface that...
What Are Web Push Notifications? π€ Web push notifications are messages that are sent from...
What is a Service Worker? A Service Worker is a JavaScript file that runs separately from...
What are Web Workers? π οΈ Web Workers are a browser feature that allows you to run...
What are Server-Sent Events? π‘ Server-Sent Events is a technology that enables servers to...
What Are WebSockets? WebSockets are a powerful communication protocol that provides...
π What is the Web Storage API? The Web Storage API comprises two mechanisms: localStorage...
π Understanding Web App Security Web application security refers to the process of...
Challenge Your task is to create an HTML and CSS code snippet that shows testimonial...
Challenge Your task is to create an HTML and CSS code snippet that shows launch countdown...
Challenge Your task is to create an HTML and CSS code snippet that calculates tip as...
Understanding Authentication π‘οΈ Authentication is the process of verifying the identity of...
Challenge We have an exciting challenge for you! Your task is to create an HTML and CSS...
In this article, we'll explore best practices, methodologies, and examples to help you structure your...
The Fundamentals of Data Fetching π¦ Data fetching is the process of retrieving information...
π Question create an HTML and CSS code snippet for the newsletter page described in the image below....
Question Create an HTML and CSS code snippet that should show below Smile emoji Check...
Question Create an HTML and CSS code snippet that implements an image container with a...
What is the DOM? π The Document Object Model represents the structure of an HTML document...
What Is Responsive Web Design? π€ Responsive web design (RWD) is an approach to web design...
In this article, we'll explore key CSS concepts and techniques that helps you to craft layouts. Let's...
What is CSS? π€ CSS stands for Cascading Style Sheets. It's a stylesheet language used to...
What are Global Attributes? π€ Global attributes, as the name suggests, are attributes that...
Introduction to HTML Events HTML events are occurrences recognized by web browsers that...
Tables are a fundamental part of web development, used to display data in a structured and organized...
HTML, the backbone of the World Wide Web, has come a long way since its inception. With the advent of...
1. <div> - The Container π¦ The <div> tag, short for division, is a versatile...
Forms are an integral part of web development, enabling user interaction and data submission. Let's...
What is Semantic HTML? π€ Semantic HTML is the practice of using HTML elements to represent...
The Basics of HTML Rendering What is HTML Rendering? π HTML rendering is the...
π Congratulations on completing the TypeScript section! π Now, you're heading towards HTML. In this...
Question Create a type that makes all properties of a deeply nested object readonly, you...
What is Namespace Augmentation? In TypeScript, a namespace is a way to organize code into...
What Are Recursive Types? π Recursive types in TypeScript allow a type to refer to itself...
What Are Template Literal Types? Template literal types are a TypeScript feature...
What are Conditional Types? Conditional types are a TypeScript feature introduced in...
What Are Mapped Types? π€ Mapped types are a way to create new types by transforming the...
What Are Utility Types? Utility types are built-in generic types provided by TypeScript to...
What is Memoization? Memoization is a technique used to store the results of expensive...
π€ What is Dependency Injection? Dependency injection is a design pattern that helps manage...
In this article, we'll take a dive into decorators in TypeScript, explore their types, and provide...
we'll dive into TypeScript generics, exploring what they are, why you should use them, and how to...
Defining Functions In TypeScript, you can define functions using the function keyword or...
What Are Type Guards? Type Guards are TypeScript constructs that allow you to refine or...
What is keyof? The keyof operator in TypeScript is used to create a union type of all the...
Question: Handling Nullable Strings Write a function where you need to calculate the...
What is a Type Assertion? A type assertion tells to TypeScript, "Trust me, I know the type...
In this article, we'll take a dive into TypeScript types, exploring the built-in types, advanced type...
Type Annotations π Type annotations to define explicit declarations of the data type for a...
π Congratulations on reaching a fantastic first milestone in 100 days of code challenge, will move...
In JavaScript, equality comparisons are used to evaluate if two values are the same. Sounds...
What are Symbols, Anyway? π€ Symbols are a primitive data type introduced in ECMAScript 6...
Before diving into the comparison, let's revisit the concept of asynchronous programming. It's all...
The introduction of async and await in ECMAScript 2017 (ES8) revolutionized how developers deal with...
JavaScript generators are special functions that can be paused and resumed during their execution,...
In this article, we'll delve into various scenarios of JavaScript output to help you solidify your...
Throttling ensures that a function is executed at a certain maximum frequency, regardless of how...
Whether you're a beginner or a seasoned developer, understanding how to leverage Chrome DevTools for...
Typed Arrays were introduced as part of the ECMAScript 2015 (ES6) specification to address the...
Memory π§ management is a critical aspect of any programming language, and JavaScript is no exception....
Today will feel the async vibes! β° with custom timer implementation Question Implement...
Have you ever wished you could intercept and modify object behaviour in JavaScript without changing...
As projects grow in complexity, organising code becomes crucial for maintainability and...
π€ What are Iterators? Iterators allow us to loop through data one element at a time. They...
π What is the Event Loop? The event loop is a critical component of JavaScript's runtime...
Question Write a function retryAsyncOperation that takes an asynchronous operation...
Question Write a function promiseTimeout that takes an asynchronous operation represented...
βοΈ Parallel Execution Parallel execution is the process of running multiple asynchronous...
Asynchronous programming in JavaScript can be quite challenging, leading to callback hell and...
Asynchronous JavaScript is single-threaded, which means it executes one operation at a...
In JavaScript, the context of this can be lost in certain situations, leading to unexpected behavior....
Today we will see the output based question 1. Closure function outer() { var x =...
Understanding Function Borrowing: Function borrowing enables us to use a method from one...
What is this? In JavaScript, this is a special keyword that refers to the context in which...
What is Scope in JavaScript? Scope refers to the context in which variables and functions...
Question Write a function called compose that accepts multiple functions as arguments and...
Question Create a function called limitCalls that takes a function and a maximum number of...
Question: Write a function called once that takes a function as an argument and returns a...
What is a Closure? A closure is created when a function is defined within another...
Object.assign: It is a method used to copy the values of all enumerable own properties...
Today, we'll create a polyfill for the Object.keys() method. The Object.keys() method returns an...
Today, we'll create a polyfill for the Array.flat() method. The Array.flat() method flattens nested...
Today, let's work on creating a polyfill for Array.includes() method. NOTE: Polyfills are code...
Introduction Inheritance is a fundamental concept in JavaScript that allows objects to...
Hey fellow frontend engineers! I'm excited to announce the launch of the 100 Days Code Challenge...
Extracting a Type with infer π The infer keyword is used in conjunction with the extends...
Generics in TypeScript allow you to write code that is not tied to a specific data type. Instead, you...
RXDB (short for Reactive Database) is an open-source client-side database that utilizes reactive...
RxDB is a powerful library that provides an intuitive and flexible way to work with NoSQL databases...
this is determined by how a function is called, not how it is defined. Things to find...
In today's digital age, it's essential to have a fast and efficient web app that can cater to users...
Analytics is the process of collecting, processing, and analyzing data to gain insights into user...
π In a globalized web app, error handling is a critical aspect of providing a smooth user...
A function is a block of code that performs a specific task. It can accept parameters and return...
Testing a globalized web application involves validating that it functions correctly in different...
Legal compliance for web apps can differ from country to country, and failure to comply with...
When creating a frontend for a global audience, it's important to consider the cultural differences...
Are you working on a global web application that needs to display addresses in different formats...
Currency formatting is an essential part of globalizing web applications, and it is crucial to...
When building a web application that is used across different countries, it is important to display...
β° Handling Time Zones One of the most critical aspects of working with time in web...
When building web applications to a global audience, it's important to provide translated content to...
π« Language support: Make sure your web-app can display content in multiple languages. β³ Time zones...