Tech Skills

Frontend Engineering

HTML, CSS, JavaScript, React, Next.js, performance and modern web development

908
lessons
Skills in this topic
View full skill map →
HTML & CSS
beginner
Build a responsive layout with CSS Grid and Flexbox
JavaScript Fundamentals
beginner
Write async code with Promises and async/await
React
intermediate
Build a data-fetching app with useEffect and useState
Frontend Performance
intermediate
Achieve a 90+ Lighthouse score
Modern Frontend Stack
advanced
Build a Next.js app with SSR and ISR
All Reads (163) Articles (45)Blog Posts (88)Tutorials (30)
Front-end Patterns — Event Delegation
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2h ago
Front-end Patterns — Event Delegation
Design Patterns Don’t Always Translate to the Browser Continue reading on Medium »
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
If you’ve been building for the web, you know the struggle: you need a sleek, responsive image slider or carousel, but the available… Continue reading on Medium
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
Medium · Data Science 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
A simple JavaScript feature. Continue reading on Medium »
React, Explained Like You’ve Never Written Code Before
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d ago
React, Explained Like You’ve Never Written Code Before
If you’ve ever stared at the word “React” and felt your eyes glaze over, this is for you. No jargon, no assumptions. Just the one mental… Continue reading on Me
Angular Security: Subresource Integrity (SRI)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Angular Security: Subresource Integrity (SRI)
Did you know you can use Subresource Integrity (SRI) to verify that your Angular app’s resources are delivered without tampering? Continue reading on JavaScript
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
If you need a polished homepage fast, the hardest part is usually not the code. It is the structure, the pacing, and the sense that the… Continue reading on Med
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
আজকের modern web application-এ Search, Filter এবং Pagination ছাড়া কোনো scalable system কল্পনা করা যায় না। Continue reading on Medium »
PayPal Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
PayPal Frontend Interview Experience | Senior Software Engineer
Interview Process Overview Continue reading on Frontend Army »
Why Is React’s Virtual DOM So Fast?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Why Is React’s Virtual DOM So Fast?
The deceptively simple idea that changed how we build user interfaces — and why it remains one of software engineering’s most elegant… Continue reading on Mediu
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
For nearly a decade, the default playbook for launching a new React project was entirely standardized. Continue reading on Medium »
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Don’t Wait for APIs. Send What You Have. Continue reading on Medium »
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Modern frontend applications have become increasingly sophisticated. Frameworks like React, Angular, and Vue allow us to build rich user… Continue reading on Me
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How To: Re-engineer <details><summary> element to create pagination type layouts - walkthru pages/guides, etc...
This requires both CSS and JS, but is otherwise fairly lightweight and minimal. You can see the effect in action here: https://stephenmthomas.github.io/ico2go/
From Zero to Web Developer in 6 Months: A Complete Beginner’s
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
From Zero to Web Developer in 6 Months: A Complete Beginner’s
The demand for web developers continues to grow as businesses increasingly rely on websites, web applications, and digital platforms. Many… Continue reading on
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Medium · DevOps 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Written By: Ganesh Karthik Natarajan Continue reading on DoubleVerify Engineering »
Beyond Vite: The 2026 Shift from Build Speed to System Continuity.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Beyond Vite: The 2026 Shift from Build Speed to System Continuity.
In 2026, frontend performance problems rarely come from slow machines. Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a Tool That Turns Any Website Into an App With One Line of Code
I Built a Tool That Turns Any Website Into an App With One Line of Code Continue reading on Medium »
Performance-First Frontend: Memory Management and Leak Protection in Modern SPAs
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Performance-First Frontend: Memory Management and Leak Protection in Modern SPAs
Introduction: The Endurance Problem Continue reading on Medium »
Paytm Money Frontend Interview Experience | SSE 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Paytm Money Frontend Interview Experience | SSE 2026
Recently, I went through multiple frontend interview experiences for a Senior Software Engineer — Frontend role at Paytm Money and found… Continue reading on Fr
React SEO Guide: How I Build React Websites That Actually Rank on Google
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
React SEO Guide: How I Build React Websites That Actually Rank on Google
React is one of my favorite frontend technologies to work with. It’s fast, flexible, and perfect for building modern user experiences. Continue reading on Mediu
What’s New in React Ecosystem — April Edition
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
What’s New in React Ecosystem — April Edition
The React ecosystem is moving fast, with significant updates across core frameworks and key developer tools. This roundup highlights the… Continue reading on Me
Best JavaScript Scroll Animation & Scrollytelling Libraries in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Best JavaScript Scroll Animation & Scrollytelling Libraries in 2026
The Front-End Arms Race Nobody Asked For, Yet Every Brand Suddenly Needs  Continue reading on Medium »
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Evolusi Frontend dan Standar Web: Apa yang Berubah dan Kenapa Itu Penting?
Halo, saya Anjas Rani. Kalau kamu mengikuti perkembangan frontend beberapa tahun terakhir, kamu pasti sadar satu hal: Continue reading on Medium »
GlueZero: from glue-code to governed frontend flows
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
GlueZero: from glue-code to governed frontend flows
How a browser-side orchestration runtime addresses one of the most underestimated problems in modular applications: integration Continue reading on Medium »
Frontend Basics That Break Real Websites and How to Fix Them
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Basics That Break Real Websites and How to Fix Them
A practical beginner-friendly guide to fixing common HTML, CSS, JavaScript, Local Storage, and GitHub Pages mistakes. Continue reading on Medium »
Medium · SEO 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How we cut a React app’s main bundle by 5.7x without leaving Vite (no Next.js needed)
How we cut a React app’s main bundle by 5.7x without leaving Vite (no Next.js needed) Continue reading on Medium »
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
You’ve Been Writing Vue Components Wrong (And Here’s the Proof)
Massive components, reactive data you don’t need, watchers where computed props belong, v-if on the wrong element — a brutally honest… Continue reading on Mediu
Impact Analytics Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Impact Analytics Frontend Interview Experience | Senior Software Engineer
Role: Senior Software Developer — Frontend Experience Level: Mid to Senior Interview Process: 4 Rounds + Take-Home Test Verdict: Offer… Continue reading on Fron
29 React Codebase Mistakes That Quietly Kill Your App
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
29 React Codebase Mistakes That Quietly Kill Your App
Spot them early. Fix them before they spread. Continue reading on Medium »
Rippling Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Rippling Frontend Interview Experience | Senior Software Engineer
All about the rippling frontend interview experience. Continue reading on Frontend Army »
Vue 3 Google Login in 5 Minutes (Simple & Clean Integration)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Vue 3 Google Login in 5 Minutes (Simple & Clean Integration)
Adding Google login to a Vue 3 app sounds easy… until you deal with OAuth setup and SDK loading. Continue reading on Medium »
The 2026 Frontend Framework Guide Nobody Asked For (But Everyone Needs)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The 2026 Frontend Framework Guide Nobody Asked For (But Everyone Needs)
The short version: React dominates the job market. Vue is the easiest to learn. Angular made a serious comeback. Svelte is what devs love… Continue reading on J
How to ship a real WebApp in one HTML File. No backend, but fully interactive, and shareable.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
How to ship a real WebApp in one HTML File. No backend, but fully interactive, and shareable.
Old-timer tricks for zero-backend apps that a web newbie can learn in an afternoon. Continue reading on Medium »
11 Things CSS Does Better Than JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
11 Things CSS Does Better Than JavaScript
You spent three days debugging a tooltip that flickered on rapid mouse movement. Continue reading on Medium »
I Tried React 19 for 30 Days — Here’s What Actually Surprised Me
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
I Tried React 19 for 30 Days — Here’s What Actually Surprised Me
After a month of shipping real features with React 19, I didn’t just learn new APIs — I had to unlearn some habits I thought were… Continue reading on Medium »
Stop Using getBoundingClientRect() in Loops. It’s Killing Your Performance.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Stop Using getBoundingClientRect() in Loops. It’s Killing Your Performance.
Meet Pretext — the library changing how we build feeds, chat apps, and dynamic layouts without layout thrashing or DOM reads Continue reading on Medium »
InfoQ AI/ML 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Pretext.js Bypasses DOM Layout Reflow, Enabling Advanced UX Patterns at 120 FPS
Cheng Lou, a Midjourney engineer, recently released Pretext, a 15KB open-source TypeScript library that measures and lays out text without browser layout reflow
Authentication on the Frontend - More Than Just Tokens
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Authentication on the Frontend - More Than Just Tokens
The decisions behind auth are more consequential than most developers realize. Continue reading on CodeScoop.dev »
Learn to Build Your First Countdown Timer with HTML, CSS & JavaScript (Perfect for Beginners)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Learn to Build Your First Countdown Timer with HTML, CSS & JavaScript (Perfect for Beginners)
Countdown timers are everywhere on the modern web. You’ve probably seen them on product launch pages (think new iPhone drops or Shopify… Continue reading on Med
Slice.js 3.0: Simple, Powerful, Vanilla Web Apps
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Slice.js 3.0: Simple, Powerful, Vanilla Web Apps
Slice.js is a lightweight, vanilla framework for building real web applications with HTML, CSS, and JavaScript. It keeps the architecture… Continue reading on M
Frontend Interview Experience – Round 1
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Interview Experience – Round 1
Recently, I went through the first round of a frontend interview. Sharing the questions I was asked - this round focused heavily on… Continue reading on Medium
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Get the default font size
getComputedStyle lies to you. Here's the one CSS keyword that tells the truth. Continue reading on Medium »
The Latest CSS Features That Are Replacing JavaScript — With Real Code Examples
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
The Latest CSS Features That Are Replacing JavaScript — With Real Code Examples
“I used to write 30 lines of JavaScript just to animate something on scroll. Now? Two lines of CSS. No, seriously.” Continue reading on CodeX »
Frontend Performance That Actually Moves the Needle
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1mo ago
Frontend Performance That Actually Moves the Needle
Lighthouse is a starting point, not the finish line. Continue reading on CodeScoop.dev »
The React useEffect Mistake That Caused a Memory Leak in Production for Six Months
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The React useEffect Mistake That Caused a Memory Leak in Production for Six Months
We shipped a memory leak to production. It stayed there for six months. And not a single alert caught it. Continue reading on Medium »