Tech Skills

Frontend Engineering

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

11,232
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,450) Articles (424)Blog Posts (2804)Tutorials (103)Research Papers (1)News (118)
Vue.js ile Animation ve Geçiş Efektleri Nasıl Uygulanır
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Animation ve Geçiş Efektleri Nasıl Uygulanır
Vue.js ve Animasyonun Tarihçesi Vue.js, 2014 yılında Evan You tarafından geliştirilmeye başlandı ve...
Nuxt.js ile Özel Bileşenler Geliştirmenin Adım Adım Yöntemi
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Özel Bileşenler Geliştirmenin Adım Adım Yöntemi
Nuxt.js Nedir? Tarihçesi ve Gelişimi Nuxt.js, Vue.js tabanlı bir framework olarak, sunucu tarafı...
HTML5 ile Geolocation API Kullanarak Konum Tabanlı Uygulama
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
HTML5 ile Geolocation API Kullanarak Konum Tabanlı Uygulama
HTML5 ile Geolocation API: Tarihçe ve Gelişim HTML5 ile Geolocation API'nın tarihi, web...
Vue.js ile Dinamik Formlar: Kullanıcı Deneyimini Geliştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Dinamik Formlar: Kullanıcı Deneyimini Geliştirme
Dinamik Formların Tarihçesi ve Gelişimi Dinamik formlar, web geliştirme süreçlerinde köklü bir...
Uzman Lottie Rehberi - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Uzman Lottie Rehberi - Detaylı Teknik Analiz Rehberi 2026
Lottie Nedir? Tarihçesi ve Gelişimi Lottie, Airbnb tarafından geliştirilen bir kütüphanedir ve...
Building a Browser-Based Keyboard Tester with Vanilla JavaScript
Dev.to · Zihang Dong 董子航 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Building a Browser-Based Keyboard Tester with Vanilla JavaScript
Have you ever bought a new mechanical keyboard only to discover a dead switch two weeks later — past...
HTML Table colspan and rowspan: 5 Fixes That Work
Dev.to · Drive Coding 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
HTML Table colspan and rowspan: 5 Fixes That Work
TL;DR HTML table colspan and rowspan let you merge cells horizontally and vertically so...
HTML5 ile Çizim Uygulamaları: Canvas ile Yaratıcı Projeler
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
HTML5 ile Çizim Uygulamaları: Canvas ile Yaratıcı Projeler
HTML5’in Tarihçesi ve Gelişimi HTML5, web standartlarının evrimiyle ortaya çıkan, zengin içerik ve...
Vue.js Uygulamalarında Performans İyileştirmeleri İçin İpuçları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js Uygulamalarında Performans İyileştirmeleri İçin İpuçları
Vue.js ve Performans İyileştirmeleri: Tarihçe ve Gelişim Vue.js, 2014 yılında Evan You tarafından...
React.js ile Test Driven Development (TDD) Yaklaşımı Uygulama
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Test Driven Development (TDD) Yaklaşımı Uygulama
React.js ve Test Driven Development (TDD) Tarihçesi React.js, Facebook tarafından 2013 yılında...
Vue.js Uygulamalarında Test Yazımının Temel Prensipleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js Uygulamalarında Test Yazımının Temel Prensipleri
Vue.js Uygulamalarında Test Yazımının Temel Prensipleri Test Geliştirmenin Tarihçesi ve Gelişimi...
Mastering Your Frontend Build with Bazel: Testing
Dev.to · Matti Bar-Zeev 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Mastering Your Frontend Build with Bazel: Testing
In my previous post I went through Bazelifying a single monorepo's package. That was mainly a study...
HTML5 ile Konum Tabanlı Uygulamalar Geliştirmenin Yolları Neler?
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
HTML5 ile Konum Tabanlı Uygulamalar Geliştirmenin Yolları Neler?
HTML5 ve Konum Tabanlı Uygulamaların Tarihçesi HTML5, web teknolojilerinin evrimi içinde önemli bir...
ReactPerplexity Politika Koruma Kuralları - Claude Code Skill Rehberi
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
ReactPerplexity Politika Koruma Kuralları - Claude Code Skill Rehberi
Frontend & JavaScript Modern web uygulamalarının temelini oluşturan JavaScript...
React.js ile Test Driven Development (TDD) Uygulamaları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Test Driven Development (TDD) Uygulamaları
React.js ile Test Driven Development (TDD) Uygulamaları TDD'nin Tarihçesi ve Gelişimi Test Driven...
React.js ile Halka Açık API Kullanarak Veri Çekme Yöntemleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Halka Açık API Kullanarak Veri Çekme Yöntemleri
React.js ile Halka Açık API Kullanarak Veri Çekme Yöntemleri Giriş: API'lerin Tarihçesi ve Gelişimi...
I Just Upgraded My Portfolio from Next.js 14 to Next.js 16 and Felt Like a Child Who Knows Nothing
Dev.to · Ingila Ejaz 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
I Just Upgraded My Portfolio from Next.js 14 to Next.js 16 and Felt Like a Child Who Knows Nothing
My honest journey through incremental framework upgrades, breaking changes, and lessons learned ...
Nuxt.js İle Yerel Geliştirme Ortamı Kurulum Rehberi: Adım Adım
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js İle Yerel Geliştirme Ortamı Kurulum Rehberi: Adım Adım
Nuxt.js Nedir? Nuxt.js, Vue.js tabanlı bir framework olup, modern web uygulamaları geliştirmek için...
CSS3 ile Duyarlı Web Tasarımı İçin İpuçları ve İnovasyonlar
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
CSS3 ile Duyarlı Web Tasarımı İçin İpuçları ve İnovasyonlar
CSS3 ile Duyarlı Web Tasarımı: Tarihçe ve Gelişim Duyarlı web tasarımı, web sitelerinin farklı...
React.js ile Test Driven Development Uygulamaları Geliştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Test Driven Development Uygulamaları Geliştirme
React.js ve Test Driven Development'in Tarihçesi React.js, 2013 yılında Facebook tarafından...
I built a fine dining restaurant website in pure HTML, CSS and JS — here's what's in it
Dev.to · Vatsal Dave 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
I built a fine dining restaurant website in pure HTML, CSS and JS — here's what's in it
Just finished Maison Noir — a restaurant website built in vanilla HTML, CSS and JS. No frameworks, no...
Nuxt.js ile Performans Optimizasyonu: Hızlı Yükleme İpuçları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Performans Optimizasyonu: Hızlı Yükleme İpuçları
Nuxt.js'in Tarihçesi ve Gelişimi Nuxt.js, Vue.js tabanlı bir framework olarak 2016 yılında...
İKC4 Kod: Frontend Geliştirme - Claude Code ile Geliştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
İKC4 Kod: Frontend Geliştirme - Claude Code ile Geliştirme
Web Geliştirme Web teknolojilerinde güncel kalarak projelerinizi bir üst seviyeye...
Nuxt.js ile Hata Yönetimi: Kullanıcı Deneyimini İyileştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Hata Yönetimi: Kullanıcı Deneyimini İyileştirme
Nuxt.js ve Hata Yönetimi: Tarihçe ve Gelişim Nuxt.js, Vue.js tabanlı bir framework olarak, istemci...
Nuxt.js ile Çeşitli Projeler İçin Gelişmiş Yapılandırmalar
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Çeşitli Projeler İçin Gelişmiş Yapılandırmalar
Nuxt.js ile Çeşitli Projeler İçin Gelişmiş Yapılandırmalar Nuxt.js Nedir? Tarihçesi ve Gelişimi...
React Query Mimarisi: Doğru Yapılandırma ve Tasarım Kalıpları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React Query Mimarisi: Doğru Yapılandırma ve Tasarım Kalıpları
React Query Nedir? React Query, modern web uygulamalarında veri yönetimi ve senkronizasyonu...
JavaScript Kütüphaneleri ile Web Tasarımınızı Geliştirin
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
JavaScript Kütüphaneleri ile Web Tasarımınızı Geliştirin
JavaScript Kütüphanelerinin Tarihçesi ve Gelişimi JavaScript, ilk kez 1995 yılında Brendan Eich...
CSS Variables Rehberi: Başlangıçtan İleri Seviyeye Tam Kılavuz
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
CSS Variables Rehberi: Başlangıçtan İleri Seviyeye Tam Kılavuz
CSS Değişkenlerinin Tarihçesi ve Gelişimi CSS değişkenleri, ilk kez CSS3 ile birlikte web...
React.js ile Çeşitli Test Araçları Kullanarak Uygulama Geliştirme
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Çeşitli Test Araçları Kullanarak Uygulama Geliştirme
React.js ve Test Araçlarının Tarihçesi React.js, Facebook tarafından 2013 yılında açık kaynaklı bir...
Next.js Kütüphanesi ile Projelerinizi Hızlandırmanın Yolları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Next.js Kütüphanesi ile Projelerinizi Hızlandırmanın Yolları
Next.js Nedir? Tarihçesi ve Gelişimi Next.js, Vercel tarafından geliştirilen bir React tabanlı...
CSS3 ile Kullanıcı Arayüzleri İçin Dinamik Hızlandırma Teknikleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
CSS3 ile Kullanıcı Arayüzleri İçin Dinamik Hızlandırma Teknikleri
CSS3’ün Tarihçesi ve Gelişimi CSS3, Cascading Style Sheets’in (Kaskadlı Stil Sayfaları) üçüncü...
React.js ile Web Uygulamalarında Stateless Bileşen Kullanımı
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Web Uygulamalarında Stateless Bileşen Kullanımı
React.js ve Bileşen Yapısı: Temel Kavramlar React.js, bileşen tabanlı bir kütüphane olarak, modern...
Nuxt.js ile Mobil Uygulama Geliştirme: İpuçları ve Yöntemler
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Mobil Uygulama Geliştirme: İpuçları ve Yöntemler
Nuxt.js Nedir? Tarihçesi ve Gelişimi Nuxt.js, Vue.js üzerinde geliştirilmiş bir framework olup,...
Responsive Web Tasarımında HTML5 ve CSS3 Kullanım Kılavuzu
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Responsive Web Tasarımında HTML5 ve CSS3 Kullanım Kılavuzu
Responsive Web Tasarımının Tarihçesi ve Gelişimi Responsive web tasarımının temelleri, 2000'li...
Vue.js ile Responsive Tasarım: Mobil Uyumlu Uygulama Rehberi
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Responsive Tasarım: Mobil Uyumlu Uygulama Rehberi
Vue.js ile Responsive Tasarım: Mobil Uyumlu Uygulama Rehberi Vue.js'in Tarihçesi ve Gelişimi...
Three Canvas Blur Effects Without a Library — Gaussian Convolution, Pixelate, and CSS Backdrop Blur
Dev.to · Shaishav Patel 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Three Canvas Blur Effects Without a Library — Gaussian Convolution, Pixelate, and CSS Backdrop Blur
Blur is one of the trickier image effects to implement in the browser because the Canvas API doesn't...
Vue.js Kullanımında Sık Yapılan Hatalar ve Çözüm Yöntemleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js Kullanımında Sık Yapılan Hatalar ve Çözüm Yöntemleri
Vue.js Kullanımında Sık Yapılan Hatalar ve Çözüm Yöntemleri Vue.js’nin Tarihçesi ve Gelişimi...
React.js ile Web Uygulamalarında Hata Yönetimi Nasıl Yapılır?
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js ile Web Uygulamalarında Hata Yönetimi Nasıl Yapılır?
React.js ve Hata Yönetimi: Tarihçe ve Gelişim React.js, 2013 yılında Facebook tarafından...
Nuxt.js ile Hızlı Geliştirme Süreci İçin En İyi Uygulamalar
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Hızlı Geliştirme Süreci İçin En İyi Uygulamalar
Nuxt.js Nedir? Nuxt.js, Vue.js tabanlı bir framework olarak, sunucu tarafı render'ı (SSR) ve statik...
Vue.js'de Props ve Emit Kullanımını Etkili Şekilde Anlamak
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js'de Props ve Emit Kullanımını Etkili Şekilde Anlamak
Vue.js ve Bileşen Tabanlı Mimari Vue.js, bileşen tabanlı bir yapı sunarak geliştiricilerin uygulama...
React.js'de Form Validasyonu: En İyi Kütüphaneler ve Yöntemler
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js'de Form Validasyonu: En İyi Kütüphaneler ve Yöntemler
React.js'de Form Validasyonu: Tarihçe ve Gelişim Form validasyonu, web uygulamalarında kullanıcı...
Vue.js ile Bileşen Tabanlı Geliştirme Süreçlerini Hızlandırın
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Bileşen Tabanlı Geliştirme Süreçlerini Hızlandırın
Vue.js: Tarihçe ve Gelişim Süreci Vue.js, 2014 yılında Evan You tarafından yaratılmış bir...
CSS Animation Scripting - Detaylı Teknik Analiz Rehberi 2026
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
CSS Animation Scripting - Detaylı Teknik Analiz Rehberi 2026
CSS Animasyonlarının Tarihçesi ve Gelişimi CSS animasyonları, 2000'li yılların başında web...
Vue.js ile Form Yönetimi: Doğru Veri Toplama Teknikleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Form Yönetimi: Doğru Veri Toplama Teknikleri
Tarihçe ve Gelişim Vue.js, 2014 yılında Evan You tarafından geliştirilen bir JavaScript...
Vue.js ile Web Uygulamalarında Reaktif Programlama Prensipleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Web Uygulamalarında Reaktif Programlama Prensipleri
Reaktif Programlamanın Tarihçesi ve Gelişimi Reaktif programlama, yazılım mühendisliğinde uzun bir...
Nuxt.js ile Dinamik Sayfalar Oluşturmanın Temel Yöntemleri
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Nuxt.js ile Dinamik Sayfalar Oluşturmanın Temel Yöntemleri
Tarihçe ve Gelişim Nuxt.js, Vue.js tabanlı bir framework olarak, 2016 yılında Alex Kyriakidis ve...
React.js Kullanarak Uygulama Performansını Artırmanın Yolları
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
React.js Kullanarak Uygulama Performansını Artırmanın Yolları
React.js Kullanarak Uygulama Performansını Artırmanın Yolları React.js'in Tarihçesi ve Gelişimi...
Vue.js ile Kullanıcı Arayüzünde Yenilikçi Özellikler Tasarlayın
Dev.to · FORUM WEB 🌐 Frontend Engineering ⚡ AI Lesson 3mo ago
Vue.js ile Kullanıcı Arayüzünde Yenilikçi Özellikler Tasarlayın
Vue.js’in Tarihçesi ve Gelişimi Vue.js, 2014 yılında Evan You tarafından geliştirilmeye başlandı....