Programmieren lernen

Mit der weltweit größten Website für Webentwickler.


Sie sind sich nicht sicher, wo Sie anfangen sollen?

HTML

Die Sprache zum Erstellen von Webseiten

Lernen Sie HTML
VideoanleitungNEU
HTML-Referenz

HTML-Beispiel:

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS

Die Sprache zum Gestalten von Webseiten

Lernen Sie CSS
CSS-Referenz

CSS-Beispiel:

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

JavaScript

Die Sprache zum Programmieren von Webseiten

JavaScript lernen
JavaScript-Referenz

JavaScript-Beispiel:

<button onclick="myFunction()">Click Me!</button>

<script>
function myFunction() {
  let x = document.getElementById("demo");
  x.style.fontSize = "25px";
  x.style.color = "red";
}
</script>

PYTHON

Eine beliebte Programmiersprache

Lernen Sie Python
Python-Referenz

Python-Beispiel:

if 5 > 2:
  print("Five is greater than two!")

SQL

Eine Sprache für den Zugriff auf Datenbanken

Lernen Sie SQL
SQL-Referenz

SQL-Beispiel:

SELECT * FROM Customers
WHERE Country='Mexico';

PHP

Eine Webserver-Programmiersprache
Lerne PHP

jQuery

Eine JS-Bibliothek zum Entwickeln von Webseiten
Lernen Sie jQuery

Java

Eine Programmiersprache
Lernen Sie Java

C++

Eine Programmiersprache
Lernen Sie C++

W3.CSS

Ein CSS-Framework für schnellere und besser reagierende Webseiten
Lernen Sie W3.CSS

Bootstrap

Ein CSS-Framework zum Entwerfen besserer Webseiten
Lerne Bootstrap

Code-Editor

Mit unserem Online-Code-Editor können Sie Code bearbeiten und das Ergebnis in Ihrem Browser anzeigen



Frontend-Code-Editor



W3Schulräume

Erstellen Sie Ihre eigene Website mit W3Schools Spaces.


Kostenlos starten

Farbwähler

Der berühmte Farbwähler von W3Schools

Farbwähler

Code-Spiel

Hilf dem Luchs Tannenzapfen zu sammeln!

Code-Spiel

Spiel spielen

Übungen und Quiz

Testen Sie Ihre Fähigkeiten!


Webvorlagen

Durchsuchen Sie unsere Auswahl an kostenlosen responsiven HTML-Vorlagen

W3.CSS-Vorlagen

VORLAGEN DURCHSUCHEN

How To-Abschnitt

Codeschnipsel für HTML, CSS und JavaScript

So erstellen Sie beispielsweise eine Diashow:

LERNEN WIE MAN