Blog
Learn essential frontend techniques
Select your interest
![Variable Fonts Animation with Music Frequency](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F07%2F11045621%2Fvariable-fonts-thumb-1200x663.png&w=3840&q=75)
Variable Fonts Animation with Music Frequency
Discover how to create dynamic, music-responsive typography with variable fonts.
![Event Loop & Concurrency Model – Task Queue – How the JS Engine Works – Part 3/6](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F06%2F11091058%2Fevent-loop-thumb-1200x663.png&w=3840&q=75)
Event Loop & Concurrency Model – Task Queue – How the JS Engine Works – Part 3/6
Master JS async concurrency model with Web API, task queue, and event loop in the JS Runtime Environment through coding examples
![React Compiler – What, Why & How?](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F06%2F12115649%2Freact-compile-thumb-1200x663.png&w=3840&q=75)
React Compiler – What, Why & How?
Discover how the React Compiler optimises apps by auto-memoizing code, eliminating the need for useMemo, useCallback, and React.memo, ensuring more efficient updates.
![Generics in TypeScript](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F06%2F09121320%2Fgenerics-in-typescript-1200x663.png&w=3840&q=75)
Generics in TypeScript
Discover the power of generics in TypeScript, and how they boost flexibility and type safety in your code through practical examples and clear explanations.
![Nth Fibonacci Number](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F05%2F15061232%2Ffib-thumb-1200x664.png&w=3840&q=75)
Nth Fibonacci Number
Discover how to calculate the Fibonacci sequence using both iterative and recursive approaches, and optimise recursion with memoization for improved efficiency.
![Call Stack & Execution Context – How the JS Engine Works – Part 2/6](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F04%2F23052013%2Fcall-stack-execution-context-1200x663.png&w=3840&q=75)
Call Stack & Execution Context – How the JS Engine Works – Part 2/6
Explore how the call stack and execution context function with clear, practical examples.
![Responsive Card Grid Layout](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F04%2F16050319%2Fresponsive-card-grid-layout-thumb-1200x663.png&w=3840&q=75)
Responsive Card Grid Layout
Explore creating a responsive card grid with detailed examples.
![Singly Linked List & Array Methods](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F04%2F02041622%2Fsingly-linked-list-thumb-1200x664.png&w=3840&q=75)
Singly Linked List & Array Methods
Dive into Singly Linked Lists: methods, complexities, and tech interview prep with this comprehensive guide.
![Understanding Memory Heap & Memory Leaks – How the JS Engine Works – Part 1/6](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F03%2F19015608%2Fjs-engine-part-1-1-1200x663.png&w=3840&q=75)
Understanding Memory Heap & Memory Leaks – How the JS Engine Works – Part 1/6
Learn JS synchronous nature, asynchronous programming, memory leaks and Memory Heap.
![SSG, SSR, ISR, CSR Rendering Strategies in NextJS](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F03%2F06012223%2Fnextjs-rendering-1200x663.png&w=3840&q=75)
SSG, SSR, ISR, CSR Rendering Strategies in NextJS
Dive into how SSG, SSR, ISR, and CSR in NextJS can boost performance and efficiency.
![Parallax Effect with CSS Custom Properties – The Hobbit](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F02%2F20023346%2Fhobbit-parallax-thumb-1-1200x663.png&w=3840&q=75)
Parallax Effect with CSS Custom Properties – The Hobbit
Discover how to craft parallax effects with CSS custom properties and rotate3d, enhancing your web designs by understanding CSS stacking context.
![Valid Parentheses (JavaScript & Python)](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2023%2F12%2F21030604%2Fvalid-parentheses-1200x664.png&w=3840&q=75)
Valid Parentheses (JavaScript & Python)
Learn the ‘Valid Parentheses’ algorithm: Step-by-step guide in JavaScript (Python solution too) for your next interview
![Debounce in JavaScript](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2024%2F01%2F24231637%2Fdebounce-thumb-1200x663.png&w=3840&q=75)
Debounce in JavaScript
Learn how to write your own debounce function, a crucial skill for your next JS interview.
![Recursion (with Common Interview Questions)](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2023%2F12%2F20023823%2Frecursion-1200x664.png&w=3840&q=75)
Recursion (with Common Interview Questions)
Learn recursion with clear examples with common interview questions and enhance your programming skills effectively.
![Server and Client Component – NextJS](/_next/image?url=https%3A%2F%2Fmedia.frontendly.io%2Fassets%2Fuploads%2F2023%2F12%2F15093311%2Fnextjs-server-client-component-1200x663.png&w=3840&q=75)
Server and Client Component – NextJS
Dive into NextJS’s server and client components: understanding their key features and collaborative functionality.