SAPUI5 Grundlagen

JavaScript und TypeScript

(C) Brandeis Consulting.

YAML

(C) Brandeis Consulting.

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

```javascript
var name = "Anna";
alert("Hallo " + name);
(C) Brandeis Consulting.

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
(C) Brandeis Consulting.

Datentypen

  1. Number
  2. String
  3. Boolean
  4. Object
  5. Array
    ... und einige mehr.
(C) Brandeis Consulting.

Funktionen

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

begruessung("Anna");
(C) Brandeis Consulting.

Kontrollstrukturen

If-Anweisung

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

For-Schleife

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

DOM Manipulation

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

Zusammenfassung

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

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.
(C) Brandeis Consulting.