Delen via


Webontwikkeling in Windows

Microsoft biedt verschillende bronnen voor webontwikkelaars, waaronder nieuwe hulpprogramma's en functies die webontwikkeling ondersteunen met Behulp van Windows. In deze handleiding worden veel van de hulpprogramma's beschreven die beschikbaar zijn om Windows uw ideale omgeving te maken om op internet te ontwikkelen. Zie API's voor webontwikkelingvoor een lijst met API's.

WebView, DevTools, PWA's

pictogram WebView 2
WebView 2
Sluit webinhoud (HTML, CSS en JavaScript) in uw systeemeigen toepassingen in met Microsoft Edge WebView2. WebView 2 downloaden

Pictogram van Microsoft Edge DevTools
Microsoft Edge DevTools
Microsoft Edge-ontwikkelhulpprogramma's zijn een set hulpprogramma's voor inspectie en foutopsporing die rechtstreeks zijn ingebouwd in de Microsoft Edge-browser. Als u DevTools wilt openen, heeft Microsoft Edge de focus:

  • Klik met de rechtermuisknop en inspecteer
  • Selecteer de F12-toets
  • Ctrl + Shift + i

PWA-pictogram
Progressive Web Apps op Windows
Progressive Web Apps (PWA's) bieden uw gebruikers een systeemeigen, app-achtige ervaring die is aangepast voor hun apparaten. Het zijn websites die geleidelijk worden uitgebreid om te functioneren, zoals systeemeigen apps op ondersteunende platforms.
Aan de slag met PWA's

Microsoft Edge-browser

Microsoft Edge-pictogram
Microsoft Edge voor ontwikkelaars
De nieuwe Microsoft Edge is gebaseerd op Chromium om betere webcompatibiliteit en minder fragmentatie van onderliggende webplatforms te creëren. Uitgebracht op 15 januari 2020, wordt het ondersteund in Windows, macOS, iOS en Android.
De nieuwe Microsoft Edge- installeren

Microsoft Edge voor Bedrijven-
Microsoft Edge voor Bedrijven-
Microsoft Edge is gebaseerd op Chromium en biedt ondersteuning voor ondernemingen. Krijg stapsgewijze instructies voor het configureren en implementeren van de beschikbare meerdere kanalen.
Microsoft Edge-kanaal downloaden

Microsoft Edge Insider-pictogram
Microsoft Edge Insider-
We bouwen elke dag iets nieuws voor Microsoft Edge. Meer informatie over onze recente voortgang en hoe u betrokken kunt raken. Microsoft Edge Beta-versie downloaden

pictogram voor Microsoft Edge-ondersteuning
Microsoft Edge-ondersteunings
Hulp krijgen bij het aanpassen van uw browser, het toevoegen van extensies, het bijhouden van preventie, probleemoplossing en meer. Hulp krijgen bij Microsoft Edge

Foutopsporing, testen en toegankelijkheid

VS Marketplace Edge-debuggerextensie
Microsoft Edge Tools voor VS Code
Zonder Visual Studio Code te verlaten, gebruikt u Microsoft Edge DevTools om verbinding te maken met een exemplaar en de HTML-structuur van de runtime weer te geven, indelingen, stijlen (CSS) te wijzigen, consoleberichten te lezen en netwerkaanvragen weer te geven.
Microsoft Edge Tools voor VS Code installeren

WebHint-pictogram
WebHint voor toegankelijkheid
Een aanpasbaar linting-hulpprogramma waarmee u de toegankelijkheid, snelheid, compatibiliteit tussen browsers en meer van uw site kunt verbeteren door uw code te controleren op aanbevolen procedures en veelvoorkomende fouten.
VS Code-extensie installeren
browserextensie installeren
CLI installeren

WebDriver-pictogram
WebDriver
Sluit de lus in uw ontwikkelaarscyclus door het testen van uw website in Microsoft Edge te automatiseren met Microsoft WebDriver.
WebDriver- installeren

Visual Studio code editors

VS Code pictogram
VS Code
Een lichtgewicht broncode-editor met ingebouwde ondersteuning voor JavaScript, TypeScript, Node.js, een uitgebreid ecosysteem van extensies (C++, C#, Java, Python, PHP, Go) en runtimes (zoals .NET en Unity).
VS Code installeren

pictogram van Visual Studio
Visual Studio (IDE)
Een geïntegreerde ontwikkelomgeving die u kunt gebruiken om apps te bewerken, fouten op te sporen, code te bouwen en te publiceren, waaronder compilers, voltooiing van intellisense-code en nog veel meer functies.
Visual Studio- installeren

marketplace-pictogram van VS Code
VS Code Marketplace voor extensies
Bekijk de vele verschillende extensies die beschikbaar zijn om uw Visual Studio Code-editor aan te passen.
Extensies Installeren

pictogram van Visual Studio Marketplace
Visual Studio Marketplace voor extensies
Verken de vele verschillende extensies die beschikbaar zijn om uw geïntegreerde Ontwikkelomgeving van Visual Studio aan te passen.
Extensies installeren

WSL, Terminal, Package Manager, Docker Desktop

WSL-pictogram
Windows-subsysteem voor Linux-
Gebruik uw favoriete Linux-distributie volledig geïntegreerd met Windows (niet meer nodig voor dual-boot).
WSL- installeren

Windows Terminal-pictogram
Windows Terminal
Pas uw terminalomgeving aan om te werken met meerdere opdrachtregelshells.
Terminal- installeren

Windows Package Manager-pictogram
Windows Package Manager
Gebruik de winget.exe-client met uw opdrachtregel om apps in Windows te installeren of uw eigen pakketten naar Windows Package Manager te verzenden.
Windows Package Manager-winget-client installeren

Docker Desktop voor Windows-pictogram
Docker Desktop voor Windows
Maak externe ontwikkelcontainers met ondersteuning van Visual Studio, VS Code, .NET, Windows-subsysteem voor Linux of diverse Azure-services.
Docker Desktop voor Windows installeren

ASP.NET, Typescript, .NET MAUI

ASP.NET pictogram
ASP.NET
Een platformoverschrijdend framework voor het bouwen van web-apps en -services, IoT-apps (Internet of Things) of mobiele back-ends met .NET en C#. Bouw uitgebreide interactieve webgebruikersinterface met Blazor-. Gebruik uw favoriete ontwikkelhulpprogramma's in Windows, macOS en Linux. Implementeren in de cloud of op locatie. Uitvoeren op .NET.
ASP.NET installeren

TypeScript-pictogram
Typescript
TypeScript breidt JavaScript uit door typen toe te voegen aan de taal. JavaScript biedt bijvoorbeeld taalprimitief zoals tekenreeks, getal en object, maar controleert niet of u deze consistent hebt toegewezen. TypeScript doet dat wel.
Probeer in uw browserLokaal installeren

.NET MAUI-pictogram
.NET MAUI
Met .NET Multi-Platform App UI (.NET MAUI) kunt u systeemeigen apps bouwen met behulp van een .NET platformoverschrijdende UI-toolkit die is gericht op de mobiele en desktopformulierfactoren op Android, iOS, macOS, Windows en Tizen.
.NET MAUI installeren

Open Source-bijdragen

OpenSource-icoon
Open Source bij Microsoft
Duizenden Microsoft-technici gebruiken, dragen elke dag bij aan open source en brengen deze vrij. Populaire projecten zijn Onder andere Visual Studio Code, TypeScript, .NET en ChakraCore.
Raak betrokken

pictogram voor documenten
bijdragen aan de documenten
De meeste documentatiesets bij Microsoft zijn open source en worden gehost op GitHub. Bijdragen door problemen in te dienen of pull-aanvragen te ontwerpen.
Meer informatie over

Cloudontwikkeling met Azure

Azure-icoon
Azure
Een volledig cloudplatform voor het hosten van uw bestaande apps en het stroomlijnen van nieuwe ontwikkeling. Azure-services integreren alles wat u nodig hebt om uw apps te ontwikkelen, testen, implementeren en beheren.
een Azure-account instellen

pictogram Azure Cognitive Services
Azure Cognitive Services-
Cloudservices met REST API's en clientbibliotheek-SDK's die beschikbaar zijn om cognitieve intelligentie in uw toepassingen te bouwen.
Cognitive Service uitproberen

Azure ontwikkelaarsgids pictogram
Bladeren in Azure-producten
Azure biedt een enorme verscheidenheid aan producten en services: bekijk de documentatie of bekijk de Azure-productbeschrijvingen en -prijzen.
een Azure-account instellen

Aanvullende informatiebronnen

ontwikkelomgeving pictogram instellen
uw ontwikkelomgeving instellen in Windows
Hulp krijgen bij het instellen van uw ontwikkelomgeving om te werken met Python, NodeJS, C#, C, C++, Android-apps bouwen, Windows-bureaublad-apps bouwen, Docker-containers bouwen, PowerShell-scripts uitvoeren en meer.
Aan de slag

React Native voor Desktop pictogram
React Native voor Desktop
Breng React Native-ondersteuning naar de Windows SDK en macOS 10.13 SDK. Gebruik JavaScript om systeemeigen Windows-apps te bouwen voor alle apparaten die worden ondersteund door Windows, waaronder pc's, tablets, 2-in-1s, Xbox, Mixed reality-apparaten, enzovoort, evenals de macOS-desktop- en laptopecosystemen.
React Native installeren voor Windows
React Native installeren voor MacOS-

Leerpictogram
Microsoft Learn-cursussen met betrekking tot webontwikkeling
Microsoft Learn biedt gratis online cursussen om een verscheidenheid aan nieuwe vaardigheden te leren en Microsoft-producten en -services te ontdekken met stapsgewijze richtlijnen.
Beginnen met leren

Overgang tussen Mac en Windows

Bekijk onze handleiding voor het overstappen tussen een Ontwikkelomgeving voor Mac en Windows (of Windows Subsystem voor Linux).