JavaScript - Geschichte

Geschichte von JavaScript

Hallo, angehende Programmierer! Heute machen wir eine faszinierende Reise durch die Geschichte von JavaScript. Als dein freundlicher Nachbarschafts-Computerlehrer freue ich mich darauf, diese Geschichte mit euch zu teilen. Verspreche mir, es ist interessanter, als ihr denken könnt!

JavaScript - History

JavaScript, oft abgekürzt als JS, ist eine der beliebtesten Programmiersprachen der Welt heute. Aber wusstet ihr, dass es in nur 10 Tagen erstellt wurde? Lassen wir uns in seine Anfänge vertiefen.

Die Geburt von JavaScript

Im Jahr 1995 arbeitete ein genialer Programmierer namens Brendan Eich bei Netscape Communications. Das Internet war damals noch jung und Websites waren größtenteils statisch. Netscape wollte Webseiten dynamischer und interaktiver machen. Sie beauftragten Eich mit der Erstellung einer Programmiersprache, die in ihrem Browser, Netscape Navigator, ausgeführt werden konnte.

Eich nahm die Herausforderung an und in nur 10 Tagen erstellte er die erste Version von JavaScript. Ursprünglich wurde es "Mocha" genannt, dann kurzzeitig "LiveScript", bevor es finally auf "JavaScript" festgelegt wurde. Der Name wurde gewählt, um auf die Beliebtheit von Java aufzuspringen, obwohl die beiden Sprachen quite unterschiedlich sind!

Hier ist ein einfaches Beispiel frühen JavaScript:

alert("Hallo, Welt!");

Dieser Code würde eine Popup-Box im Browser mit der Nachricht "Hallo, Welt!" erstellen. Einfach, aber revolutionär für seine Zeit!

Standardisierung von JavaScript

Als JavaScript an Beliebtheit gewann, brauchte es eine Standardisierung. Im Jahr 1997 wurde JavaScript an ECMA International zur Standardisierung übermittelt, was zur ECMAScript-Spezifikation führte. ECMAScript ist der offizielle Name der Sprache, mit JavaScript als der bekanntesten Implementierung.

Hier ist ein Beispiel dafür, wie sich die JavaScript-Syntax entwickelt hat:

// ECMAScript 3 (1999)
var greeting = "Hallo, Welt!";
alert(greeting);

// ECMAScript 6 (2015)
let greeting = "Hallo, Welt!";
console.log(greeting);

Beobachtet, wie wir von var zu let für Variablendeklarationen und von alert zu console.log für die Ausgabe gewechselt sind. Diese Änderungen machten die Sprache robuster und benutzerfreundlicher.

Geschichte der JavaScript-Tafel

Schauen wir uns die wichtigsten Meilensteine in der Geschichte von JavaScript an:

Jahr Ereignis
1995 JavaScript wird von Brendan Eich bei Netscape erstellt
1996 JavaScript wird zur Standardisierung bei ECMA International vorgeschlagen
1997 ECMAScript 1 wird veröffentlicht
1998 ECMAScript 2 wird veröffentlicht
1999 ECMAScript 3 wird veröffentlicht
2009 ECMAScript 5 wird veröffentlicht
2015 ECMAScript 6 (ES6) wird veröffentlicht und bringt bedeutende Verbesserungen
2016-2021 Jährliche Veröffentlichungen von ECMAScript mit inkrementellen Updates

Zukunft von JavaScript

JavaScript hat seit seinen bescheidenen Anfängen einen langen Weg zurückgelegt und seine Zukunft sieht brighter als je zuvor aus. Hier sind einige aufregende Trends:

1. Web Assembly

Web Assembly (WASM) ist ein binäres Anweisungsformat, das es leistungsfähigen Anwendungen ermöglicht, in Webbrowsern zu laufen. Während es kein direkter Konkurrent zu JavaScript ist, ergänzt es es, indem es Entwicklern ermöglicht, Sprachen wie C++ oder Rust für leistungskritische Teile von Webanwendungen zu verwenden.

2. Serverseitiges JavaScript

Mit Plattformen wie Node.js ist JavaScript über den Browser hinausgewachsen. Hier ist ein einfaches Node.js-Serverbeispiel:

const http = require('http');

const server = http.createServer((req, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hallo, Serverseitiges JavaScript!');
});

server.listen(8080, () => {
console.log('Server läuft auf Port 8080');
});

Dieser Code erstellt einen einfachen HTTP-Server, der mit "Hallo, Serverseitiges JavaScript!" antwortet, wenn darauf zugegriffen wird.

3. Maschinelles Lernen im Browser

Bibliotheken wie TensorFlow.js bringen maschinelle Lernfähigkeiten direkt in den Browser. Hier ist ein einfaches Beispiel:

const model = tf.sequential();
model.add(tf.layers.dense({units: 1, inputShape: [1]}));

model.compile({loss: 'meanSquaredError', optimizer: 'sgd'});

const xs = tf.tensor2d([1, 2, 3, 4], [4, 1]);
const ys = tf.tensor2d([1, 3, 5, 7], [4, 1]);

model.fit(xs, ys, {epochs: 10}).then(() => {
model.predict(tf.tensor2d([5], [1, 1])).print();
});

Dieser Code erstellt ein einfaches maschinelles Lernmodell, das lernt, y = 2x - 1 vorherzusagen.

JavaScript-Browserunterstützung

Eine der Stärken von JavaScript ist seine hervorragende Browserunterstützung. Alle modernen Webbrowser unterstützen JavaScript, einschließlich:

  1. Google Chrome
  2. Mozilla Firefox
  3. Apple Safari
  4. Microsoft Edge
  5. Opera

Jeder Browser hat seine eigene JavaScript-Engine:

Browser JavaScript-Engine
Chrome V8
Firefox SpiderMonkey
Safari JavaScriptCore
Edge Chakra (alt) / V8 (neu)

Diese Engines interpretieren und führen JavaScript-Code aus, oft mit beeindruckender Leistung. Hier ist ein einfaches Code-Snippet, das in allen modernen Browsern funktioniert:

document.addEventListener('DOMContentLoaded', (event) => {
const button = document.createElement('button');
button.textContent = 'Klicke mich!';
button.addEventListener('click', () => {
alert('Button geklickt!');
});
document.body.appendChild(button);
});

Dieser Code erstellt eine Schaltfläche, die, wenn sie geklickt wird, eine Benachrichtigung anzeigt. Es verwendet standardmäßige DOM-Manipulationsmethoden, die in allen modernen Browsern unterstützt werden.

Zusammenfassend hat JavaScript eine unglaubliche Reise von einem 10-Tage-Projekt zu einer der wichtigsten Programmiersprachen der Welt gemacht. Seine Fähigkeit, sich zu entwickeln und anzupassen, hat es über 25 Jahre relevant gehalten und es zeigt keine Anzeichen von Verlangsamung. Während du deine Programmierreise fortsetzt, denke daran, dass jede Zeile JavaScript, die du schreibst, Teil dieser andauernden Geschichte ist. Viel Spaß beim Programmieren!

Credits: Image by storyset