SAPUI5 Grundlagen

JavaScript und TypeScript

YAML

JavaScript Syntax

String Literale

const var = 'ABC';
const var2 = "ABC";

String Templates

const var3 = `ABC`;
const var4 = `Mein Name ist ${getUserName()}!`

String Templates mischen literale Zeichenketten mit Ausdrücken! Wie im ABAP!

Ein kompletter Folienkurs ist in diesem Format schwer zu repräsentieren, aber ich kann Ihnen ein Markdown-Skript geben, das Sie als Ausgangspunkt für Ihre Präsentation nutzen können. Sie können dann ein Tool wie reveal.js oder ähnliches verwenden, um diesen Markdown-Inhalt in eine schöne Folienpräsentation zu konvertieren.

Hier ist ein einfacher Satz von Folien in Markdown, um die Grundlagen von JavaScript zu erklären:

Einführung in JavaScript

Was ist JavaScript?

  • Eine Scriptsprache für Webbrowser.
  • Ermöglicht interaktive Webseiten.
  • Funktioniert auf fast allen modernen Webbrowsern.

Wo schreibt man JavaScript?

  1. Direkt im HTML-Dokument: zwischen <script> Tags.
  2. In einer externen .js Datei.

Grundlegende Syntax

var name = "Anna";
alert("Hallo " + name);

Variablen

  • Speichern von Daten zur späteren Verwendung.
  • var, let, const sind Stichworte zum Deklarieren von Variablen.
var alter = 25;  // Veraltet
let jahre = 25;  // Modern
const maxJahre = 100;  // Konstante

Datentypen

  1. Number
  2. String
  3. Boolean
  4. Object
  5. Array
    ... und einige mehr.

Funktionen

function begruessung(name) {
    alert("Hallo " + name);
}

begruessung("Anna");

Kontrollstrukturen

If-Anweisung

if (bedingung) {
    // Anweisungen
} else if (andereBedingung) {
    // Anweisungen
} else {
    // Anweisungen
}

For-Schleife

for (let i = 0; i < 10; i++) {
    console.log(i);
}

DOM Manipulation

  • "Document Object Model" = Struktur einer Webseite.
  • Mit JavaScript können wir diese Struktur ändern.
document.getElementById("meinElement").innerText = "Neuer Text";

Zusammenfassung

  • JavaScript macht Webseiten interaktiv.
  • Grundlegende Bausteine: Variablen, Funktionen, Kontrollstrukturen.
  • Möglichkeiten sind nahezu endlos!

Danke für Ihre Aufmerksamkeit!


Sie können diesen Markdown-Inhalt weiter anpassen, um ihn spezifischer oder ausführlicher zu machen, je nach den Bedürfnissen Ihrer Präsentation.