Tech Skills

Frontend Engineering

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

11,185
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 (3,397) Articles (398)Blog Posts (2785)Tutorials (95)Research Papers (1)News (118)
Building Reusable jQuery Plugins with Modern Build Tools (Rollup, Vite, ESModules)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Building Reusable jQuery Plugins with Modern Build Tools (Rollup, Vite, ESModules)
The frontend development world has gone through massive changes over the years. New frameworks, faster build tools, and modular coding… Continue reading on Medi
Stop Storing Data the Wrong Way in Your Frontend
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Stop Storing Data the Wrong Way in Your Frontend
A plain-English guide to data normalization — what it is, why it matters, and how to actually do it with real code. Continue reading on Medium »
10 Browser Tricks That Instantly Made Me a Faster Frontend Developer
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
10 Browser Tricks That Instantly Made Me a Faster Frontend Developer
These shortcuts and hidden features changed the way I build for the web. Continue reading on Medium »
jquery.verticalScroll.js: a love letter to jQuery, written ten years later
Dev.to · Vineeth N Krishnan 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
jquery.verticalScroll.js: a love letter to jQuery, written ten years later
I saw Apple's iPhone page in 2016, thought 'I can build that in jQuery,' and somehow I'm still maintaining it in 2026. Zero stars. Zero regrets.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
useRef and useContext — Escaping React’s Boundaries
One hook reaches outside React to touch the DOM. The other reaches across your entire component tree to share data. Both solve problems… Continue reading on Med
Creating Your First Angular Project: A Step-by-Step Walkthrough
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Creating Your First Angular Project: A Step-by-Step Walkthrough
Going from an empty terminal to a running app should not take more than 10 minutes Continue reading on Medium »
Facebook scrambles author names with Flexbox order — here's the 5-line diagnostic that proves it isn't custom fonts
Dev.to · Leon 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Facebook scrambles author names with Flexbox order — here's the 5-line diagnostic that proves it isn't custom fonts
A potential client posted on Reddit asking for a Facebook keyword-post scraper. Their budget: $500....
🚨 Common React & npm Bugs (and How to Fix Them Like a Pro)
Dev.to · Kyle Y. Parsotan 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
🚨 Common React & npm Bugs (and How to Fix Them Like a Pro)
Every developer hits weird errors. The difference between struggling for hours vs fixing things fast...
Top 7 Frontend Frameworks Developers Should Use in 2026
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Top 7 Frontend Frameworks Developers Should Use in 2026
Modern web applications require high performance, real-time interactivity, and scalable architectures. Choosing the right frontend… Continue reading on Medium »
Building a Virtual Team Activity That Works in Any Browser
Dev.to · Forrest Miller 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Building a Virtual Team Activity That Works in Any Browser
Building a Virtual Team Activity That Works in Any Browser Our team is remote. Fully...
Stop Using getBoundingClientRect() in Loops. It’s Killing Your Performance.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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 »
React Is No Longer Beginner Friendly — And That’s a Feature, Not a Bug
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
React Is No Longer Beginner Friendly — And That’s a Feature, Not a Bug
Why React 19’s growing complexity is intentional — and how advanced tooling, server components, and compiler-driven workflows are… Continue reading on Medium »
The Frontend World Just Changed: 5 Shifts for 2026
Dev.to · Bishoy Bishai 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Frontend World Just Changed: 5 Shifts for 2026
The Frontend World Just Changed: 5 Shifts Professional Devs Need to Master for...
The Frontend World Just Changed: 5 Shifts for 2026
Dev.to · Syed Ahmed Mohi Uddin Hasan 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Frontend World Just Changed: 5 Shifts for 2026
The React Compiler Killed Manual Optimisation. Handwriting. useMemo or useCallback is now like...
React Resilience: Mastering Error Handling in Your Applications
Dev.to · Visakh Vijayan 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
React Resilience: Mastering Error Handling in Your Applications
Introduction Error handling is a critical part of developing reliable and user-friendly...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Forms, Validation, and User Input Handling
So far, you’ve learned how to build layouts and navigate between screens. Now it’s time to handle something every real app needs: user… Continue reading on Medi
Tailwind CSS v4 — What Actually Changed (And What It Means for Your Next.js Project)
Dev.to · Malahim Haseeb 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Tailwind CSS v4 — What Actually Changed (And What It Means for Your Next.js Project)
No config file. No PostCSS dependency. oklch colors. ~5× faster builds. I ran v4 in a real Next.js project — here's what changed in practice.
Can Claude Code migrate VanillaJS/HTML/CSS to Preact/Tailwind?
Dev.to · Jonathan Tuzman 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Can Claude Code migrate VanillaJS/HTML/CSS to Preact/Tailwind?
In my last post, I introduced LinkedIn Secret Weapon, the Chrome Extension I built with Claude Code...
Next.js 15 vs. Next.js 16: What's the Difference?
Dev.to · Mrunank Pawar 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Next.js 15 vs. Next.js 16: What's the Difference?
This blog was originally published on Descope. Next.js 16 marks a significant shift for the...
InfoQ AI/ML 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Next.js vs Vite in 2026: What you should actually use
Next.js vs Vite in 2026: What You Should Actually Use The JavaScript ecosystem continues to evolve rapidly, and in 2026, the debate between Next.js and Vite rem
Authentication on the Frontend - More Than Just Tokens
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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 2mo 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 2mo 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 · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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
Frontend Interview Experience – Round 1
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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 2mo ago
Get the default font size
getComputedStyle lies to you. Here's the one CSS keyword that tells the truth. Continue reading on Medium »
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Next.js vs Vite in 2026: What you should actually use
Next.js vs Vite in 2026: What You Should Actually Use As we approach 2026, the JavaScript ecosystem continues to evolve rapidly. Two of the most prominent tools
The Latest CSS Features That Are Replacing JavaScript — With Real Code Examples
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo 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 »
We Stopped Shipping JavaScript — HTMX Made Our React App Look Overbuilt
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
We Stopped Shipping JavaScript — HTMX Made Our React App Look Overbuilt
We deleted most of our frontend code and nothing broke. Continue reading on Medium »
Frontend Performance That Actually Moves the Needle
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Frontend Performance That Actually Moves the Needle
Lighthouse is a starting point, not the finish line. Continue reading on CodeScoop.dev »
The Essential Frontend Engineer Roadmap for 2026: Skills, Tools, and Trends
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
The Essential Frontend Engineer Roadmap for 2026: Skills, Tools, and Trends
Explore the ultimate roadmap for frontend engineers in 2026, covering essential skills, tools, and emerging trends that will shape the… Continue reading on Leve
TanStack and Next.js: The De Facto Frontend Logic Layer for 2026
Dev.to · Meriç Cintosun 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
TanStack and Next.js: The De Facto Frontend Logic Layer for 2026
The Shift Toward Unified Data and Routing Logic The frontend architecture of production...
HTMX vs KEML: The Loading State Example That Shows the Difference
Dev.to · Eugene Kuzmenko 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
HTMX vs KEML: The Loading State Example That Shows the Difference
A while ago, I wrote about KEML. It didn’t land the way I wanted it to. Not because the idea was...
Your CSS Animations Are Doing Too Much Manual Labor — Fix It With FSCSS
Dev.to · Muhammad Sheraz 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Your CSS Animations Are Doing Too Much Manual Labor — Fix It With FSCSS
Tired of hand-writing hundreds of keyframes? FSCSS is a lightweight CSS pre-processor that brings arrays and loops to your animations. Here's how it works.
Frontend Framework Bundle Size Benchmark: React/Vue/Angular vs Fine-Grained Runtimes
Dev.to · qingkuai 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Frontend Framework Bundle Size Benchmark: React/Vue/Angular vs Fine-Grained Runtimes
A cross-framework TodoMVC benchmark comparing raw, minified, and min+gzip bundle size growth as component count increases.
Top 5 Mistakes Beginner React Developers Make (And How to Avoid Them)
Dev.to · Adimchi Igwenagu 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Top 5 Mistakes Beginner React Developers Make (And How to Avoid Them)
When I started learning React, I made a lot of mistakes. Not because React is hard — but because I...
What Top Companies Expect: 25 Frontend Questions That Separate Good Engineers from Senior Frontend…
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
What Top Companies Expect: 25 Frontend Questions That Separate Good Engineers from Senior Frontend…
Photo by Dylan Gillis on Unsplash Continue reading on Medium »
The React useEffect Mistake That Caused a Memory Leak in Production for Six Months
Medium · Programming 🌐 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 »
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 »
My Journey as a Frontend Developer
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
My Journey as a Frontend Developer
Every developer has a story — mine started with confusion, uncertainty, and zero direction. Continue reading on Medium »
Nuxt.js ile Hızlı Web Uygulamaları Geliştirmek İçin İpuçları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Nuxt.js ile Hızlı Web Uygulamaları Geliştirmek İçin İpuçları
Nuxt.js Nedir? Tarihçesi ve Gelişimi Nuxt.js, Vue.js tabanlı bir framework olarak, 2016 yılında...
Nuxt.js ile Kullanıcı Geri Bildirimlerini Yönetme Yöntemleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Nuxt.js ile Kullanıcı Geri Bildirimlerini Yönetme Yöntemleri
Nuxt.js: Tarihçesi ve Gelişimi Nuxt.js, Vue.js tabanlı bir framework olarak 2016 yılında ortaya...
Vue.js ile Animation ve Geçiş Efektleri Nasıl Uygulanır
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Vue.js ile Animation ve Geçiş Efektleri Nasıl Uygulanır
Vue.js ve Animasyonun Tarihçesi Vue.js, 2014 yılında Evan You tarafından geliştirilmeye başlandı ve...
Nuxt.js ile Özel Bileşenler Geliştirmenin Adım Adım Yöntemi
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Nuxt.js ile Özel Bileşenler Geliştirmenin Adım Adım Yöntemi
Nuxt.js Nedir? Tarihçesi ve Gelişimi Nuxt.js, Vue.js tabanlı bir framework olarak, sunucu tarafı...
HTML5 ile Geolocation API Kullanarak Konum Tabanlı Uygulama
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
HTML5 ile Geolocation API Kullanarak Konum Tabanlı Uygulama
HTML5 ile Geolocation API: Tarihçe ve Gelişim HTML5 ile Geolocation API'nın tarihi, web...
Vue.js ile Dinamik Formlar: Kullanıcı Deneyimini Geliştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Vue.js ile Dinamik Formlar: Kullanıcı Deneyimini Geliştirme
Dinamik Formların Tarihçesi ve Gelişimi Dinamik formlar, web geliştirme süreçlerinde köklü bir...
Uzman Lottie Rehberi - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 2mo ago
Uzman Lottie Rehberi - Detaylı Teknik Analiz Rehberi 2026
Lottie Nedir? Tarihçesi ve Gelişimi Lottie, Airbnb tarafından geliştirilen bir kütüphanedir ve...