Skip to main content

Frontendly.io

Blog

Learn essential frontend techniques

Select your interest

Best time to buy and sell stock (JavaScript and Python)

Best time to buy and sell stock (JavaScript and Python)

Discover how to determine the best buy and sell days to max profit from stock prices with solutions in both JS and Python.

python
leetcode
algorithm
javascript
interview
Variable Fonts Animation with Music Frequency

Variable Fonts Animation with Music Frequency

Discover how to create dynamic, music-responsive typography with variable fonts.

variable fonts
google fonts
music
animation
css
Event Loop & Concurrency Model – Task Queue – How the JS Engine Works – Part 3/6

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

concurrency model
event loop
js engine
javascript
React Compiler – What, Why & How?

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.

memo
usecallback
usememo
nextjs 15 rc
react compiler
Generics in TypeScript

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.

stack
generics
typescript
Nth Fibonacci Number

Nth Fibonacci Number

Discover how to calculate the Fibonacci sequence using both iterative and recursive approaches, and optimise recursion with memoization for improved efficiency.

memoization
algorithm
interview
Call Stack & Execution Context – How the JS Engine Works – Part 2/6

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.

js engine
interview
Responsive Card Grid Layout

Responsive Card Grid Layout

Explore creating a responsive card grid with detailed examples.

card grid
responsive
Singly Linked List & Array Methods

Singly Linked List & Array Methods

Dive into Singly Linked Lists: methods, complexities, and tech interview prep with this comprehensive guide.

linked lists
data structure
javascript
interview
Understanding Memory Heap & Memory Leaks  – How the JS Engine Works – Part 1/6

Understanding Memory Heap & Memory Leaks – How the JS Engine Works – Part 1/6

Learn JS synchronous nature, asynchronous programming, memory leaks and Memory Heap.

async
memory heap
js engine
interview
SSG, SSR, ISR, CSR Rendering Strategies in NextJS

SSG, SSR, ISR, CSR Rendering Strategies in NextJS

Dive into how SSG, SSR, ISR, and CSR in NextJS can boost performance and efficiency.

data fetching
csr
isr
ssr
ssg
nextjs
rendering
Parallax Effect with CSS Custom Properties – The Hobbit

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.

stacking context
parallax
css custom properties
Valid Parentheses (JavaScript & Python)

Valid Parentheses (JavaScript & Python)

Learn the ‘Valid Parentheses’ algorithm: Step-by-step guide in JavaScript (Python solution too) for your next interview

leetcode
algorithm
interview
Debounce in JavaScript

Debounce in JavaScript

Learn how to write your own debounce function, a crucial skill for your next JS interview.

settimeout
debounce
javascript
interview
Recursion (with Common Interview Questions)

Recursion (with Common Interview Questions)

Learn recursion with clear examples with common interview questions and enhance your programming skills effectively.

hackerrank
recursion
javascript
interview