Tech Skills

Frontend Engineering

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

24,051
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 (15,977) Articles (4094)Blog Posts (10936)Tutorials (319)Research Papers (1)News (627)
HTML, CSS, and JavaScript Roadmap: Where Every Developer Actually Starts
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
HTML, CSS, and JavaScript Roadmap: Where Every Developer Actually Starts
Someone posts the same question in a college WhatsApp group about once a week: should I skip straight to React and start applying for jobs… Continue reading on
Your React App Works. Until the API Doesn’t.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d ago
Your React App Works. Until the API Doesn’t.
Picture this: you build a page, call the API, get back exactly the JSON you expected, and the UI looks exactly like the Figma file. You… Continue reading on Med
We Hit the Browser's Scroll Limit at 550K Rows. Here's How We Reached 1 Million.
Dev.to · JANG KIYOUNG 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
We Hit the Browser's Scroll Limit at 550K Rows. Here's How We Reached 1 Million.
While building an open-source React data grid, we hit an unexpected browser layout limit at 550K rows. So we changed how scrolling works.
I accidentally reinvented CSS progress() and then I published it anyway.
Dev.to · Petros Papatheodorou 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I accidentally reinvented CSS progress() and then I published it anyway.
It all started a few days ago, when I was taking a look at Zeus, a CSS framework my friend Stavros...
I Went Looking for Why Lenis Beat Locomotive Scroll. The Real Story Surprised Me.
Dev.to · Keymel Gaston 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Went Looking for Why Lenis Beat Locomotive Scroll. The Real Story Surprised Me.
I use Lenis for smooth scroll in most of my projects, and I'd always assumed it just won a popularity...
Frontend Storage: localStorage, sessionStorage & Cookies
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend Storage: localStorage, sessionStorage & Cookies
A practical breakdown of browser storage: what persists, what’s sent to the server, and what’s safe to store where. Continue reading on Medium »
How to add country icons to a React app
Dev.to · Rushan 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How to add country icons to a React app
Geography is a blind spot in most icon libraries. They give you arrows and carets, not the shape of...
Multi-Step Forms in Angular: Building Clean, Scalable, and User-Friendly Form Workflows
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Multi-Step Forms in Angular: Building Clean, Scalable, and User-Friendly Form Workflows
Learn how to build multi-step forms in Angular using Reactive Forms, FormGroup, FormArray, validation, shared state, navigation, and… Continue reading on Medium
Why Angular Pages Sometimes Load Instantly… And Sometimes Don’t
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Why Angular Pages Sometimes Load Instantly… And Sometimes Don’t
Have you ever opened a website and noticed something strange? Continue reading on Medium »
Medium · SEO 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React vs Next.js 2026: The Developer’s Ultimate Guide
A Complete Blog on Choosing the Right Framework Continue reading on Medium »
How I Built a Compound Interest Calculator Without Any Backend
Dev.to · ggwork 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I Built a Compound Interest Calculator Without Any Backend
While working on a side project recently, I needed a way to help users quickly understand how their...
PrimeVue v4 Stopped Active Dev: OpenVue Takes Over on MIT
Dev.to · Nikola Jevrić 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
PrimeVue v4 Stopped Active Dev: OpenVue Takes Over on MIT
If your stack relies on PrimeVue v4, there's a recent change in the project's maintenance lifecycle...
Frontend Dependency Injection: From Context API to Composition Root
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend Dependency Injection: From Context API to Composition Root
How to build a framework-agnostic, testable domain core in TypeScript using Tactical DDD, InversifyJS, and Nx Continue reading on ITNEXT »
A tabbed form that silently refused to submit — required fields hidden behind another tab
Dev.to · Susumu Takahashi 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
A tabbed form that silently refused to submit — required fields hidden behind another tab
Background The site edit modal kept accumulating fields — site name, category, SSH...
The DOM Isn’t Slow. The Way Most Code Talks to It Is.
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The DOM Isn’t Slow. The Way Most Code Talks to It Is.
Ask a room of developers why DOM manipulation has a reputation for being slow, and most will say some version of “because it’s the DOM… Continue reading on Medi
The DOM Isn’t Slow. The Way Most Code Talks to It Is.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The DOM Isn’t Slow. The Way Most Code Talks to It Is.
Ask a room of developers why DOM manipulation has a reputation for being slow, and most will say some version of “because it’s the DOM… Continue reading on Medi
Vanilla JavaScript — Why It Still Matters in the Age of React and Next.js
Dev.to · Osama Abu Motlaq 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Vanilla JavaScript — Why It Still Matters in the Age of React and Next.js
Vanilla JavaScript — Why It Still Matters in the Age of React and Next.js In modern web...
I Replaced React Query With 25 Lines of Vanilla JS
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Replaced React Query With 25 Lines of Vanilla JS
React Query is 13KB and solves problems I didn’t have. Here’s what I built instead. Continue reading on Medium »
Angular Contact Form Without a Backend: Reactive Forms Guide
Dev.to · Hussain Fakhruddin 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Angular Contact Form Without a Backend: Reactive Forms Guide
Build an Angular contact form with Reactive Forms and HttpClient, accessible validation, spam controls, and production checks.
CSS Grid vs Flexbox: The Matrix of Layout Choices
Dev.to · Timevolt 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
CSS Grid vs Flexbox: The Matrix of Layout Choices
The Quest Begins (The "Why") I still remember the first time I tried to build a dashboard...
Lazy Loading vs Virtualization: What’s the Difference?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Lazy Loading vs Virtualization: What’s the Difference?
Imagine loading a page with 10,000 products. Do you really need to download every image? Do you really need to render every product card? Continue reading on Me
Streaming with React Suspense: How It Actually Impacts Next.js SEO
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Streaming with React Suspense: How It Actually Impacts Next.js SEO
Streaming with React Suspense is great for UX, but it does not automatically make a Next.js page better for SEO. The real question is not… Continue reading on M
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Bright Glassmorphism Contact Form — Bootstrap + GSAP
https://codepen.io/editor/darshit_tank/pen/01a0372c-926d-7f00-9d8a-17e0c1ff75c4
Delete These 5 JavaScript Libraries — Modern CSS Already Does Their Job
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Delete These 5 JavaScript Libraries — Modern CSS Already Does Their Job
Open your package.json right now and read it slowly. Somewhere in that file sits a library you installed years ago for a job the browser… Continue reading on Me
Frontend in 2026: What Junior and Mid-Level Developers Actually Need to Know
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Frontend in 2026: What Junior and Mid-Level Developers Actually Need to Know
Frontend development moves quickly. From new frameworks and libraries to AI coding assistants and browser features, it can be difficult to… Continue reading on
Frontend in 2026: What Junior and Mid-Level Developers Actually Need to Know
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Frontend in 2026: What Junior and Mid-Level Developers Actually Need to Know
Frontend development moves quickly. From new frameworks and libraries to AI coding assistants and browser features, it can be difficult to… Continue reading on
4 Motion Design Bugs That Break Astro + GSAP + Lenis Sites in Production
Dev.to · Keymel Gaston 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
4 Motion Design Bugs That Break Astro + GSAP + Lenis Sites in Production
I got tired of debugging the same four things every time I built a motion-design landing page with...
Understanding CSS cubic-bezier(): A Visual Guide That Finally Makes Sense
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Understanding CSS cubic-bezier(): A Visual Guide That Finally Makes Sense
TL;DR: If you’ve ever copied cubic-bezier(0.68, -0.6, 0.32, 1.6) from Stack Overflow without knowing what it does, this guide is for you… Continue reading on Me
The CSS bug that taught me JS-injected styles always win
Dev.to · Nogan's Development 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The CSS bug that taught me JS-injected styles always win
I spent way longer than I'd like to admit chasing a dark mode bug that made zero sense on paper. I'm...
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
My Frontend Development Journey
Starting my journey into frontend development has been an exciting experience. Continue reading on Medium »
How ProvChart Makes Your Pages Faster, Crawlable, and Still Dynamic
Dev.to · FSCSS tutorial 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How ProvChart Makes Your Pages Faster, Crawlable, and Still Dynamic
Charts without the JavaScript tax. Most charting libraries force a trade-off: You get beautiful...
A CSS Hover-Reveal Pattern for Technical Specs
Dev.to · Richard Lemon 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
A CSS Hover-Reveal Pattern for Technical Specs
The problem on the Gate Seal page The Gate Seal product page for a maritime client needed to present...
HTML vs JSX — What You Actually Lose When You Switch
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
HTML vs JSX — What You Actually Lose When You Switch
You thought it was just HTML inside JavaScript. It isn’t. Here is the hidden cost your browser, bundle, and workflow pay every day. Continue reading on Medium »
A modern marketing site without a modern front-end stack
Dev.to · NessFlow 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
A modern marketing site without a modern front-end stack
Laravel 13, Blade, Tailwind 4, Vite 8. Astro, Hugo, Eleventy and Next are all good at building fast...
7,798 Components. Import One, Ship One.
Dev.to · James Coombs 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
7,798 Components. Import One, Ship One.
James Coombs is a design engineer who maintains the icon package a frontend org installs across...
State Management in Front-end Web Development: Mutators
Dev.to · Abbey Perini 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
State Management in Front-end Web Development: Mutators
Libraries like Valtio and Pinia for Vue use a mutator pattern instead of the actions, dispatch, and...
The one skill behind frontend interviews: matching the signal to the technique
Dev.to · Nachiket Salvi 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The one skill behind frontend interviews: matching the signal to the technique
Most frontend interview prep is a list of questions. You grind the list, feel prepared, then freeze...
InfoQ AI/ML 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
React Router v8: A Deliberately Boring Release with ESM-Only Builds and Default Middleware
React Router v8 was released on June 17, 2026, with minimal breaking changes and new baselines. Key updates include an ESM-only build and default middleware set
How to Build a CAD-Style Layout Editor on Top of Extracted HTML
Dev.to · Bonzai2Carn 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How to Build a CAD-Style Layout Editor on Top of Extracted HTML
TLDR If you have extracted a PDF to HTML and want users to rearrange and edit the layout...
The HTML canvas quietly deletes your photo's metadata — and one day that bites you
Dev.to · BellSal 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
The HTML canvas quietly deletes your photo's metadata — and one day that bites you
I build browser-based image tools, and the single most confusing class of bug reports I get all trace...
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
typewriter-ts: A Typewriter Effect That Doesn’t Split Your Emoji
A tiny, dependency-free TypeScript typewriter for browsers, Node, and anything else that can render a string. Continue reading on Medium »
Your Front-End ORM Is a Trap
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Your Front-End ORM Is a Trap
I used to work at a company where we stored all of our data in IndexedDB, with PouchDB as the ORM. At some point we wanted to move to… Continue reading on Mediu
How to Become a Web Developer from Scratch: A Practical Beginner’s Roadmap
Medium · Python 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
How to Become a Web Developer from Scratch: A Practical Beginner’s Roadmap
The internet has become an important part of almost every business, organisation, and personal brand. From a small business website to a… Continue reading on Me
How to Become a Web Developer from Scratch: A Practical Beginner’s Roadmap
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
How to Become a Web Developer from Scratch: A Practical Beginner’s Roadmap
The internet has become an important part of almost every business, organisation, and personal brand. From a small business website to a… Continue reading on Me
Next.js 15 Dark Mode Without the Flash: From Hydration Error to Zero-Flicker
Dev.to · Mark 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Next.js 15 Dark Mode Without the Flash: From Hydration Error to Zero-Flicker
I built a 100+ tool website with Next.js 15 on Cloudflare Pages. I thought implementing dark mode...
How I Built a Browser-Only Bubble Text Generator with SVG and Canvas
Dev.to · hw lu 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
How I Built a Browser-Only Bubble Text Generator with SVG and Canvas
Visual text generators look simple from the outside: type a phrase, choose a style, and download an...
WordPress Block Themes vs Classic Themes: Should You Switch in 2026?
Dev.to · Muhammad Medhat 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
WordPress Block Themes vs Classic Themes: Should You Switch in 2026?
If you've been developing WordPress websites for several years, there's a good chance you've spent a...
Designing HTML Page Caching Changed How I Think About Caching
Dev.to · Tohru Yaginuma 🌐 Frontend Engineering ⚡ AI Lesson 4w ago
Designing HTML Page Caching Changed How I Think About Caching
Long Story Short Designing HTML page caching in practice connected several concepts I had...