Aracılığıyla paylaş


Windows'da web geliştirme

Microsoft, Windows kullanarak web geliştirmeyi destekleyen yeni araçlar ve özellikler de dahil olmak üzere web geliştiricileri için çeşitli kaynaklar sunar. Bu kılavuz, Windows'u web'de geliştirmek için ideal ortamınız haline getirmek için kullanılabilen birçok aracı kapsar. API'lerin listesi için bkz. web geliştirmeAPI'leri.

Windows'da geliştirme ortamınızı ayarlama

WebView, DevTools, PWA'lar

WebView 2 simgesi
WebView 2
Microsoft Edge WebView2 ile yerel uygulamalarınıza web içeriği (HTML, CSS ve JavaScript) ekleyin. WebView 2 İndir

Microsoft Edge Geliştirici Araçları simgesi
Microsoft Edge Geliştirici Araçları

Microsoft Edge Geliştirici Araçları, doğrudan Microsoft Edge tarayıcısına yerleşik olarak sunulan bir dizi inceleme ve hata ayıklama aracıdır. Microsoft Edge'in odakta olduğu DevTools'u açmak için:

  • Sağ tıklayın ve ardından İncele'ye tıklayın
  • F12 anahtarını seçin
  • Ctrl + Shift + i

PWA simgesi
Windows'da Aşamalı Web Uygulamalarını
Aşamalı Web Uygulamaları (PWA'lar), kullanıcılarınıza cihazları için özelleştirilmiş yerel, uygulama benzeri bir deneyim sağlar. Bunlar, destekleyici platformlardaki yerel uygulamalar gibi işlev görecek şekilde aşamalı olarak geliştirilmiş web siteleridir.
PWA'ları kullanmaya başlama

Microsoft Edge tarayıcısı

Microsoft Edge simgesi
Geliştiriciler için Microsoft Edge

Yeni Microsoft Edge, temel web platformlarında daha iyi web uyumluluğu ve daha az parçalanma oluşturmak için Chromium'u temel alır. 15 Ocak 2020'de yayımlandı, Windows, macOS, iOS ve Android'de desteklenir.
Yeni Microsoft Edge yükleme

İş İçin Microsoft Edge
İş İçin Microsoft Edge

Microsoft Edge, Chromium'u temel alır ve kurumsal destek sunar. Kullanılabilir birden çok kanalı yapılandırma ve dağıtma hakkında adım adım yönergeler alın.
Microsoft Edge kanalını indirme

Microsoft Edge Insider simgesi
Microsoft Edge Insider
Microsoft Edge için her gün yeni bir şeyler oluşturuyoruz. Son ilerleme durumumuz ve nasıl katılabileceğiniz hakkında bilgi edinin. Microsoft Edge Beta sürümünü indirme

Microsoft Edge Desteği simgesi
Microsoft Edge Desteği
Tarayıcınızı özelleştirme, uzantı ekleme, izleme önleme, sorun giderme ve daha fazlası hakkında yardım alın. Microsoft Edge ile ilgili yardım alın

Hata Ayıklama, Test ve Erişilebilirlik

VS Marketplace Edge Hata Ayıklayıcısı uzantısı
Microsoft Edge Araçları VS Code için
Visual Studio Code'dan çıkmadan bir örneğe bağlanmak ve çalışma zamanı HTML yapısını görüntülemek, düzenleri, stilleri (CSS) değiştirmek, konsol iletilerini okumak ve ağ isteklerini görüntülemek için Microsoft Edge DevTools'u kullanın.
VS Code için Microsoft Edge Araçları'nı yükleme

WebHint simgesi
Erişilebilirlik için WebHint
Kodunuzu en iyi yöntemler ve yaygın hatalar açısından denetleyerek, sitenizin erişilebilirliğini, hızını, tarayıcılar arası uyumluluğunu ve daha fazlasını geliştirmenize yardımcı olan özelleştirilebilir bir lint aracı.
VS Code uzantısını yükleme
Tarayıcı uzantısını yükleme
CLI Kurulum

WebDriver simgesi
WebDriver
Microsoft Edge'de Microsoft WebDriver ile web sitenizin testini otomatikleştirerek geliştirici döngünüzdeki döngüyü kapatın.
WebDriver yükleme

Visual Studio kod düzenleyicileri

VS Code simgesi
VS Code
JavaScript, TypeScript, Node.js, zengin bir uzantı ekosistemi (C++, C#, Java, Python, PHP, Go) ve çalışma zamanları (.NET ve Unity gibi) için yerleşik desteğe sahip basit bir kaynak kodu düzenleyicisi.
VS Code Yükle

Visual Studio simgesi
Visual Studio (IDE)
Derleyiciler, intellisense kod tamamlama ve daha birçok özellik dahil olmak üzere uygulamaları düzenlemek, hatalarını ayıklamak, kod oluşturmak ve yayımlamak için kullanabileceğiniz tümleşik bir geliştirme ortamı.
Visual Studio Yükle

VS Code marketplace simgesi
Uzantılar için VS Code Pazarı
Visual Studio Code düzenleyicinizi özelleştirmek için kullanılabilecek birçok farklı uzantıyı keşfedin.
Uzantıları Yükleme

Visual Studio Marketplace simgesi
Uzantılar için Visual Studio Marketi
Visual Studio tümleşik geliştirme ortamınızı özelleştirmek için kullanılabilecek birçok farklı uzantıyı keşfedin.
Uzantıları Yüklemek

WSL, Terminal, Paket Yöneticisi, Docker Desktop

WSL simgesi
Windows için Linux Alt Sistemi
Sık kullandığınız Linux dağıtımını Windows ile tamamen tümleştirilmiş olarak kullanın (artık çift önyüklemeye gerek yok).
WSL'yi yükleyin

Windows Terminal simgesi
Windows Terminal
Terminal ortamınızı birden fazla komut kabuğuyla çalışacak şekilde özelleştirin.
Terminal Yükleyin

Windows Paket Yöneticisi simgesi
Windows Paket Yöneticisi
Windows'a uygulama yüklemek için komut satırınızla winget.exe istemcisini kullanın veya kendi paketleriniziWindows Paket Yöneticisi'ne gönderin.
Windows Paket Yöneticisi winget istemcisini yükle

Windows için Docker Desktop'simgesi
Windows için Docker Desktop
Visual Studio, VS Code, .NET, Linux için Windows Alt Sistemi veya çeşitli Azure hizmetlerinin desteğiyle uzaktan geliştirme kapsayıcıları oluşturun.
Windows için Docker Desktop'ı yükleme

ASP.NET, Typescript, .NET MAUI

ASP.NET simgesi
ASP.NET
Web uygulamaları ve hizmetleri, Nesnelerin İnterneti (IoT) uygulamaları veya .NET ve C# ile mobil arka uçlar oluşturmaya yönelik platformlar arası bir çerçeve. Blazorile zengin etkileşimli web kullanıcı arabirimi oluşturun. Windows, macOS ve Linux'ta en sevdiğiniz geliştirme araçlarını kullanın. Buluta veya yerinde dağıtın. .NET üzerinde çalıştırın.
ASP.NET Yükle

Typescript simgesi
Typescript
TypeScript, dile tür ekleyerek JavaScript'i genişletir. Örneğin, JavaScript dize, sayı ve nesne gibi dil temel öğelerini sağlar, ancak bunları tutarlı bir şekilde atadığınızdan denetlemez. TypeScript yapar.
Tarayıcınızda deneyinYerel olarak yükleme

.NET MAUI simgesi
.NET MAUI
.NET Çok platformlu Uygulama Kullanıcı Arabirimi (.NET MAUI), Android, iOS, macOS, Windows ve Tizen'de mobil ve masaüstü form faktörlerini hedefleyen bir .NET platformlar arası kullanıcı arabirimi araç seti kullanarak yerel uygulamalar oluşturmanıza olanak tanır.
.NET MAUI'yi yükle

Açık Kaynak katkıları

OpenSource simgesi
Microsoft'ta Açık Kaynak
Binlerce Microsoft mühendisi her gün açık kaynak kullanıyor, bu kaynaklara katkıda bulunup yayınlar. Visual Studio Code, TypeScript, .NET ve ChakraCore popüler projelerdir.
Dahil olun

belgeler simgesi
Belgelere katkıda bulunma
Microsoft'taki belge kümelerinin çoğu açık kaynaktır ve GitHub'da barındırılır. Sorunları bildirerek veya çekme istekleri yazarak katkıda bulunun.
Öğrenin nasıl

Azure ile bulut geliştirme

Azure simgesi
Azure
Mevcut uygulamalarınızı barındırmak ve yeni geliştirmeyi kolaylaştırmak için eksiksiz bir bulut platformu. Azure hizmetleri uygulamalarınızı geliştirmek, test etmek, dağıtmak ve yönetmek için ihtiyacınız olan her şeyi tümleştirir.
Azure hesabı oluşturun

azure bilişsel hizmetler simgesi
Azure Bilişsel Hizmetler

Uygulamalarınızda bilişsel zeka oluşturmanıza yardımcı olmak için kullanılabilir REST API'leri ve istemci kitaplığı SDK'ları ile bulut tabanlı hizmetler.
Bilişsel Hizmet'i deneyin

azure geliştirme kılavuzu simgesi
Azure ürünlerine göz atın
Azure çok çeşitli ürün ve hizmetler sunar. Belgelere göz atın veya Azure ürün açıklamalarına ve fiyatlandırmabakın.
Azure hesabı oluşturma

Ek kaynaklar

Geliştirme ortamını ayarla simgesi
Windows'da geliştirme ortamınızı ayarlama
Python, NodeJS, C#, C, C++ ile çalışmak, Android uygulamaları oluşturmak, Windows masaüstü uygulamaları derlemek, Docker kapsayıcıları oluşturmak, PowerShell betiklerini çalıştırmak ve daha fazlası için geliştirme ortamınızı ayarlama konusunda yardım alın.
Başlarken

Desktop için React Native simgesi
Masaüstü için React Native
React Native desteğini Windows SDK ve macOS 10.13 SDK'sına getirin. Bilgisayarlar, tabletler, 2'si bir arada cihazlar, Xbox, Karma gerçeklik cihazları vb. dahil olmak üzere Windows tarafından desteklenen tüm cihazlara ve macOS masaüstü ve dizüstü bilgisayar ekosistemlerine yönelik yerel Windows uygulamaları oluşturmak için JavaScript kullanın.
Windows için React Native Yükleme
MacOS için React Native'i Yükleme

Öğren simgesi
Web geliştirme ile ilgili Microsoft Learn kurslarını
Microsoft Learn, çeşitli yeni beceriler öğrenmek ve adım adım yönergelerle Microsoft ürün ve hizmetlerini keşfetmek için ücretsiz çevrimiçi kurslar sunar.
Öğrenmeye Başlama

Mac ve Windows arasında geçiş

Mac ve Windows (veya Linux için Windows Alt Sistemi) geliştirme ortamı arasında geçiş yapmak için kılavuzumuzu inceleyin.