Tech Skills

Frontend Engineering

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

24,046
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,972) Articles (4092)Blog Posts (10933)Tutorials (319)Research Papers (1)News (627)
Frontend Storage: localStorage, sessionStorage & Cookies
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d 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 4d 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 4d 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 4d 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 4d 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 5d 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 5d 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 1w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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 2w 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...
Gravy Theory: three chickens, one base
Dev.to · Yash Kumar Saini 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Gravy Theory: three chickens, one base
This is a submission for Frontend Challenge - Comfort Food Edition Perfect Landing. What I...
Eleven pages that read your own files in the browser. The hard part was what they refuse to say.
Dev.to · Artificial Wasteland 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Eleven pages that read your own files in the browser. The hard part was what they refuse to say.
Drop a JPEG onto this page and it will read the quantization and Huffman tables straight out of your...
Find the Exact Slow Angular Component with Chrome DevTools
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Find the Exact Slow Angular Component with Chrome DevTools
Chrome DevTools can now take you directly to the exact Angular component instance causing a performance problem. Continue reading on Medium »
Find the Exact Slow Angular Component with Chrome DevTools
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Find the Exact Slow Angular Component with Chrome DevTools
Chrome DevTools can now take you directly to the exact Angular component instance causing a performance problem. Continue reading on Medium »
UpStox Frontend Developer Interview Experience | 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
UpStox Frontend Developer Interview Experience | 2026
I recently came across this interview experience from a Frontend Developer at a product-based company in Mumbai. Continue reading on Frontend Army ⭐ »