Java Script

Java

Java is a general-purpose, object-oriented programming language designed to run on any device via the Java Virtual Machine (JVM), following the "write once, ru…

JavaScript

JavaScript is a high-level, interpreted scripting language that runs natively in web browsers and, via runtimes like Node.js, on servers — making it the primar…

PHP

PHP is a server-side scripting language designed for web development, widely used to generate dynamic HTML pages and power content management systems like Word…

Dart

Dart is a client-optimized, object-oriented programming language developed by Google, best known as the language behind the Flutter cross-platform app framewor…

HTML

HTML (HyperText Markup Language) is the standard markup language for structuring content on the web. It uses a system of nested elements and tags to define tex…

CSS

CSS (Cascading Style Sheets) is the stylesheet language used to control the visual presentation of HTML documents, defining layout, colors, typography, spacing…

v0

v0 is an AI tool by Vercel that generates React user-interface code and components from natural-language prompts or images, built on the shadcn/ui and Tailwind…

Replit AI

Replit AI is the suite of AI coding features built into the Replit cloud IDE, including chat-based code assistance, autocomplete, and an autonomous coding agen…

Perl

Perl is a high-level, dynamically typed scripting language known for powerful text-processing and regular-expression capabilities, historically popular for sys…

Elm

Elm is a purely functional programming language that compiles to JavaScript, designed for building reliable front-end web applications with no runtime exceptio…

Closures

A closure is a function that retains access to variables from the scope in which it was defined, even after that outer scope has finished executing.

Higher-Order Functions

A higher-order function is a function that takes one or more functions as arguments, returns a function as its result, or both.

Regular Expression (Regex)

A regular expression (regex) is a sequence of characters that defines a search pattern, used to match, extract, validate, or replace text according to specific…

Asynchronous Programming

Asynchronous programming is a programming model that allows a program to start a long-running operation, such as a network request, and continue executing othe…

Event Loop

The event loop is the mechanism that allows a single-threaded runtime, like JavaScript's, to handle asynchronous operations by continuously checking a queue of…

Garbage Collection

Garbage collection is an automatic memory management process that identifies and reclaims memory occupied by objects that a program can no longer reach or use,…

Dynamic Typing

Dynamic typing is a language design approach in which variable types are determined and checked at runtime rather than at compile time, so the same variable ca…

WebStorm

WebStorm is an integrated development environment (IDE) developed by JetBrains for JavaScript and TypeScript development, including frameworks like React, Angu…

Replit

Replit is a cloud-based development platform that lets users write, run, and collaborate on code directly in a web browser, without installing a local developm…

CodePen

CodePen is an online code editor and social development platform for front-end web development, letting users write and preview HTML, CSS, and JavaScript in th…

JSFiddle

JSFiddle is an online code editor for testing and sharing HTML, CSS, and JavaScript snippets, organized into separate panes with a live preview of the rendered…

Advent of Code

Advent of Code is an annual online programming event, released as a daily series of coding puzzles each December, that developers can solve using any programmi…

jQuery

jQuery is a fast, lightweight JavaScript library that simplifies HTML DOM manipulation, event handling, animation, and AJAX requests through a concise, cross-b…

Meteor.js

Meteor.js is a full-stack JavaScript framework that lets developers write both client and server code in one codebase, with built-in real-time data synchroniza…

JavaScript Interop

Call JavaScript from C# and C# from JavaScript in Blazor to access browser APIs that .NET can't reach directly.

Handling Alerts and Popups

Understand how to detect, read, and respond to native JavaScript alert, confirm, and prompt dialogs, and how to tell them apart from ordinary DOM-based popups.

The WebAssembly JavaScript API

A tour of the WebAssembly global object's core classes — Module, Instance, Memory, Table, and Global — and how JavaScript orchestrates Wasm.

Wasm vs JavaScript

A comparison of WebAssembly and JavaScript covering performance, tooling, and how the two interoperate in the same web application.

Authentication Patterns in Next.js

How to implement session-based and token-based authentication in Next.js, protect routes with middleware, and handle auth in Server Components and Server Actio…

Building and Deploying a Next.js App

How to prepare a Next.js application for production, choose a hosting model, and ship it reliably to Vercel or a self-hosted environment.

Caching in Next.js

A tour of the four caching mechanisms in the Next.js App Router — Request Memoization, the Data Cache, the Full Route Cache, and the Router Cache — and how the…

Creating a Next.js Project

How to scaffold a new Next.js application with create-next-app, understand its generated project structure, and run the development server.

Dynamic Routes and Params

Understand how to build dynamic and catch-all routes using bracket folder naming, read route params in Server and Client Components, and pre-render them with g…

Environment Variables in Next.js

How Next.js loads .env files, the difference between server-only and NEXT_PUBLIC_-prefixed browser-exposed variables, and per-environment configuration.

Fetching Data in Server Components

Learn how to fetch data directly inside React Server Components using async/await, and how Next.js handles deduplication, parallelization, and streaming for th…

File-Based Routing

How Next.js derives an application's routes automatically from the folder structure inside the app directory, including dynamic segments and navigation.

Font Optimization

How next/font automatically self-hosts and optimizes web fonts to eliminate layout shift and remove external network requests.

Image Optimization with next/image

How the built-in Next.js Image component automatically resizes, lazy-loads, and serves modern image formats to improve performance.

Incremental Static Regeneration

Learn how Incremental Static Regeneration (ISR) lets Next.js update statically generated pages after deployment without a full rebuild.

Layouts and Nested Routes

How layout.tsx files in the Next.js App Router share UI across routes, compose through nesting, and persist state across navigations.

Loading and Error States

Learn how loading.js, error.js, and not-found.js use React Suspense and Error Boundaries to give every route automatic, granular loading and error UI.

Metadata and SEO in Next.js

Learn how to manage titles, descriptions, Open Graph tags, and structured metadata using the App Router's metadata object and generateMetadata, plus sitemap an…

Middleware in Next.js

Learn how middleware.ts intercepts requests on the Edge Runtime before they reach a route, and how to use it for redirects, rewrites, and authentication checks.

Next.js Interview Questions

A curated set of Next.js interview questions covering rendering strategies, the App Router, data fetching, and performance, with model answers.

Next.js Performance Optimization

Practical techniques for making Next.js apps fast: image and font optimization, code splitting, caching strategies, and Core Web Vitals.

Next.js Quick Reference

A condensed cheat sheet of core Next.js App Router APIs, file conventions, rendering rules, and common commands for fast lookup.

Revalidation Strategies

Understand time-based revalidation (ISR) and on-demand revalidation with revalidatePath and revalidateTag, and how to wire them into Server Actions and Route H…

Route Handlers (API Routes)

Learn how to build server-side API endpoints in the Next.js App Router using route.ts files, the Web Request/Response APIs, dynamic segments, and their caching…

JavaScript Projects for Beginners to Build a Portfolio

Build these beginner-friendly JavaScript projects and stand out to potential employers.

Build a To-Do List App in React

A comprehensive guide to build a to-do list app in react — written for learners at every level.

JavaScript for Beginners: The Ultimate 2026 Guide

JavaScript makes web pages interactive — master the core language that runs on every browser and server.

Project: Build a Full-Stack To-Do App with React, Node.js and MongoDB

A full-stack to-do app is the perfect first MERN project — it covers every concept you'll use in production: REST APIs, database CRUD operations, JWT authentic…

TypeScript for Beginners: JavaScript with a Safety Net

TypeScript adds optional static types to JavaScript, catching bugs before your code runs. This guide explains types, interfaces, generics, and the compile step…

React Hooks Explained: useState, useEffect, and Beyond

React Hooks replaced class components and changed how React developers think about state and side effects. This guide explains useState, useEffect, useContext,…

JavaScript ES6+ Features Every Developer Should Know

ES6 and beyond transformed JavaScript from a quirky scripting language into a powerful modern programming language. This guide covers the most important featur…

Learn JavaScript Through Music: Build a Playlist App

Building a music player is one of the best JavaScript projects for beginners — it covers DOM manipulation, event listeners, the Fetch API, and the Web Audio el…

Learn React Through Game Development: Build a Chess Clock

A chess clock is the perfect React project — it's small enough to finish in an afternoon but teaches useState, useEffect, timer management, and conditional ren…

Learn Node.js Through Building a Music API

Node.js is JavaScript on the server, and building a REST API for your music collection is the perfect first project. This guide covers Express routes, middlewa…

Learn React Through Building a Gaming Leaderboard

Gaming leaderboards are the perfect React learning project: they need real-time state updates, list rendering, sorting, filtering, forms, and optional API fetc…

JavaScript Cheat Sheet

Essential JavaScript concepts, ES6+ features, and common methods.

What Is the Virtual DOM?

The virtual DOM is an in-memory, lightweight JavaScript representation of the real DOM that frameworks like React use to compute the minimal set of changes nee…

What Is Webpack and Bundling?

Webpack is a module bundler that walks a JavaScript application’s dependency graph starting from an entry file and combines all the modules, along with assets…

Server-Side vs Client-Side Rendering

Server-side rendering (SSR) builds the full HTML for a page on the server and sends it ready to display, while client-side rendering (CSR) sends a near-empty H…

What is a Single-Page Application?

A single-page application (SPA) loads one HTML shell up front and then rewrites the page in the browser with JavaScript, fetching only data — not full new page…

What is Lazy Loading?

Lazy loading is the technique of deferring the loading of a resource — an image, a script chunk, or a component — until it is actually needed, instead of loadi…

What is a Service Worker?

A service worker is a background JavaScript script the browser runs separately from the page, letting it intercept network requests, cache responses, and enabl…

Debouncing vs Throttling

Debouncing delays running a function until a burst of calls stops for a set pause, so it fires once at the end, while throttling runs the function at most once…

What is the DOM?

The DOM (Document Object Model) is a tree-structured, in-memory representation of an HTML or XML document that browsers build from parsed markup, letting JavaS…

What Is a Closure in JavaScript?

A closure is a function bundled together with references to the variables from its enclosing lexical scope, so the function keeps access to those variables eve…

What Is Hoisting in JavaScript?

Hoisting is JavaScript’s behavior of processing variable and function declarations during the compile phase, before any code executes, so declared names exist…

What Is the JavaScript Event Loop?

The event loop is the mechanism that lets single-threaded JavaScript handle asynchronous work by continuously checking whether the call stack is empty and, if…

Promises vs async/await: What Is the Difference?

Promises and async/await are the same underlying mechanism for handling asynchronous results — async/await is syntactic sugar built on top of Promises that let…

What Is Prototypal Inheritance in JavaScript?

Prototypal inheritance is JavaScript's mechanism where objects inherit properties and methods directly from other objects through a chain of internal [[Prototy…

How Does the `this` Keyword Work in JavaScript?

The value of `this` in JavaScript is not fixed by where a function is defined but by how that function is called at runtime — its binding is determined by the…

What Is Currying in JavaScript?

Currying is the technique of transforming a function that takes multiple arguments into a sequence of functions that each take a single argument, returning a n…

What Is the Difference Between Event Bubbling and Capturing?

Bubbling and capturing are the two opposite directions an event travels through the DOM tree: capturing fires the event from the root down to the target elemen…

What Is Event Delegation and Why Use It?

Event delegation is the pattern of attaching a single event listener to a common ancestor element instead of separate listeners on every individual child, rely…

What Is the Difference Between call, apply, and bind?

`call`, `apply`, and `bind` are all methods on `Function.prototype` used to explicitly control what `this` refers to inside a function; `call` and `apply` invo…

Shallow Copy vs Deep Copy: What Is the Difference?

A shallow copy duplicates only the top-level properties of an object or array, so nested objects are still shared by reference with the original, while a deep…

What Is the Temporal Dead Zone in JavaScript?

The Temporal Dead Zone (TDZ) is the span of code between the start of a block and the line where a let or const variable is actually declared, during which the…

What Is the IIFE Pattern in JavaScript?

An IIFE (Immediately Invoked Function Expression) is a function that is defined and executed in the same statement, typically written as (function () { ... })(…

What Are Generators in JavaScript and How Do They Work?

A generator is a special function, declared with function*, that can pause its own execution at yield points and resume later exactly where it left off, produc…

What Are Symbols in JavaScript and Why Use Them?

A Symbol is a primitive value created with Symbol(), guaranteed to be unique even if two symbols share the same description, used mainly as collision-free obje…

WeakMap vs WeakSet: What Is the Difference?

A WeakMap stores key-value pairs where the keys must be objects held only weakly, so entries are automatically garbage-collected once nothing else references t…