Tech Skills

Frontend Engineering

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

11,124
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,338) Articles (374)Blog Posts (2754)Tutorials (91)Research Papers (1)News (118)
How to Add Electronic Signatures to PDFs in the Browser (Vue 3 + HTML5 Canvas)
Dev.to · sunshey 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How to Add Electronic Signatures to PDFs in the Browser (Vue 3 + HTML5 Canvas)
A client emailed me a contract last week. I needed to sign it and send it back. The usual options?...
I Built a Full RPG with Zero JavaScript Logic - Here's What I Learned
Dev.to · iDev-Games 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a Full RPG with Zero JavaScript Logic - Here's What I Learned
A deep dive into State.js by building Gutter Rat: a working SPA game with combat, shops, inventory,...
HTMX vs React: Which Frontend Approach Makes More Sense
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
HTMX vs React: Which Frontend Approach Makes More Sense
For more than a decade, React has been the default answer to frontend development. Continue reading on Medium »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why Your Frontend is Still Slow After Every Optimization
You’ve optimized your React components. You’ve implemented lazy loading. You’ve reduced bundle sizes. You’ve compressed images. Continue reading on Medium »
Announcing Limn Engine — A Lightweight 2D Game Framework for the Browser
Dev.to · Kehinde Owolabi 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Announcing Limn Engine — A Lightweight 2D Game Framework for the Browser
Limn Engine is a zero-dependency HTML5 Canvas game framework built around a simple Display + Component architecture. Dual-canvas rendering, tilemaps, sprite ani
Angular v22: @boundary, Multi-Case Switch, and Inline Arrow Functions
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular v22: @boundary, Multi-Case Switch, and Inline Arrow Functions
Let’s be honest: Angular templates have been the quiet achiever of the framework’s renaissance. While everyone was rightly excited about… Continue reading on Me
Why React? The Simple Reason We Move Beyond HTML, CSS, and JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Why React? The Simple Reason We Move Beyond HTML, CSS, and JavaScript
If you want to build a website, you always start with three core technologies: Continue reading on Medium »
Styling and Color
Dev.to · ShaynaProductions 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Styling and Color
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
What is new in `solid-js@2.0`?
Dev.to · Alex Lohr 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What is new in `solid-js@2.0`?
Solid has a track record as one of the most performant, lightweight, and above all,...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Next.js vs React: Which One Should You Learn First in 2026?
If you have Googled “Next.js vs React,” you are not alone. This is one of the most searched questions among beginner developers in 2026. Continue reading on Med
Goodbye route.parent?.parent?: Angular 22 makes param inheritance finally sane
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Goodbye route.parent?.parent?: Angular 22 makes param inheritance finally sane
Angular 22 quietly flipped a router default that has been annoying developers for years: paramsInheritanceStrategychanged from 'emptyOnly'… Continue reading on
React.js ~Clean Code Intermediate~
Dev.to · Ogasawara Kakeru 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React.js ~Clean Code Intermediate~
1. Passing values simply 1-1. Receiving: Receive values as all in one. const userInfo = { ...
Stop Fighting Document Viewers. One Line of React for PDF, Word, Excel & PowerPoint.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Stop Fighting Document Viewers. One Line of React for PDF, Word, Excel & PowerPoint.
A free, MIT-licensed viewer that runs 100% in the browser — no server, no Microsoft iframe, no API keys. Continue reading on Medium »
Contemporary React Tooltip — with Almost No JavaScript
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Contemporary React Tooltip — with Almost No JavaScript
I built Contemporary React Tooltip to see how much of JS the browser can now do with CSS now. Turned out almost all of it. It’s ~8 kB… Continue reading on Mediu
The Browser Is Becoming an Operating System. Most Developers Haven’t Realized It Yet
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Browser Is Becoming an Operating System. Most Developers Haven’t Realized It Yet
A few years ago, browsers were simple. Continue reading on Front-end World »
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
Medium · Data Science 🌐 Frontend Engineering ⚡ AI Lesson 3w 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 »
How We Ship 100/100 PageSpeed Sites for Small-Business Clients (Without a CMS)
Dev.to · René 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How We Ship 100/100 PageSpeed Sites for Small-Business Clients (Without a CMS)
Most small-business websites are slow. Not because the businesses don't care, but because the default...
Angular v22 Release Summary
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular v22 Release Summary
Angular v22 is the consolidation release the signal era has been building toward — three headline APIs graduate to stable, change… Continue reading on Level Up
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How many rows can a modern browser handle?
Hi, How many rows have you ever tried to render on html via ? I need maybe north of 300k rows on one page and want to know if the browser will die ? submitted b
Demystifying Modern Web Development: What You Actually Need to Know
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Demystifying Modern Web Development: What You Actually Need to Know
The digital landscape shifts so fast it can give you whiplash. One day everyone is talking about standard HTML and CSS, and the next… Continue reading on Medium
How React Actually Works Under the Hood: Virtual DOM, Fiber Engine & Component Lifecycle Explained
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How React Actually Works Under the Hood: Virtual DOM, Fiber Engine & Component Lifecycle Explained
“I’ve been writing React for two years and I thought I understood it. Then I read this.” — You, hopefully, at the end of this article. Continue reading on Mediu
React, Explained Like You’ve Never Written Code Before
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w 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
Understanding useMemo in React.
Dev.to · Madhavan G 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Understanding useMemo in React.
What is useMemo? useMemo is a React Hook used to store the result of an expensive calculation and...
What I Learned During My First Month of Learning React and Backend Development
Dev.to · Christo Rony 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What I Learned During My First Month of Learning React and Backend Development
What I Learned During My First Month of Learning React and Backend Development What I Learned During...
How I detect user country in React without a backend call
Dev.to · Vix 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How I detect user country in React without a backend call
How I detect user location in React without a backend call Location detection is one of...
I Built 5 React Landing Page Templates in 2 Weeks — Here's What I Learned
Dev.to · Leo Muhammad 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built 5 React Landing Page Templates in 2 Weeks — Here's What I Learned
A few weeks ago I set myself a challenge: build 5 production-ready React landing page templates, each...
Angular 22 Is Here — Everything You Need to Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular 22 Is Here — Everything You Need to Know
Released June 3, 2026 — the Signal era has officially arrived Continue reading on Medium »
Vue 3 Performance in 2026: The Optimisations That Actually Move the Needle
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Vue 3 Performance in 2026: The Optimisations That Actually Move the Needle
v-memo, shallowRef vs ref, defineAsyncComponent, keep-alive done right, computed property pitfalls, unnecessary re-renders you don’t know… Continue reading on M
Tailwind v4 is a different mental model and most posts miss it
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Tailwind v4 is a different mental model and most posts miss it
I migrated a real Next.js app to Tailwind v4 over a Sunday afternoon. Cold install to “everything looks the same” was about ninety minutes… Continue reading on
Angular 22: O Fim do Boilerplate e a Consolidação da Era Reativa
Dev.to · Ghabryel Henrique Ferreira e Almeida 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular 22: O Fim do Boilerplate e a Consolidação da Era Reativa
Se você acompanha a evolução do framework do Google nos últimos anos, sabe que ele vem passando por...
I Built a Color-Memory Game with Next.js + Cloudflare: Making "Guess the Hue from Memory" Fun and Fair
Dev.to · 王龙 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a Color-Memory Game with Next.js + Cloudflare: Making "Guess the Hue from Memory" Fun and Fair
Hey everyone — I'm Potter, the solo developer behind Toon Tone. 💡 The Pitch in One Sentence You are...
I Cloned Vercel's Deploy Log in 30 Lines of Vanilla JavaScript
Dev.to · Devanshu Biswas 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Cloned Vercel's Deploy Log in 30 Lines of Vanilla JavaScript
The streaming log UI Vercel shows during a deploy — dark canvas, timestamp, colored lines, auto-scroll, status pill. Pure HTML + JS, no framework.
A zero-telemetry, gamified CAPTCHA for React
Dev.to · Kate 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
A zero-telemetry, gamified CAPTCHA for React
Hi HN, We built conversion.business, a drop-in replacement for traditional captchas (like reCAPTCHA...
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Front End Development Roadmap 2026
Hello everyone, I am a Computer Science and UX design graduate. I was planning on applying for UX/UI positions but it seems that the market is very small especi
I Built Cortex DL — A Desktop Download Manager with Electron and React
Dev.to · SAADX 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built Cortex DL — A Desktop Download Manager with Electron and React
Hi everyone, I want to share a project I have been working on called Cortex DL. Cortex DL is a...
9 Chrome DevTools Debugging Tricks I Wish I Knew Earlier
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
9 Chrome DevTools Debugging Tricks I Wish I Knew Earlier
Most frontend developers know the basics of Chrome DevTools console.log(), the Elements panel and maybe the Network tab. Continue reading on CodeToDeploy »
What Happens When You Type a URL in Your Browser and Press Enter?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What Happens When You Type a URL in Your Browser and Press Enter?
One of the most common frontend and system design interview questions is: Continue reading on Medium »
ConfigMaps for Environment Variables in a React App: Stop Rebuilding, Start Injecting
Dev.to · Sohana Akbar 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
ConfigMaps for Environment Variables in a React App: Stop Rebuilding, Start Injecting
TL;DR: Create React App builds bake environment variables at build time. ConfigMaps let you inject...
Navigating With Tabs
Dev.to · ShaynaProductions 🌐 Frontend Engineering 3w ago
Navigating With Tabs
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Confused on whether to learn frontend or not.
I am mostly interested in back end, ml or anything involving analyzing or manipulating data. Only purpose of html, css, javascript for me is create basic front
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Drag, Drop, dan Render yang Tidak Pernah Berhenti: Pelajaran dari Membangun Taskify
Kalau kamu pernah membangun aplikasi dengan fitur drag and drop, kamu mungkin tahu rasanya: di awal terasa menyenangkan, tapi begitu… Continue reading on Medium
What Frontend Interviews Actually Test, Ranked by Priority
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
What Frontend Interviews Actually Test, Ranked by Priority
Most “frontend interview prep” lists treat every topic as equally important. They are not. After going through enough loops, you start to… Continue reading on I
Angular Security: Subresource Integrity (SRI)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w 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
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Is TDD worth it for front-end code?
I'm a front-end developer and I'm considering of implementing react on one of the pages of our website to slowly remove the angular js code that we are currentl
Top Benefits of Using Vue.js for Building Fast, Scalable Applications
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Top Benefits of Using Vue.js for Building Fast, Scalable Applications
Discover why Vue.js is a powerful JavaScript framework for creating high-performance, interactive, and scalable web applications in 2026. Continue reading on Me
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Help with code (html css java)
Hey everyone! This code is for a school project. A part of the previous question seems to be showing up in the second one (but only on mobile). Me and my groupm
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
There used to be a very clear, unspoken caste system in software development. The prevailing mantra was simply: “Real developers do… Continue reading on Medium
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The Wild West of the DOM: When Front-End Development Wasn’t “Real” Engineering
There used to be a very clear, unspoken caste system in software development. The prevailing mantra was simply: “Real developers do… Continue reading on Medium