Tech Skills
Frontend Engineering
HTML, CSS, JavaScript, React, Next.js, performance and modern web development
Skills in this topic
5 skills — Sign in to track your progress
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

Dev.to · EmaadS
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I built a one-button game in vanilla JS Canvas — single file, no engine, plays in your browser
▶️ Play it first (10 seconds): https://emaadshamsi.github.io/paper-hands/ It's called PAPER HANDS....

Dev.to · Aindrila Bhattacharjee
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Frontend Engineering in 2026: Mastering Performance and DX
The Redefinition of "Frontend Engineer" in 2026 The era of the frontend engineer as a...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Composition API Didn’t Fix Everything — Here Are the New Mistakes Developers Are Making
Massive setup() functions, reactive() where ref() belongs, watchers that fire on mount when they shouldn’t, composables that aren’t… Continue reading on Medium

Dev.to · WDSEGA
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React Performance Optimization 2026
Introduction React performance optimization is an ongoing topic. With React 19, new...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Animated Lucide Icons in React: A Drop-in Library With Real Physics
Every Lucide icon, animated. A drop-in replacement for lucide-react with hover-to-draw motion, per-icon physics, and full prop parity… Continue reading on Mediu

Dev.to · SEN LLC
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
A Visual CSS Grid Builder in 500 Lines — How fr, minmax, and repeat Actually Compute Sizes
Almost every developer can copy grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); and...

Dev.to · Jonas Pfalzgraf
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
bQuery.js Grows Up: From Tiny jQuery Tribute to a Full-Stack Framework — and a Brand New Home at bquery.js.org 🎉
What started as a 'jQuery for people who like TypeScript' tribute has quietly turned into a full-stack web framework with signals, SSR, routing, Web Components,

Dev.to · DevCraftify
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a Modern React 19 Admin Dashboard Template with TypeScript & Tailwind CSS 4
Building admin dashboards from scratch is honestly repetitive. Every project starts with the same...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How I Built a Cyberpunk Terminal Dashboard in Vanilla JavaScript (With Matrix Scramble Effects)
Building an offline-first, zero-tracking web utility for secure string obfuscation. Continue reading on Medium »

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Core Frontend Technologies you should know.
What you should know about frontend technologies, though nobody told me this when I started. I had to figure most of it out the hard way… Continue reading on Me

Dev.to · Sage Starr
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
TypeScript enums aren’t the real problem — duplicated UI enum plumbing is
After enough frontend work, the “should we use TypeScript enums?” debate matters less than a more...

Dev.to · Trần Xuân Ái
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Optimizing Large DOCX to PDF Conversions in the Browser: Web Workers to Prevent UI Freezes
Tired of UI Freezes? How to Handle Large DOCX to PDF Conversions Client-Side with Web...

Dev.to · Trần Xuân Ái
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Optimizing a High-Throughput Browser-Based Box Shadow Generator: Debounced State Updates and Chunked File Readers
Building a Responsive High-Throughput Browser-Based Box Shadow Generator As backend...

Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Learning Vue.js as Angular DEV: My First Impressions
I was working with React, even with Quick (made by Angular founder). At the same time I always knew about vue, but haven’t had really time… Continue reading on

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Learning Vue.js as Angular DEV: My First Impressions
I was working with React, even with Quick (made by Angular founder). At the same time I always knew about vue, but haven’t had really time… Continue reading on

Dev.to · Alois Sečkár
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
New in Vue - May 2026
Oops, I did it again. No "New in Vue" newsletter in April 2026. And it is almost the end of May now....

Dev.to · ToolsBracker
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built a Free Browser FPS Tester Using requestAnimationFrame (Next.js + TypeScript)
A few weeks ago I wanted to check my browser frame rate quickly without downloading any software....

Medium · DevOps
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Written By: Ganesh Karthik Natarajan Continue reading on DoubleVerify Engineering »

Dev.to · Aditya Shekhar
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Why Your React or Vue App Still Leaks Private User Data After Logout (And How to Fix It)
We’ve all done it. When handling a user logout in a web application, we instinctively write something...
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Modern web development feels weirdly exhausting lately
Maybe I’m just getting older, but frontend tooling changes so fast now that sometimes it feels harder keeping up with the ecosystem than actually building produ

Dev.to · Jkimdd
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How I Built a Cinematic Scroll Experience with GSAP and ScrollTrigger
Most websites work. They load. They respond. They show the right content. But many of them still...

Dev.to · NoLoginTools
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
5 Free Online Tools You Didn't Know About — No Signup
Five free browser tools for specific tasks — CSS animations, code conversion, glitch effects, map data, and regex learning — that require zero account creation.
Dev.to AI
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Building a 1980s Mainframe Slot Machine in Vanilla JS: RNG Math, Web Audio, and CLI Integration
Hello, my name is Donovan Lafferty. For my latest project showcase, I wanted to build something that blended the rigid constraints of vintage computing aestheti
Reddit r/learnprogramming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
html and css
how long does it take to learn and master html&css? submitted by /u/Ghozzt4 [link] [comments]

Dev.to · kirandeepjassal-crypto
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
React vs Angular in 2026 — Architecture, Performance & a Decision Matrix
React or Angular in 2026? The honest answer has nothing to do with syntax. Both frameworks rebuilt...

Dev.to · Sugam Panthi
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Part one reached 6,000 views on r/webdev in two days. I did not expect that. I wrote it because I...

Dev.to · Sugam Panthi
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Part 2: Replacing a 3.4MB video with 40kb of scripted GSAP animations: adding a camera
Part one reached 69,000 views on r/webdev in two days. I did not expect that. I wrote it because I...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Frontend Is Not Dying. The Boring Part Of Frontend Is.
Frontend is not dying. Continue reading on Medium »

Dev.to · victor mwangi
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Stop Using useEffect for Data Fetching: Understanding TanStack Query
If you are still fetching data inside a useEffect hook, manually managing loading states, and storing...

Dev.to · Luken
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Front-end, regrounded: Why Wraplet might be what you’re missing
This post was originally written at https://wraplet.dev/blog/why-wraplet where the code examples are...

Dev.to · gqc58
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Built 30+ Free Online Tools with Vanilla JS - No Frameworks, No Signup
I Built 30+ Free Online Tools with Vanilla JS – No Frameworks, No Signup Why I Built This As a...

Dev.to · Ryan John
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How does VuReact implement Vue dynamic components in React?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...

Dev.to · Mantraksh Devs
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Dibold — Premium React & Tailwind SaaS Admin Dashboard Template
🔥 Stop Building Admin Panels From Scratch! Save 100+ Hours with Dibold As developers, we all know...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The Six Frontend Capabilities That Quietly Separate Senior Engineers From Everyone Else in 2026
Forget the framework-of-the-month listicles. The skills that actually matter in 2026 are the ones that show up in production code, real… Continue reading on Med

Dev.to · Ryan John
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Vue v-slot to React: How does VuReact handle it?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...

Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
I Was Rejected From a Frontend Interview in 12 Minutes
The most humbling 720 seconds of my engineering career and what they taught me about how little I actually knew Continue reading on Medium »

Dev.to · Kui Luo
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
How to Cut Your CSS File Size by 40% Without Losing Any Styles
Most websites ship CSS that's 2-3x larger than necessary. After auditing over 50 production sites, I...

Dev.to · Stéphane LaFlèche
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The case for compiled, typed CSS (blame AI)
We spent years getting TypeScript to where it is. It already checks your APIs, your components, your...
Medium · Machine Learning
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The CSS Mistakes That Made Me a Better Front-End Developer
The bugs I kept fighting in production taught me more than any tutorial ever did Continue reading on CodeToDeploy »
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The CSS Mistakes That Made Me a Better Front-End Developer
The bugs I kept fighting in production taught me more than any tutorial ever did Continue reading on CodeToDeploy »
Medium · Python
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
The CSS Mistakes That Made Me a Better Front-End Developer
The bugs I kept fighting in production taught me more than any tutorial ever did Continue reading on CodeToDeploy »

Dev.to · Trần Xuân Ái
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
HTML to JSX: Common Conversion Problems Frontend Developers Still Make
If you've worked with React, you've probably copied HTML into JSX at least once. And then...

Dev.to · TheKitBase
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Best Next.js Templates for Developers in 2026
Starting a new Next.js project in 2026 means making a choice upfront: build everything from scratch,...

Dev.to · RAXXO Studios
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS Carousels With Zero JavaScript: 5 Patterns
A scroll-snap track plus the new pseudo-elements replaced a 14KB carousel dependency in my...

Dev.to · Trần Xuân Ái
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
CSS Gradient Trends in 2026 (And How Developers Actually Use Them)
CSS gradients are everywhere now. Modern websites no longer rely on: flat colors generic...

Dev.to · Avanexa Technologies
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Why React JS Continues to Dominate Modern Web Development
In today’s digital world, businesses need websites and applications that are fast, interactive,...

Dev.to · Jay Prajapati
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Engineering a 100% Client-Side, $0 Server-Cost Document
` description: "How I built PasteDocs using React, Zustand, and background Web Workers to...

Dev.to · Ryan John
🌐 Frontend Engineering
⚡ AI Lesson
1mo ago
Vue v-bind to React: How does VuReact handle it?
VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In...
DeepCamp AI