Tüm kullanıcılarınız için tarayıcı genelinde çalışan, güzel, erişilebilir, hızlı ve güvenli web siteleri oluşturmanıza yardımcı olmak istiyoruz. Bu site, Chrome ekibinin üyeleri ve erişilebilirlik, performans, tasarım gibi web geliştirme konularında uzman olan harici uzmanlar tarafından yazılan, bu yolculukta size yardımcı olacak içeriklerin bulunduğu ana merkezimizdir.
Web Platformu Temel Bilgileri, web platformu özellikleri için tarayıcı desteği hakkındaki bilgilere açıklık getirerek hangi web platformu özelliklerinin şu anda projelerinizde kullanıma hazır olduğu hakkında net bilgiler sağlar. web.dev'deki bir makalede kullanılan özelliklerin tümü Temel düzeyde yer alıyorsa tarayıcı uyumluluğu düzeyine güvenebilirsiniz.
Daha fazla bilgi
Yapay zeka ile performanslı, web'e öncelik veren deneyimleri anlamanıza ve oluşturmanıza yardımcı olmak için oluşturulan kaynakları keşfedin.
Daha fazla bilgi
Interaction to Next Paint (INP) artık Core Web Vitals metrikleri arasında yer alıyor. Sitenizin INP'sini ölçmeye ve optimize etmeye başlayın.
Daha fazla bilgi
Kimlik ve ödeme işlemleriyle ilgili en son özellikler ve en iyi uygulamalar hakkında bilgi edinin.
Daha fazla bilgi
Web platformu, geliştiricilerin kullanımı kolay ve keyifli web siteleri oluşturmak için kullanabileceği tarayıcı özelliklerinden ve API'lerden oluşan, sürekli gelişen bir ekosistemdir. Bu sayfalar, web.dev'deki web platformunun her bölümüne kendi hızınızda dalmanıza olanak tanıyan yollardur:
HTML, web'in doküman katmanıdır ve sayfalara yapı ve anlam sağlar.
Daha fazla bilgi
CSS, web'in sunum katmanıdır ve web sayfalarınızı istediğiniz gibi görünmesini sağlar.
Daha fazla bilgi
JavaScript, web sayfalarına zengin etkileşim sağlar. Böylece geliştiriciler, kullanıcıların görevlerini yerine getirmesine ve hedeflerine ulaşmasına yardımcı olan zengin etkileşimli web siteleri oluşturabilir.
Daha fazla bilgi
Web platformunda yeni misiniz? Size destek olmaya hazırız. HTML, CSS ve JavaScript'e yeni başlayanlar için özel olarak hazırlanmış bu kurslarla web platformunun her bir bölümüne göz atın.
Kurs
Yeni başlayanlardan uzman düzeyinde HTML'ye kadar tüm geliştiriciler için güçlü bir HTML genel bakışı.
Kursu başlat
Kurs
Erişilebilirlikten Z-endeksine kadar her konuyu kapsayan modüller içeren bir CSS rehberi.
Kursu başlat
Kurs
JavaScript'in temelleri hakkında ayrıntılı bir kurs.
Kursu başlat
Blogumuzda, yeni web platformu özellikleri, referans değerler, yapay zeka, Core Web Vitals ve daha fazlası ile ilgili web geliştirmeyle ilgili en son haberler yer alır. Blogumuzu okuyarak en son gelişmelerden haberdar olun.
Blogu okuyun

CSS ve kullanıcı arayüzü tasarımı

İşinizde kullanabileceğiniz en yeni ipuçlarını ve teknikleri hemen öğrenin.
CSS'yi keşfedin
İçeriğinizi en rahat şekilde okuyabilmeleri için kullanıcılarınızın tercihlerine uygun bir yazı tipi ayarlayın.
Tüm önemli motorlar artık yeni CSS renk alanlarını ve işlevlerini desteklemektedir. Tasarımlarınıza nasıl canlılık katabileceklerini öğrenin.
Kaynak eşlemeleriyle web'de hata ayıklama deneyimini iyileştirin.
Alt ızgara artık üç büyük motorun hepsinde birlikte çalışabiliyor. Nasıl kullanacağınızı öğrenin.

Core Web Vitals

Önemli Web Verileri ve diğer metrikleri anlayarak daha hızlı web siteleri ve uygulamalar oluşturun.
Önemli Web Verileri'ni keşfedin
Next Paint ile etkileşim, resmi olarak Önemli Web Verileri haline gelecek ve 12 Mart'ta First Input Delay'in yerini alacak.
Sonraki boyamayla etkileşim metriği için nasıl optimizasyon yapacağınızı öğrenin.
Web'in durumuna göre web sitelerinin Core Web Vitals performansını optimize etmeye yönelik en iyi uygulamalar koleksiyonu
Resim optimizasyonunun ötesine geçerek ve ilk bayt süresi (TTFB) ve kaynak yükleme gecikmesi gibi faktörleri göz önünde bulundurarak Largest Contentful Paint'i (LCP) optimize etmeyle ilgili yaygın yanlış anlamaları keşfedin.

Progresif Web Uygulamaları

Özellikli web deneyimleri oluşturun.
PWA hakkında daha fazla bilgi
Modern progresif web uygulaması geliştirme sürecini her yönüyle ayrıntılı olarak ele alan bir kurs.
Dönüşüm akışları Safari, Firefox ve Chrome'da desteklendiğinden nihayet prime time için hazırdır.
Pano desenleri, dosya kalıpları ve gelişmiş uygulama kalıpları dahil olmak üzere harika uygulamalar için yeni kalıpların muhteşem koleksiyonunu inceleyin.
Chrome Geliştiricileri sitesinde, özellikler API'lerini keşfedin.

Herkes için erişilebilir

Kalıcı, geçici veya durumsal fark etmeksizin sitelerinizi engelli kişiler için nasıl daha erişilebilir hale getirebileceğinizi öğrenin.
Erişilebilirlik hakkında daha fazla bilgi
Yeni kursumuz, erişilebilirlik konuları için ideal bir giriş noktası ve başvuru noktasıdır.
Tasarımınızın erişilebilir renk kontrastını test etmek ve doğrulamak için kullanılan üç araca ve tekniğe genel bakış.
Bu eğitimde, bir web sitesinde erişilebilir bir ana gezinmenin nasıl oluşturulacağı açıklanmaktadır. Anlamsal HTML'yi, erişilebilirliği ve ARIA özelliklerini kullanmanın bazen faydadan çok zarar verdiği konusunda bilgi edinirsiniz.
Dijital erişilebilirlik konusunda uzman yazılım mühendisi Melanie ile yaptığımız röportajı okuyun.

Ödemeler ve kimlik

Ödemeler ve kullanıcıların sitelerinize ve uygulamalarınıza güvenli bir şekilde giriş yapmalarına yardımcı olma ile ilgili en yeni teknikleri ve en iyi uygulamaları keşfedin.
Kimlik hakkında daha fazla bilgi
Geçiş anahtarları, kullanıcı hesaplarını daha güvenli, basit ve kullanımı kolay hale getirir.
Mevcut şifre kullanıcılarını karşılamaya devam ederken geçiş anahtarlarını kullanan bir oturum açma deneyimi oluşturun.
Web Ödemeleri ve işleyiş şekilleri hakkında daha fazla bilgi edinin.
Kullanıcılarınızın adres ve ödeme formlarını mümkün olduğunca hızlı ve kolay bir şekilde doldurmasına yardımcı olarak dönüşüm sayısını en üst düzeye çıkarın.

Geliştirici Bülteni

En son haberlere, tekniklere ve güncellemelere gelen kutunuzdan ulaşın.