code-resources
  • cmu lectures
    • Interview Questions
    • Snippets
  • databases
    • mongodb
    • sql
    • Overview
    • Problem-Solving Patterns
      • Overview
      • Static Arrays
      • Dynamic Arrays
      • Two Pointers
      • Sliding Window (Fixed Size)
      • Sliding Window (Variable Size)
      • Kadane's Algorithm
      • Overview
      • Singly Linked Lists
      • Doubly Linked Lists
      • Fast and Slow Pointers
      • Overview
      • Stacks
      • Queues
      • Overview
      • Hash Usage
      • Hash Map Implementation
      • Overview
      • Insertion Sort
      • Merge Sort
      • Quick Sort
      • Bucket Sort
      • Binary Search
      • Overview
      • Factorial
      • Fibonacci
      • Tree Maze
      • Subsets
      • Combinations
      • Permutations
      • Overview
      • Binary Search Trees
      • BST Insert and Remove
      • Depth-First Search
      • Breadth-First Search
      • Iterative DFS
      • Trie
      • Segment Tree
      • Overview
      • Push and Pop
      • Heapify
      • Overview
      • Adjacency List
      • Matrix DFS
      • Matrix BFS
      • Dijkstra's
      • Prim's
      • Kruskal's
      • Topological Sort
      • Union-Find
      • Overview
      • Dynamic Programming Patterns
      • 1-Dimension DP
      • 2-Dimension DP (Grid Paths)
      • 0/1 Knapsack
      • Unbounded Knapsack
      • Longest Common Subsequence
      • Overview
      • Bit Operators
      • Big-O and Interview Cheatsheet
  • frontend
    • frontend-optimization
      • How to Use Browser DevTools to Debug Performance Issues
      • What are Reflow and Repaint? How to optimize?
      • What is debounce? How to implement debounce function
    • frontend-tooling
      • What Is a Monorepo? Why Using a Monorepo?
      • What is Bun? Why Use It? How Does It Solve Node.js Problems?
      • What Is JavaScript Modules?
      • What Is Vite? Why Use Vite? What Problems Does It Solve?
      • What Is Webpack Loader And Plugin?
      • Why pnpm is Faster and More Space-Efficient than npm?
    • others
      • Front-end image format selection, when should I use JPG, PNG, WebP or SVG?
      • What Is SPA (Single-Page Application)? What Are Its Advantages and Disadvantages?
    • HTML Interview Questions
  • interview
    • Interview Checklist
    • Stages of an Interview
    • Overview
      • Overview
      • Interview Questions
        • 10 JavaScript Quizs to Test Your Knowledge of This Language
        • 9 Key New Features of ES6 (ES2015) You Should Know
        • Should You Use the Ternary Operator in Programming?
        • What Are the Primitive Types in JavaScript? How To Check the Type of a Variable?
        • What is ECMAScript? What is it to do with JavaScript?
        • What Is the Difference Between ==, === and Object.is in JavaScript?
        • What is the Difference Between Map and Object in JavaScript, and Why Do We Need Map?
        • What is the difference between null, undefined and undeclared in JavaScript?
        • What Is the Difference Between Set, Map, WeakSet, and WeakMap in JavaScript?
        • What Is the Purpose of "use strict" in JavaScript and What Are the Benefits of Using It?
        • What’s New in ES2023 (ES14)?
        • What Will 0.1 + 0.2 Be in JavaScript? Why?
      • Overview
      • Interview Questions
        • Explain What Hoisting Is in JavaScript
        • What Is a Higher-Order Function in JavaScript?
        • What Is an Arrow Function in JavaScript? How Is It Different From a Regular Function?
        • What is an IIFE (Immediately Invoked Function Expression) in JavaScript? What are the Pros and Cons?
        • What is JavaScript Closures?
        • What Is the Difference Between var, let and const in JavaScript?
        • What Is the Scope and Scope Chain of JavaScript?
      • Overview
      • Interview Questions
        • Explaining the Concept of a Class in ES6 and the Distinction Between a Function Constructor
        • The most common JavaScript prototype interview questions and answers (prototype, prototypal inheritance, prototype chain)
        • What Is "this" in JavaScript?
        • When Is the Difference Between Shallow and Deep Copy in JavaScript?
        • Why structuredClone is the Best Choice for Deep Copying in JavaScript?
    • Control Flow and Loops
      • Overview
      • Interview Questions
        • How to find the average of an array in JavaScript?
        • How to Flatten an Array?
        • How to remove duplicates from an array?
        • What array traversal methods are there in JavaScript? (for loop, for...in, for...of, forEach, map, filter, every, some)
        • Will passing (a,b) => b - a in JavaScript builit-in sort a be in ascending or descending order? Why?
      • Overview
      • Interview Questions
        • The Most Common JavaScript Event Loop Interview Questions
        • What are async/await in JavaScript and how do they differ from promises?
        • What Is an Event Loop in JavaScript?
        • What Is JavaScript Promise? And How To Use It?
        • What is Promise.all? How to implement it?
        • What is Promise.race? How to implement it?
    • Event Handling
    • Modules
    • Functional Programming
    • Memory Management
    • Special Functionality
    • Additional Concepts
    • Testing
  • node-js
  • Python
    • Overview
    • TypeScript with React
    • Testing with React Testing Library
    • Snippets
    • Interview Questions
  • rest-api
  • system-design
    • Caching
    • Databases
    • Load balancer
    • Scaling
    • System Design for Beginners
    • What happens when you type google.com into your browser's address box and press enter?
  • typescript
  • vscode
    • Overview
    • Fundamentals
    • HTTP
    • HTTP/1 vs HTTP/1.1 vs HTTP/2
    • HTTP Caching
    • CORS
    • Accessibility
    • Browser
    • Cookie, sessionStorage and localStorage
    • IndexedDB
    • Event Delegation
    • Performance
    • Security
    • Security
    • XSS
    • CSRF
    • SQL Injection
    • Encryption, Encoding and Hashing
frontendothers

Front-end image format selection, when should I use JPG, PNG, WebP or SVG?
What Is SPA (Single-Page Application)? What Are Its Advantages and Disadvantages?

Why pnpm is Faster and More Space-Efficient than npm?Front-end image format selection, when should I use JPG, PNG, WebP or SVG?