webrun

JavaScript Online-Compiler und Playground

Deine private JavaScript-Sandbox. Dein Code bleibt im Browser und verlässt dein Gerät nie. Lerne, teste, prototypiere!

Ausgabe:

Die Ausgabe erscheint hier...

Teilen und Lernen

  • Sicher teilen - Code über zeitlich begrenzte Links mit optionalem Passwortschutz teilen.
  • KI-Erklärungen - Ein KI-Assistent erklärt, wie der Code funktioniert, damit Lernen und Verständnis leichter werden.
  • KI-Code-Review - Ein KI-Assistent prüft den Code auf Fehler, Lesbarkeit und mögliche Verbesserungen.

Über JavaScript

JavaScript ist die Programmiersprache des Webs. Es ist eine vielseitige, hochstufige Sprache, die in Browsern läuft und interaktive Webseiten ermöglicht. Mit modernen Frameworks wird JavaScript verwendet, um reichhaltige, interaktive Anwendungen zu erstellen.

Warum JavaScript?

  • Universell - Läuft in jedem Browser ohne Installation
  • Vielseitig - Frontend-, Backend-, Mobile- und Desktop-Entwicklung
  • Reiches Ökosystem - npm hat das größte Paket-Repository der Welt
  • Ereignisgesteuert - Perfekt für interaktive Anwendungen
  • Große Community - Viele Ressourcen und Community-Support

Typische Einsatzbereiche

  • Interaktive Webseiten
  • Single-Page-Applications (React, Vue, Angular)
  • Web-APIs und Services
  • Browser-Erweiterungen
  • Spieleentwicklung
  • Datenvisualisierung

Kurzes Beispiel

Hier ist ein einfaches JavaScript-Programm zum Einstieg:

// Hallo Welt ausgeben
console.log("Hallo, Welt!");

// Variablen und Datentypen
const name = "JavaScript";
let version = "ES2024";
var isAwesome = true;

console.log(`${name} ${version} ist großartig: ${isAwesome}`);

// Arrays und Schleifen
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => {
  console.log(`Zahl: ${num}`);
});

// Funktionen
function greet(name) {
  return `Hallo, ${name}!`;
}

console.log(greet("Entwickler"));

JavaScript-Funktionen

  • Dynamische Typisierung - Variablen können jeden Datentyp halten
  • Funktionen erster Klasse - Funktionen sind Objekte und können weitergegeben werden
  • Prototypische Vererbung - Objekte erben von anderen Objekten
  • Closures - Funktionen können auf äußere Variablen zugreifen
  • Async/Await - Moderne asynchrone Programmierung
  • Module - ES6-Modulsystem zur Codeorganisation

Modernes JavaScript (ES6+)

  • Arrow Functions
  • Template Literals
  • Destructuring
  • Spread/Rest Operators
  • Promises and Async/Await
  • Classes

Lernressourcen