Tech Skills
Frontend Engineering
HTML, CSS, JavaScript, React, Next.js, performance and modern web development
Skills in this topic
5 skills — Sign in to track your progress
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

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 »

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...

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

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 »

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...

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...

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 »

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...

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

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

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...

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 »

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.

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...

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

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

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

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

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

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...

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

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 »

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...

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...

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 »

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...

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...

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...

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

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...

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 »
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

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

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

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...

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...

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...

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...

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...

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...

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 »

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 »

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 ⭐ »
DeepCamp AI