Tech Skills

Frontend Engineering

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

908
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 (163) Articles (45)Blog Posts (88)Tutorials (30)
Front-end Patterns — Event Delegation
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2h ago
Front-end Patterns — Event Delegation
Design Patterns Don’t Always Translate to the Browser Continue reading on Medium »
What nobody tells you about going from junior to mid-level front-end developer
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 10h ago
What nobody tells you about going from junior to mid-level front-end developer
About eight months into my second job, I got assigned a ticket with a description that was three sentences long and answered none of the… Continue reading on Me
Why React? – Advantages and Disadvantages of React
Dev.to · Jayashree 🌐 Frontend Engineering ⚡ AI Lesson 14h ago
Why React? – Advantages and Disadvantages of React
Introduction React is one of the most popular JavaScript libraries for building user interfaces,...
10 React Mistakes Every Developer Makes in Interviews (And How to Fix Them) -React JS Confusion #10
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 14h ago
10 React Mistakes Every Developer Makes in Interviews (And How to Fix Them) -React JS Confusion #10
You’ve been coding React for months. Continue reading on Medium »
Vue to React Migration in Action: Real CRM Admin Case
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
Vue to React Migration in Action: Real CRM Admin Case
This is a hands-on migration walkthrough designed to take you from a standard Vue 3 + Vue Router...
HTML/CSS Animation to Video (MP4): the Headless, Deterministic Way (incl. Claude)
Dev.to · dsplce.co 🌐 Frontend Engineering ⚡ AI Lesson 1d ago
HTML/CSS Animation to Video (MP4): the Headless, Deterministic Way (incl. Claude)
So you asked Claude to animate something. Maybe a logo, a loading screen, a data viz. It spat out a...
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2d ago
Introducing Pagiflow: The High-Performance, Zero-Dependency Slider Library for the Modern Web
If you’ve been building for the web, you know the struggle: you need a sleek, responsive image slider or carousel, but the available… Continue reading on Medium
Technical Wednesday #1: How to Add an Auto-Refresh Checkbox to Your Website (Every 10 Seconds)
Medium · Data Science 🌐 Frontend Engineering ⚡ AI Lesson 3d 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 »
Demystifying Modern Web Development: What You Actually Need to Know
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3d 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
React, Explained Like You’ve Never Written Code Before
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3d 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
Angular Security: Subresource Integrity (SRI)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 4d 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
I built a football tournament simulator that runs entirely in the browser (and on Android)
Dev.to · Oraz Chollaev 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I built a football tournament simulator that runs entirely in the browser (and on Android)
What is Invictus? Invictus is a football tournament simulator you can run straight in your...
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a University-Style Homepage Template So You Can Launch Faster This Weekend
If you need a polished homepage fast, the hardest part is usually not the code. It is the structure, the pacing, and the sense that the… Continue reading on Med
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Web Development: Complete Guide to Skills, Career Growth & Future Opportunities
Web Development Course: Skills, Career Opportunities & Future Scope in 2026 Web Development, Web Development Course , Web Developer, Website Development, Fr
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Next.js Frontend Mastery: Search, Filter & Pagination (Production Pattern)
আজকের modern web application-এ Search, Filter এবং Pagination ছাড়া কোনো scalable system কল্পনা করা যায় না। Continue reading on Medium »
PayPal Frontend Interview Experience | Senior Software Engineer
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
PayPal Frontend Interview Experience | Senior Software Engineer
Interview Process Overview Continue reading on Frontend Army »
Why Is React’s Virtual DOM So Fast?
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Why Is React’s Virtual DOM So Fast?
The deceptively simple idea that changed how we build user interfaces — and why it remains one of software engineering’s most elegant… Continue reading on Mediu
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Stop Building Pure SPAs: The Architecture Shift React Developers Can No Longer Ignore
For nearly a decade, the default playbook for launching a new React project was entirely standardized. Continue reading on Medium »
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Don’t Let the User Wait — Render Quickly to Keep Their Attention: Part II
Don’t Wait for APIs. Send What You Have. Continue reading on Medium »
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
Understanding Memory Leaks in Single Page Applications: A Frontend Engineer’s Guide
Modern frontend applications have become increasingly sophisticated. Frameworks like React, Angular, and Vue allow us to build rich user… Continue reading on Me
How to manage state in modern frontend applications: a practical guide
Dev.to · Rizwan Saleem 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How to manage state in modern frontend applications: a practical guide
How to manage state in modern frontend applications: a practical guide Frontend state...
I Built a Tiny Skeleton Loader for React
Dev.to · Joodi 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
I Built a Tiny Skeleton Loader for React
Every time I started a new React or Next.js project, I found myself writing the same...
Reddit r/webdev 🌐 Frontend Engineering ⚡ AI Lesson 1w ago
How To: Re-engineer <details><summary> element to create pagination type layouts - walkthru pages/guides, etc...
This requires both CSS and JS, but is otherwise fairly lightweight and minimal. You can see the effect in action here: https://stephenmthomas.github.io/ico2go/
From Zero to Web Developer in 6 Months: A Complete Beginner’s
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
From Zero to Web Developer in 6 Months: A Complete Beginner’s
The demand for web developers continues to grow as businesses increasingly rely on websites, web applications, and digital platforms. Many… Continue reading on
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend performance engineering in the AI era
Frontend performance engineering in the AI era Frontend performance engineering in 2026 is less about “making the page faster” and more about designing systems
How I Beat Three Card Monte Three Times in a Row
Medium · AI 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I Beat Three Card Monte Three Times in a Row
Exploiting React Internal State to Always Find the Queen Continue reading on Medium »
Frontend Engineering in 2026: Mastering Performance and DX
Dev.to · Aindrila Bhattacharjee 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Frontend Engineering in 2026: Mastering Performance and DX
The Redefinition of "Frontend Engineer" in 2026 The era of the frontend engineer as a...
Learning Vue.js as Angular DEV: My First Impressions
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Learning Vue.js as Angular DEV: My First Impressions
I was working with React, even with Quick (made by Angular founder). At the same time I always knew about vue, but haven’t had really time… Continue reading on
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Medium · DevOps 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Modernizing Diverse Frontends With a Framework-Agnostic App Shell
Written By: Ganesh Karthik Natarajan Continue reading on DoubleVerify Engineering »
How I Built a Cinematic Scroll Experience with GSAP and ScrollTrigger
Dev.to · Jkimdd 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How I Built a Cinematic Scroll Experience with GSAP and ScrollTrigger
Most websites work. They load. They respond. They show the right content. But many of them still...
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Building a 1980s Mainframe Slot Machine in Vanilla JS: RNG Math, Web Audio, and CLI Integration
Hello, my name is Donovan Lafferty. For my latest project showcase, I wanted to build something that blended the rigid constraints of vintage computing aestheti
Reddit r/learnprogramming 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
html and css
how long does it take to learn and master html&css? submitted by /u/Ghozzt4 [link] [comments]
How to Cut Your CSS File Size by 40% Without Losing Any Styles
Dev.to · Kui Luo 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
How to Cut Your CSS File Size by 40% Without Losing Any Styles
Most websites ship CSS that's 2-3x larger than necessary. After auditing over 50 production sites, I...
HTML to JSX: Common Conversion Problems Frontend Developers Still Make
Dev.to · Trần Xuân Ái 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
HTML to JSX: Common Conversion Problems Frontend Developers Still Make
If you've worked with React, you've probably copied HTML into JSX at least once. And then...
Why React JS Continues to Dominate Modern Web Development
Dev.to · Avanexa Technologies 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Why React JS Continues to Dominate Modern Web Development
In today’s digital world, businesses need websites and applications that are fast, interactive,...
I Built a Real-Time Simulation Game in a Single HTML File (Without React or Custom JavaScript)
Dev.to · iDev-Games 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
I Built a Real-Time Simulation Game in a Single HTML File (Without React or Custom JavaScript)
Modern frontend development has normalized an absurd amount of complexity. Want to build a real-time...
Beyond Vite: The 2026 Shift from Build Speed to System Continuity.
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
Beyond Vite: The 2026 Shift from Build Speed to System Continuity.
In 2026, frontend performance problems rarely come from slow machines. Continue reading on Medium »
React Pointer Hooks: Hover, Long-Press, Double-Click, Scratch, and Click-Outside Without the Bugs
Dev.to · reactuse.com 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
React Pointer Hooks: Hover, Long-Press, Double-Click, Scratch, and Click-Outside Without the Bugs
React Pointer Hooks: Hover, Long-Press, Double-Click, Scratch, and Click-Outside Without the...
The Future of CSS Modules in Modern Web Development
Dev.to · Nick Benksim 🌐 Frontend Engineering ⚡ AI Lesson 2w ago
The Future of CSS Modules in Modern Web Development
Grab a Coffee: Let's Talk About Scope Leakage Picture this: you are working on a massive, beautiful...
Building a Slot-Machine Picker Without Making Gambling Claims
Dev.to · punts 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Building a Slot-Machine Picker Without Making Gambling Claims
A small open-source HTML/CSS widget that links to a live random casino game picker with responsible- ...
Angular Signal Forms Are Here — And They Change Everything About How We Handle Forms
Medium · Programming 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Angular Signal Forms Are Here — And They Change Everything About How We Handle Forms
The biggest shift in Angular form handling in 10 years. A complete guide with real migration code from a 40-field loan application form —… Continue reading on M
Keep Your Taste
Dev.to · Timi 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Keep Your Taste
I know I said I was going to keep writing about concepts I use every day as a frontend engineer....
Medium · JavaScript 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
I Built a Tool That Turns Any Website Into an App With One Line of Code
I Built a Tool That Turns Any Website Into an App With One Line of Code Continue reading on Medium »
Design a Clean Form with Floating Labels in Bootstrap 5
Dev.to · Razvan Zamfir 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
Design a Clean Form with Floating Labels in Bootstrap 5
Bootstrap 5 comes with built-in floating labels, but the default inputs can feel a bit too tall for...
Dev.to AI 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
We still don't have proper CSS frameworks
We have utility libraries, class-naming conventions, and methodologies dressed up in framework branding. What we don't have is a CSS layer that behaves like a f
How does VuReact compile Vue 3's watchEffect() to React?
Dev.to · Ryan John 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How does VuReact compile Vue 3's watchEffect() to React?
VuReact is a tool that compiles Vue 3 code into standard, maintainable React code. In this article,...
400+ Remote Companies Using React in 2026
Dev.to · Carl-W 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
400+ Remote Companies Using React in 2026
409 remote companies use React in their stack, four times more than any other frontend framework. But knowing React isn't a signal anymore. Here's what actually
How to Test Frontend Error States Without Breaking Your Backend
Dev.to · Kudasov Dmitriy 🌐 Frontend Engineering ⚡ AI Lesson 3w ago
How to Test Frontend Error States Without Breaking Your Backend
Frontend teams are usually pretty good at testing the happy path. The API returns 200. The response...