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 · Abhavya Gupta
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React vs Next.js: Which One Should You Learn First? My Honest Experience
A few months ago, I was exactly where most beginners are today. I had finally learned HTML, CSS, and...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Hidden Cost of useEffect: How React’s Most-Used Hook Quietly Destroys Performance
I’ve reviewed hundreds of React components over the past four years. In that time, one pattern has caused more performance regressions… Continue reading on Java
Reddit r/learnprogramming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
made a simple college ROI calculator
Hey, I’m a high school student learning web development and I just built a small project called EduVest. It’s a college finance tool that helps compare costs, s
Dev.to · swift king
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Zero-Dependency Favicon Generation with Canvas API — Build Your Own in 50 Lines
Every React project I've worked on eventually adds a favicon generation dependency. favicons alone...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
View Transitions are finally production safe
I was on a flight last week, scrolling through a real estate app on my phone, and the navigation between the listings page and the detail… Continue reading on M
Medium · SEO
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
What frontend architecture actually costs when it’s left out of the room
Most organisations have a version of the same model. Design defines the experience. Backend builds the data layer. Frontend connects the… Continue reading on Me
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How We Upgraded to Astro v7 in 5 Minutes (With Zero Breaking Changes)
If you’re a frontend developer, you likely know the feeling of dread when a major framework version drops. You block off your entire… Continue reading on Medium
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How I forced my React game to get 100/100 Lighthouse score (without Next.js)
Hello everyone! I am a frontend developer from China, and also a big football fan. Recently, I made two web games because I want people to… Continue reading on
Medium · SEO
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
How I forced my React game to get 100/100 Lighthouse score (without Next.js)
Hello everyone! I am a frontend developer from China, and also a big football fan. Recently, I made two web games because I want people to… Continue reading on
Dev.to · ludy.dev
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
I built a collection of 160+ client-side utility calculators using Next.js and Tailwind CSS
As web developers, we often build complex SaaS products, but sometimes the most satisfying projects...
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Frontend recommendations 🙏
Hey guys, looking for some web devs wisdom here. A friend asked me (a backend .net dev) for help prototyping a web he has in mind. I’ve been reading up on this
Dev.to · Aditya Agarwal
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React's real problem isn't React. It's Vercel.
Developers are frustrated with React. The posts about it are all over the place. "Does anybody...
Dev.to · ShaynaProductions
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Setting Up a Controlled Component
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
6 HTML5 Features That Instantly Made My Websites Feel Premium
Small changes, massive UX upgrades no extra libraries required Continue reading on CodeToDeploy »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
350+ Registrations and Counting: DemonDie Frontend Quiz Arena 2026 is Growing Fast
When we started planning the DemonDie Frontend Quiz Arena 2026, our goal was simple — create something exciting for students and… Continue reading on Medium »
Dev.to · Muhammad Irsyad Aulia
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Why Your Cursor Rules Don't Work in Agent Mode (And How to Fix It)
You added a .cursorrules file to your Next.js project. You wrote detailed instructions about your...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
From Angular.js to Fine-Grained Reactivity: Compiling Templates at Build-Time
We are in 2026, but in some corners of the enterprise world, it still feels like 2014. One of those places is the frontend stack of my… Continue reading on Medi
Dev.to · Carlo Straccialini
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
From Angular.js to Fine-Grained Reactivity: Compiling Templates at Build-Time
We are in 2026, but in some corners of the enterprise world, it still feels like 2014. One of those...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
The Coordination Tax — The Cost of Frontend State Without a Source of Truth
Why the same frontend bugs keep coming back Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
22 Things You Didn’t Know the Browser Could Do Natively
Hidden browser features that can simplify your next project Continue reading on Stackademic »
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
gradient-shimmer: Animated Text for React and Next.js
gradient-shimmer adds animated multi-stop gradient text to React and Next.js...
Medium · AI
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Is Frontend Dead in 2026? No, It Just Evolved
Last week, I caught up with an old friend who’s been a frontend engineer for about eight years. We got talking about how fast things are… Continue reading on Me
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Is Frontend Dead in 2026? No, It Just Evolved
Last week, I caught up with an old friend who’s been a frontend engineer for about eight years. We got talking about how fast things are… Continue reading on Me
Dev.to · Karthikeyan K R
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
We Upgraded to Astro v7 in 5 Minutes (Zero Breaking Changes) 🚀
If you're a frontend developer, you know the feeling of dread when a major framework version drops....
Dev.to · Jon Nyman
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
_action: Declarative Event Handlers in an Attribute
Introducing _action, a tiny event-delegation layer, and comparing it with HTML Traits and web components.
Dev.to · swift king
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Zero-Dependency Favicon Generation with Canvas API — Build Your Own in 50 Lines
Every React project I've worked on eventually adds a favicon generation dependency. favicons alone...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React Learning Journey — Day 3: Understanding JSX, Components, Props, Bundlers, and What Happens…
Three days ago, React felt like something only experienced developers Missed Day 2? I covered how React updates the UI… Continue reading on Medium »
Dev.to · revathi
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
"I am a 13-year-old student learning JavaScript, HTML, and CSS. I want to create a web game, share it across the US for player feedback, and learn more about the game development industry."
A post by revathi
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Core Web Vitals: The Missing Beginner’s Intro — Frontend Master
Everyone tells you to “improve your Core Web Vitals.” Almost nobody explains what they actually measure, or why Google decided to grade… Continue reading on Med
Dev.to · KID-joker
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stokado: A Zero-Dependency Proxy Wrapper That Makes Browser Storage Feel Like a Plain Object
If you've shipped anything to the browser, you've used localStorage. And if you've used it for more...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
innerHTML vs textContent: The Difference That Could Get Your Users Hacked
You have probably used both without thinking twice. You needed to put something on the page, you picked one, it worked, you moved on. Most… Continue reading on
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React’s useState Hook Is Lying to You — and Here’s Why
A journey into the dark magic of state persistence, closure tricks, and why React judges you by the order of your hooks. Continue reading on Medium »
Reddit r/webdev
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Animating the <dialog> element using the View Transition API
element using the View Transition API" title="Animating the element using the View Transition API" /> submitted by <a href="https://www.reddit.
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Nobody Tells Junior React Developers This — What Actually Gets You to Senior Level in 2026
“It’s not about DSA problems or switching stacks. After 5years of real projects, here’s what actually moves the needle. Continue reading on Towards AI »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
10 Cool CodePen Demos — May 2026
A collection of 10 cool and exciting front-end demos shared on CodePen during May 2026 Continue reading on Medium »
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
10 Cool CodePen Demos — May 2026
A collection of 10 cool and exciting front-end demos shared on CodePen during May 2026 Continue reading on Level Up Coding »
Reddit r/learnprogramming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
HOW TO front end development
i joined a student activity they teach us FED and i kinda sucks now we started with js but i feel so behind and low i keep forgetting codes or just stupid and s
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Next.js vs Custom Engine: Analisis Routing, Modularitas, dan Strategi Pengiriman Data Modern
Membahas perbandingan antara framework Next.js dan custom engine dalam membangun aplikasi frontend modern, terutama dari sisi routing… Continue reading on Mediu
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
useState vs TanStack Query: Perbedaan, Kelebihan, dan Kekurangannya
Ketika aplikasi React mulai berkembang dan butuh mengambil data dari server, banyak developer dihadapkan pada pertanyaan klasik: cukup… Continue reading on Medi
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop Using HttpClient.get(): The Angular 22 resource() API Changes Everything
You are writing too much code just to fetch a JSON file. Here is how the native resource() API replaces RxJS pipelines with reactive… Continue reading on JavaSc
Medium · Programming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Eu achava que sabia front-end… até usar Next.js
Uma breve reflexão sobre os desafios e aprendizados de desenvolver uma aplicação moderna pela primeira vez. Continue reading on Medium »
Dev.to · ShaynaProductions
🌐 Frontend Engineering
1w ago
Styling the Vertical - Achieving Parity
Note: This article is one of a series demonstrating building a React navigational component from...
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React Compiler Broke Our Tables, And "use no memo" Is Not the Fix
We turned on React Compiler on a production Next.js app and most things got faster. Continue reading on Medium »
Reddit r/learnprogramming
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
can anyone provide a roadmap for frontend web dev?
same as title like i dont wanna get into the backend part i d like to do the frontend and graphics sorta part . i used to do html nd css and lil bit of js few y
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Full Stack Institute in Pitampura | DICS Innovatives
Join DICS Innovatives, the trusted Full Stack Institute in Pitampura, offering industry-oriented training in HTML, CSS, JavaScript, Python… Continue reading on
Medium · JavaScript
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
React Compiler Broke Our Tables — And `"use no memo"` Is Not the Fix
Everyone says add `"use no memo"` and move on. Here's why that's wrong — and what actually fixes React Compiler + TanStack Table. Continue reading on Medium »
Dev.to · Naxrul Ahmed
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
color-zone — A React Color Picker with Gradient Support, EyeDropper, and a Headless Hook
A zero-dependency React color picker supporting HSV, RGB, HSL, HEX, linear/radial gradients, EyeDropper API, and a headless useColorPicker hook.
Dev.to · Teja
🌐 Frontend Engineering
⚡ AI Lesson
1w ago
Stop Prop Drilling: Rendering Deeply Nested Dynamic Roadmaps in React and Node.js
Rendering flat lists in React is trivial. Rendering a deeply nested, dynamically generated UI tree...
DeepCamp AI