Tech Skills

Frontend Engineering

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

11,144
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,357) Articles (377)Blog Posts (2768)Tutorials (93)Research Papers (1)News (118)
10 Frontend Developer Tools to Boost Productivity in 2026
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
10 Frontend Developer Tools to Boost Productivity in 2026
Discover the best frontend workflow tools that save time, reduce bugs, and help you build faster, cleaner modern web apps. Continue reading on Medium »
10 Frontend Developer Tools to Boost Productivity in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
10 Frontend Developer Tools to Boost Productivity in 2026
Discover the best frontend workflow tools that save time, reduce bugs, and help you build faster, cleaner modern web apps. Continue reading on Medium »
The Untouchable Angular Component: How “Good Components” Slowly Become Monsters!
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
The Untouchable Angular Component: How “Good Components” Slowly Become Monsters!
Every Angular codebase has one. You know exactly which component I’m talking about. It’s the file people hesitate to open. The one that… Continue reading on UX
Angular Lifecycle Hooks
Dev.to · Atilla Baspinar 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Angular Lifecycle Hooks
Angular calls a set of lifecycle hook methods on components and directives at specific moments —...
Component Selectors, Content Projection, and Host Bindings
Dev.to · Atilla Baspinar 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Component Selectors, Content Projection, and Host Bindings
1. Component selector types: element, attribute, and class By default, Angular...
Where Should You Store JWT? Cookies vs localStorage vs Memory — Frontend Master
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Where Should You Store JWT? Cookies vs localStorage vs Memory — Frontend Master
The most argued-about question in frontend auth has a real answer — it’s just not the one most blog posts give you. Continue reading on Medium »
The Hydration Loop: Fixing React 19 Server Actions Reset Stalls
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
The Hydration Loop: Fixing React 19 Server Actions Reset Stalls
Managing frontend application state layers inside distributed cloud environments requires careful planning. Specifically, when software… Continue reading on Med
Deno Desktop: A New Choice for Desktop Development for Front-End Developers
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Deno Desktop: A New Choice for Desktop Development for Front-End Developers
At the recent JS Nation conference, Deno officially released its built-in desktop packaging capability, Deno Desktop, which immediately… Continue reading on Med
I Built My First Progressive Web App — Here’s Everything I Learned
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built My First Progressive Web App — Here’s Everything I Learned
I kept coming across the term “Progressive Web App” in blog posts, conference talks, and documentation. At some point, I realized I knew… Continue reading on Me
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
Method: figures pulled from primary sources (Indeed Hiring Lab, BLS, Stanford Digital Economy Lab, Stack Overflow Survey) and run through an adversarial fact-ch
Why Most React Performance Advice Is Wrong
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Why Most React Performance Advice Is Wrong
Stop blindly using useMemo and useCallback. Learn what actually makes React applications fast. Continue reading on JavaScript in Plain English »
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
React useDebounce Hook: Debounce State & Callbacks (2026)
You have a search box. The user types react hooks, and your component fires an API request on every single keystroke — eleven requests for… Continue reading on
Top 6 CSS Frameworks Developers Should Use in 2026
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Top 6 CSS Frameworks Developers Should Use in 2026
Explore the most powerful CSS frameworks developers are using in 2026 to build fast, responsive, and modern web applications. Continue reading on Medium »
Top 6 CSS Frameworks Developers Should Use in 2026
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Top 6 CSS Frameworks Developers Should Use in 2026
Explore the most powerful CSS frameworks developers are using in 2026 to build fast, responsive, and modern web applications. Continue reading on Medium »
Why Does video.play()
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Why Does video.play()
Building a production-ready HTML5 video player taught me that autoplay isn’t a feature — it’s a permission earned from the browser. Continue reading on Medium »
How I Dove Into Svelte 4 With Absolutely Zero Experience
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How I Dove Into Svelte 4 With Absolutely Zero Experience
Hey everyone, I’m Elliot, and today I want to talk about the last project I worked on as a Software Engineer. Continue reading on Medium »
FOIT vs FOUT: How Browsers Really Load Web Fonts — Frontend Master
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
FOIT vs FOUT: How Browsers Really Load Web Fonts — Frontend Master
That flash of invisible text, or the jolt when your headline swaps fonts — both are choices the browser is making for you, and you can… Continue reading on Medi
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Snap Color Picker: A Free Chrome Extension to Pick Colors from Any Website
Every frontend developer and designer has needed to identify a color from a webpage. Continue reading on Medium »
23 Production-Ready Next.js 15 + Tailwind Templates (Live Demos You Can Click)
Dev.to · Cenk KURTOĞLU 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
23 Production-Ready Next.js 15 + Tailwind Templates (Live Demos You Can Click)
I spent the last few weeks building a set of 23 Next.js 15 + Tailwind CSS templates — one per common...
I Built a Browser-Only Favicon Generator — Text, Emoji & SVG to ICO/PNG (136 Tests, Zero Dependencies)
Dev.to · Dev Nestio 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Browser-Only Favicon Generator — Text, Emoji & SVG to ICO/PNG (136 Tests, Zero Dependencies)
Favicons are tiny but they matter. A sharp, recognizable 32×32 icon in a browser tab signals polish....
Signals vs React Compiler: The Fine-Grained Reactivity Showdown
Dev.to · Ahmed Mahmoud 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Signals vs React Compiler: The Fine-Grained Reactivity Showdown
Headline: Signals win on raw performance and mental clarity. React Compiler wins on ecosystem...
Lightweight JavaScript Library for Visual Hierarchical Data Creation, Preview, and Validation
Dev.to · Pavel Kostromin 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Lightweight JavaScript Library for Visual Hierarchical Data Creation, Preview, and Validation
Introduction and Problem Statement Hierarchical data structures—think product catalogs,...
Fintech Frontend Engineering: What You Need to Know Before Building in Financial Services
Dev.to · NorfolkD 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Fintech Frontend Engineering: What You Need to Know Before Building in Financial Services
Most frontend engineers entering fintech underestimate how much the domain changes what good looks...
React vs. Angular in 2026: Choosing the Right Architecture for Enterprise Applications
Dev.to · Idan Bakal 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
React vs. Angular in 2026: Choosing the Right Architecture for Enterprise Applications
The debate between React and Angular has been running for over a decade. In 2026, with both...
I Built a Browser-Only HTML Entity Encoder/Decoder — Named, Decimal & Hex, 246 Tests
Dev.to · Dev Nestio 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Browser-Only HTML Entity Encoder/Decoder — Named, Decimal & Hex, 246 Tests
Every developer has hit this: you need to escape <, >, &, and quotes before dropping user...
Building Ekehi: My Week in Reviews and a New Submissions Page
Dev.to · AJ 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Building Ekehi: My Week in Reviews and a New Submissions Page
Week ending 27 June 2026 · Ekehi frontend (React + TanStack Router) This week split into two halves:...
How to Detect Which Font Is Actually Rendering in a Browser (Not Just the CSS Stack)
Dev.to · SHOTA 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How to Detect Which Font Is Actually Rendering in a Browser (Not Just the CSS Stack)
getComputedStyle(element).fontFamily returns the CSS declaration: "Hiragino Kaku Gothic ProN", "Yu...
Animate with Pseudorandom Numbers: Value Noise in a CSS Variable
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Animate with Pseudorandom Numbers: Value Noise in a CSS Variable
Hey, happy Saturday, I made an open source web compo
Why Most useEffect Code Feels Wrong Even When It Works
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Why Most useEffect Code Feels Wrong Even When It Works
Most useEffect problems are not dependency array problems. They are ownership problems hiding inside code that happens to run after render. Continue reading on
Converting HEIC to JPG entirely in the browser (no upload, no server)
Dev.to · gan liu 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Converting HEIC to JPG entirely in the browser (no upload, no server)
If you have ever received a photo from an iPhone and gotten a .heic file that Windows refuses to...
Beyond the Main Thread: Mastering Web Workers & Service Workers for Blazing-Fast, Resilient…
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Beyond the Main Thread: Mastering Web Workers & Service Workers for Blazing-Fast, Resilient…
The modern web application landscape demands speed, responsiveness, and unwavering reliability. Continue reading on Medium »
How I Add Watermarks to PDFs in the Browser with Vue 3 and pdf-lib
Dev.to · sunshey 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How I Add Watermarks to PDFs in the Browser with Vue 3 and pdf-lib
Adding a watermark to a PDF sounds simple — draw some text over every page, right? But doing it...
Multifunctional lists ng-virtual-list
Dev.to · Evgenii Grebennikov 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Multifunctional lists ng-virtual-list
About a year ago, I decided to create a universal open-source solution for list visualization. In the...
I Have Interviewed Angular Developers for 14 Years — Here Are the Questions That Separate Senior…
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Have Interviewed Angular Developers for 14 Years — Here Are the Questions That Separate Senior…
From someone who has been on both sides of the table. The questions that actually get asked at senior level in 2026 — and exactly what the… Continue reading on
Vue 3 + AI: How to Build a Streaming Chat Interface That Doesn’t Feel Like a Loading Spinner
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Vue 3 + AI: How to Build a Streaming Chat Interface That Doesn’t Feel Like a Loading Spinner
Server-sent events in Vue, composables for streaming state, token-by-token rendering, the auto-scroll trick that feels like magic, typing… Continue reading on M
You’re Probably Making These 10 React Mistakes
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
You’re Probably Making These 10 React Mistakes
Most developers don’t realize these errors are slowing them down until it’s too late. Continue reading on Medium »
I Built a Live Timeline of React Hooks (useState, useEffect, useMemo, useRef)
Dev.to · Devanshu Biswas 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Live Timeline of React Hooks (useState, useEffect, useMemo, useRef)
The rules of React hooks are easy to recite and easy to get subtly wrong. When exactly does an effect...
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Odin project or mdn or freecodecamp
I want to learn web development,plzz help me to choose among these ,am a beginner submitted by /u/TheChaos9191 [link] [comments] </spa
Dependency Inversion in React: SOLID for Frontend — Frontend Master
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Dependency Inversion in React: SOLID for Frontend — Frontend Master
Can you swap your data source — REST to GraphQL, real API to a mock — without editing a single component? Continue reading on Medium »
Excited to share my developer portfolio! It showcases my projects, skills, and experience in React, Next.js, TypeScript, and modern frontend development.

🌐 https://saurabhpatil84.netlify.app/

Feedback is always welcome!
Dev.to · Saurabh Patil 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Excited to share my developer portfolio! It showcases my projects, skills, and experience in React, Next.js, TypeScript, and modern frontend development. 🌐 https://saurabhpatil84.netlify.app/ Feedback is always welcome!
...
jQuery End of Life: What's Actually EOL (and What Isn't)
Dev.to · endoflife-ai 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
jQuery End of Life: What's Actually EOL (and What Isn't)
jQuery core isn't dead — 3.x and 4.x are maintained. But jQuery 1.x/2.x, jQuery UI (EOL Aug 2024), and any jQuery below 3.5.0 (known XSS) are the real problem.
Angular End of Life: The 18-Month Treadmill & Every EOL Date
Dev.to · endoflife-ai 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Angular End of Life: The 18-Month Treadmill & Every EOL Date
Angular's 18-month support window means a version reaches EOL roughly every six months. Angular 19 is now EOL — only 20 and 21 are supported. The full schedule
Vue 2 End of Life: EOL Date, Risk, and Migration to Vue 3
Dev.to · endoflife-ai 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Vue 2 End of Life: EOL Date, Risk, and Migration to Vue 3
Vue 2 reached end of life on December 31, 2023. Vue 2.7 was the final release. The risk of staying on it, the Vue 3 migration path, and extended-support options
I built a lightweight jQuery Tree Select plugin 🌳
Dev.to · Umair Ashraf 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I built a lightweight jQuery Tree Select plugin 🌳
While working on HTML/jQuery projects, I needed a simple way to create a tree-style dropdown select...
I Built a Random Wheel Spinner and Learned That Simple Tools Are the Hardest to Get Right
Dev.to · Getinfo Toyou 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Random Wheel Spinner and Learned That Simple Tools Are the Hardest to Get Right
The Itch I Needed to Scratch Every few weeks, someone in a group chat would ask: "How do...
I Built a Premium Animated Expense Tracker Using HTML, CSS & JavaScript
Dev.to · Mr Shuvo 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Premium Animated Expense Tracker Using HTML, CSS & JavaScript
live link: https://et-1.netlify.app/ Managing personal finances doesn't have to be...
I Built Memory Match in Vanilla JS (With a CSS 3D Flip)
Dev.to · Devanshu Biswas 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built Memory Match in Vanilla JS (With a CSS 3D Flip)
Memory Match (Concentration) is a great first "state machine" game: flip two cards, match or flip...
How to add a contact form to a Next.js app without a backend
Dev.to · Eduardo Villão 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How to add a contact form to a Next.js app without a backend
If you've ever built a Next.js app and needed a contact form, you've probably hit the same wall: you...