---
title: Webtechnologien für Entwickler
slug: Web
tags:
  - History
  - Landing
  - Web
  - Web Development
translation_of: Web
---
<p class="summary">Das offene Web bietet unglaubliche Möglichkeiten für Entwickler, die Webseiten oder Onlineanwendungen erstellen möchten. Um diese Technologien voll ausschöpfen zu können, müssen Sie wissen, wie man sie verwendet. Unten finden Sie Links zu unseren Dokumentationen zum Thema Webtechnologien.</p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Webtechnologien</h2>

<h3 id="Grundlagen">Grundlagen</h3>

<dl>
 <dt><a href="/de/docs/Web/HTML" title="/en-US/docs/Web/HTML">HTML</a></dt>
 <dd>Die Auszeichnungssprache <strong>HyperText Markup Language</strong> kommt bei der Erstellung von <em>Inhalten </em>für eine Webseite zum Einsatz.</dd>
 <dt><a href="/de/docs/Web/CSS" title="/en-US/docs/Web/CSS">CSS</a></dt>
 <dd><strong>Cascading Style Sheets</strong> werden verwendet, um das <em>Aussehen </em>einer Webseite zu definieren.</dd>
 <dt><a href="/de/docs/Web/HTTP">HTTP</a></dt>
 <dd><strong><dfn>Hypertext Transfer Protocol (HTTP)</dfn></strong> wird benutzt, um HTML und andere Medien über das Netz zu übertragen.</dd>
</dl>

<h3 id="Scripting">Scripting</h3>

<dl>
 <dt><a href="/de/docs/Web/JavaScript">JavaScript</a></dt>
 <dd>Die Programmiersprache <strong>JavaScript</strong> wird bei der Erstellung von anspruchsvolleren Webseiten und Anwendungen eingesetzt. Durch ihre Anwendung können dynamische Funktionen oder weitere Interaktionen zu einer Webseite hinzugefügt werden.</dd>
 <dt><a href="/de/docs/Web/Reference/API" title="/en-US/docs/Web/API">Web APIs</a></dt>
 <dd><strong>Web Application Programming Interfaces (Web APIs)</strong> enthalten Referenzmaterial für jede Einzelne der skriptfähigen APIs, einschließlich des <a href="/de/docs/DOM">DOM</a> und aller zugehörigen APIs und Schnittstellen, die Sie für die Erstellung von Webinhalten und Anwendungen einsetzen können.
 <ul>
  <li><a href="/de/docs/Web/API" title="/en-US/docs/Web/API">Web API Schnittstellen Referenz</a> - alle Schnittstellen in alphabetischer Reihenfolge.</li>
  <li>Auf der <a href="/de/docs/Web/WebAPI">WebAPI</a> Seite sind APIs für den Gerätezugriff und weitere für Anwendungen nützliche APIs aufgeführt.</li>
  <li>In der <a href="de/docs/Web/Events">Ereignis-Referenz</a> werden alle Ereignisse aufgelistet, die man nutzen kann, um auf den Benutzer zu reagieren.</li>
 </ul>
 </dd>
 <dt><a href="/de/docs/Web/Web_components">Webkomponenten</a></dt>
 <dd>Webkomponenten (<strong>Web components</strong>) sind eine Sammlung von Technologien, die es ermöglichen wiederverwendbare Elemente zu erstellen — wobei die Funktionalität vom Rest des Codes gekapselt wird — und in verschiedenen Webanwendungen benutzt werden kann.</dd>
</dl>

<h3 id="Grafik">Grafik</h3>

<dl>
 <dt><a href="https://developer.mozilla.org/en-US/docs/HTML/Canvas">Canvas</a></dt>
 <dd>Dieses {{HTMLElement("canvas")}} Element bietet APIs zum Zeichnen von 2D-Grafiken durch JavaScript an. </dd>
 <dt><a href="/de/docs/Web/SVG" title="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd><strong>Scalable Vector Graphics (SVG)</strong> ermöglichen es Ihnen, Bilder als Gruppen von Vektoren und Formen zu beschreiben. Dadurch kann reibungslos skaliert werden und die Objekte sehen in jeder Darstellungsgröße gleich aus. </dd>
 <dt><a href="/de/docs/Web/WebGL" title="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd><strong>WebGL</strong> ermöglicht 3D-Grafiken im Internet durch die Einführung einer API, die an OpenGL ES 2.0 angelehnt ist, und in HTML  {{HTMLElement("canvas")}} Elementen verwendet werden kann.</dd>
 <dt>
 <h3 id="Audio_Video_und_Multimedia">Audio, Video, und Multimedia</h3>
 </dt>
 <dt><a href="https://developer.mozilla.org/de/docs/Web/Media">Webmedientechnologien</a></dt>
 <dd>Eine Liste medienbezogener APIs mit Links zu deren jeweiliger Dokumentation.</dd>
 <dt><a href="https://developer.mozilla.org/de/docs/Web/Media/Overview">Übersicht über die Medientechnologien im Netz</a></dt>
 <dd>Ein Überblick über die freien Webtechnologien und APIs die Audio- und Video-Wiedergabe, -Bearbeitung und -Aufnahme ermöglichen. Wenn Sie sich unklar sind, welche API Sie nutzen sollten, dann sind Sie hier richtig.</dd>
 <dt><a href="https://developer.mozilla.org/de/docs/Web/API/Media_Streams_API">Medien-Aufnahme und -Streaming API</a></dt>
 <dd>Eine Liste der APIs die es ermöglichen, Medien sowohl lokal als auch übers Netzwerk aufzunehmen, zu bearbeiten und zu streamen. Dies beinhaltet auch das Nutzen von lokalen Kameras und Mikrofonen zur Aufzeichnung von Videos, Audio oder Fotos.</dd>
 <dt><a href="https://developer.mozilla.org/de/docs/Web/Guide/HTML/Using_HTML5_audio_and_video">Nutzen von HTML5 Audio und Video</a></dt>
 <dd>Wie man Videos und/oder Audios in eine Webseite einbindet und das Abspielen kontrollieren kann. </dd>
 <dt><a href="https://developer.mozilla.org/de/docs/WebRTC">WebRTC</a></dt>
 <dd>Das RTC in WebRTC steht für "Real-Time Communications" (Echtzeitkommunikation). Dies sind Technologien, die Audio/Video-Streaming und Datenübertragung zwischen Client-Browsern unterstützen. </dd>
</dl>

<h3 id="Weitere">Weitere</h3>

<dl>
 <dt><a href="/de/docs/Web/MathML" title="/en-US/docs/Web/MathML">MathML</a></dt>
 <dd>Die <strong>Mathematical Markup Language (MathML)</strong> ermöglicht es, komplexe mathematische Gleichungen und Syntaxen anzuzeigen.</dd>
</dl>
</div>

<div class="section">
<h2 class="Documentation" id="Docs_for_add-on_developers" name="Docs_for_add-on_developers">Lernbereich</h2>

<dl>
 <dt> </dt>
 <dt><a href="/de/docs/Learn">Lerne Webentwicklung</a></dt>
 <dd>Dieser Artikel enthält alles Material, das ein Anfänger benötigt, um einfache Webanwendungen zu entwickeln.</dd>
</dl>

<h2 id="Weitere_Themen">Weitere Themen</h2>

<dl>
 <dt><a href="/de/Apps">Webanwendungen entwickeln</a></dt>
 <dd>Dokumentation für Entwickler von Webanwendungen; Web Apps sind echte “Write-once, deploy anywhere” Apps für Mobil, Desktop und Firefox OS.</dd>
 <dt><a href="/de/docs/Web/Barrierefreiheit">Barrierefreiheit</a></dt>
 <dd>Barrierefreiheit in der Webentwicklung bedeutet, dass so viele Menschen wie möglich Webseiten verwenden können, auch wenn die Fähigkeiten dieser Menschen in irgendeiner Weise eingeschränkt sind. Hier informieren wir über die Entwicklung von zugänglichen Inhalten.</dd>
</dl>

<dl>
 <dt><a href="https://developer.mozilla.org/de/docs/Web/Security">Security</a></dt>
 <dd>Lerne hier, wie du es unterbindest, dass deine Webseite oder App unzulässige Daten herausgibt.</dd>
</dl>
</div>
</div>