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
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Nuxt.js ile Global Stil Yönetimi Yapmanın Kolay Yolları
Nuxt.js ile Global Stil Yönetimi: Neden Önemlidir? Nuxt.js, Vue.js tabanlı bir framework olarak,...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
HTML5 Canvas Kullanımı: Grafik ve Oyun Geliştirme Yöntemleri
HTML5 Canvas Nedir? HTML5 Canvas, web tarayıcılarında iki boyutlu grafikler oluşturmak için...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Vue.js Uygulamalarında Hata Yönetimi ve Debugging İpuçları
Vue.js Hata Yönetimi Temelleri Vue.js uygulamalarında hata yönetimi, geliştiricilerin...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Vue.js'de Bileşenler Arası İletişimi Sağlamak için Yöntemler
Vue.js'de Bileşen İletişimi Nedir? Vue.js, bileşen tabanlı bir mimariye sahip olduğundan,...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS3 ile Web Sayfalarınızı Hızlandırmanın Yolları Neler?
CSS3 ile Hızlı Yüklenen Sayfalar İçin Temel İlkeler Web sayfalarının yüklenme hızını artırmak,...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS Grid Sistem Rehberi: Başlangıçtan İleri Seviyeye Tam Kılavuz
CSS Grid Nedir? CSS Grid, modern web tasarımında duyarlı ve esnek düzenler oluşturmak için...
Dev.to · Xiang Gao
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
I built a fullscreen text tool with Next.js for signs, events, and quick display use cases
I built a fullscreen text tool with Next.js for signs, events, and quick display use...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Vue.js ile Geliştirilen Projelerde İyi Uygulama Örnekleri
Vue.js ile Geliştirilen Projelerde Bileşen Tabanlı Yaklaşımlar Vue.js, bileşen tabanlı mimarisi ile...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Vue.js ile Uygulama Testi Yapmanın En İyi Yöntemleri Nelerdir?
Vue.js ile Test Sürecinin Önemi Vue.js, modern web uygulamaları geliştirmek için popüler bir...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
JavaScript ile Kullanıcı Geri Bildirimlerini Yönetme Yöntemleri
Kullanıcı Geri Bildirimlerinin Önemi Kullanıcı geri bildirimleri, bir web uygulamasının veya...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
İKFillout Formlar ...: Frontend Geliştirme için Claude Code Rehberi
Web Geliştirme Web teknolojilerinde güncel kalarak projelerinizi bir üst seviyeye...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Next.js ile Hızlı ve Verimli Uygulama Geliştirme Yaklaşımları
Next.js Nedir? Next.js, React tabanlı bir framework olup, sunucu tarafı render'ı (SSR) ve statik...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS3 Animasyon Teknikleri: Görsel Etkileyicilik Yaratma
CSS3 Animasyonlarının Temelleri CSS3 animasyonları, web tasarımında görsel etkileyicilik yaratmanın...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Bootstrap ile Web Sitelerinde Performans İyileştirme Stratejileri
Bootstrap Nedir ve Neden Önemlidir? Bootstrap, web geliştirme süreçlerini hızlandıran ve...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
2026'da CSS Variables Browser Uyumluluk Çözümleri Tam Kılavuz
Temel Kavramlar CSS değişkenleri, stil sayfalarında kullanılan değerlerin dinamik bir şekilde...
Dev.to · Seatgo
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
How does Jquery monitor the click events of dynamically created elements?
During the process of using Jquery, we may dynamically create elements such as li/button, but we...
InfoQ AI/ML
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Safari Adds scrollend Event Support, Completing Baseline Browser Coverage
Safari's release of version 26.2 in December introduced support for the scrollend event, completing its alignment with major browsers. This event signals when s
Dev.to · Zain Muhammad
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
🚀 What Real Frontend Development Actually Looks Like
A real frontend developer doesn’t build separate UIs for mobile, tablet, and desktop. They build one...
Dev.to · Brian Treese
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
How to Get Specific Validation Errors with Angular Signal Forms
If you’ve ever tried to build something like a password checklist in Signal Forms, you’ve probably...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS Preprocessors ile Liste Stilleri Detaylı İnceleme
Temel Kavramlar CSS preprocessors, CSS yazımını daha verimli hale getiren araçlardır. Sass, Less ve...
Dev.to · Brandvix
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
5 Simple Habits for Writing Cleaner Frontend Code in 2026
** 5 Simple Habits for Writing Cleaner Frontend Code in 2026** We’ve all been there: you...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Webpack Dersleri: Sıfırdan İleri Seviyeye Adım Adım Rehber
Webpack Nedir? Webpack, modern web uygulamalarının geliştirilmesi için kullanılan bir modül...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS Reset Karşılaştırması: Hangi Yöntemi Seçmeli ve Neden?
CSS Reset Karşılaştırması Web tasarımında farklı tarayıcıların CSS stillerine olan yaklaşımı, çoğu...
Dev.to · FORUM WEB
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
CSS Grid Püf Noktaları: Esnek Mizanpaj ve Pratik İpuçları
CSS Grid: Püf Noktaları CSS Grid, web tasarımında karmaşık düzenlerin oluşturulmasını basit ve...
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
dnd-manager: Lightweight Drag and Drop for Vanilla JS
dnd-manager: a vanilla JavaScript library for data-driven drag-and-drop that works with any...
Dev.to · ALTF4_Official12
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Dev
¿Qué framework de JavaScript recomiendan hoy para empezar en desarrollo web: React, Vue o Angular?...
Dev.to · Ishaan Pandey
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Micro Frontends: The Ultimate Guide — React, Vite, Next.js, React Native & Module Federation
Micro Frontends: The Ultimate Guide — React, Vite, Next.js, React Native & Module...
Dev.to · Gojo Sataro
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Haven
Hey DEV! I built Haven {% embed https://haven-5t1q.vercel.app/ %} Enter fullscreen mode ...
Dev.to · Tyler Brady
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Google Calendar Meeting Analyzer
🚀 Showcasing My Vue.js Frontend Work: Google Calendar Meeting Analyzer I built a Google Calendar...
Dev.to · Alex Chen
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Creating Looping Black Screen Effects Using Canvas and Web Animations
Looping black screen effects can add a lot of polish to interactive web projects or short video...
Dev.to · Kadir Çakmak
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
I made a currency converter that runs in a single HTML file
I wanted a simple currency converter I could open anywhere — no install, no login, no API key. So I...
Dev.to · Ashish Kumar
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Meta StyleX: Moving CSS-in-JS From Runtime to Build Time
How Meta StyleX compiles JS-authored styles into atomic static CSS: less runtime injection, smaller bundles, and why that matters for huge apps.
Dev.to · Hoang Duy
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
What if: we have two same keys in Reactjs?
It is duythenights again! Great to have you back. If you’ve seen that yellow warning in your...
Dev.to · Drive Coding
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
HTML Tables for Beginners: 3 Steps to Clean Data Grids
TL;DR HTML tables are not as scary as they look. Three core building blocks —...
Dev.to · Ashish Kumar
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
React State Management Compared: Redux vs Zustand vs Jotai vs Valtio
Redux vs Zustand vs Jotai vs Valtio — centralized, atomic, and proxy React state. When each wins on scale, subscriptions, and code simplicity.
Dev.to · jQueryScript
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Before/After Image Comparison Slider in JS
Image Comparison Slider: a vanilla JavaScript component that lets users drag a handle to compare...
Dev.to · KhaledSalem
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
If you’re a Frontend developer .. Does your tool need plugins to understand your framework?
If you’re a Frontend developer and your tool needs plugins to understand your framework… Then your...
Dev.to · Israel Michael
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Inside Tabs: A Practical Next.js Frontend for Multi-Business Inventory Operations
Tabs is a multi-tenant operations frontend built with Next.js App Router. At a product level, it is...
Dev.to · Yoni Ryabinski
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
How to Add Comments to a Next.js Site (App Router and Pages Router)
A reusable React component for privacy-first threaded comments in Next.js, with proper handling of soft navigation between routes.
Dev.to · FSCSS
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Did you know st-core.fscss doesn't need a runtime in production?
The <script> tag for FSCSS is a browser compiler- great for development, but optional for...
Dev.to · Tushar Pamnani
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
I Spent Hours in the DOM So You Don't Have To
Full source: github.com/tusharpamnani/midnight-wallet-kit When I started building frontends on...
Dev.to · Benjy
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Mirco Front-end Fundamentals
Hello, I am Benjy, a newbie in front end. Below will be my take on mircro front end...
Dev.to · Alexandre Desane
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
I got tired of rebuilding the same frontend twice, so I built a tool that does it once
If you've ever built a frontend in Astro and then had to rebuild the same thing in Twig or PHP for a...
Dev.to · Drive Coding
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
HTML Definition Lists: 5 Critical Mistakes to Fix Now
TL;DR HTML definition lists (<dl>, <dt>, <dd>) are one of the most...
Dev.to · Mukhtar Abdussalam
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Why I Switched from React to Vue (And Back Again) - Updated April 08, 2026
Shifting between powerful front-end frameworks is an adventure many developers find themselves on. In...
Dev.to · slice-code
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Building a Blog Editor with el.js and Editor.js
Today, I built a blog editor using el.js. It serves as a DOM helper for constructing the editor UI,...
Dev.to · Maninderpreet Singh
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
Why Angular Still Fits Enterprise Frontend Architecture Better Than Most Trends
Most frontend debates still optimize for developer preference, not system shape. That usually works...
Dev.to · Sui Gn
🌐 Frontend Engineering
⚡ AI Lesson
3mo ago
.me is dramatically faster than React and Zustand – Here are the numbers
Most state management libraries promise to make your app fast. I wanted to see if that was actually...
DeepCamp AI