Was ist TypeScript? 💡

TypeScript (TS) ist eine von Microsoft entwickelte Programmiersprache, die JavaScript erweitert, indem sie strenge Typisierung. Dies macht den Code vorhersehbarer und reduziert die Anzahl der Fehler. 🚀

TypeScript wird in normales JavaScript kompiliert, sodass es in jedem Projekt verwendet werden kann, in dem JS funktioniert.

Warum sollte man TypeScript lernen? 🎯

• Sicherheit: Typisierung verhindert Fehler.

• Lesbarkeit: der Code wird verständlicher.

• ES6+ Unterstützung: neue JavaScript-Funktionen funktionieren ohne Probleme.

• Kompatibilität: kann in jedem JS-Projekt verwendet werden.

Wie installiere ich TypeScript? 💻

Um mit TypeScript zu arbeiten, benötigen Sie:

• ✅ Node.js (um den Code auszuführen). Sie können es herunterladen von der offiziellen Website.

• ✅ TypeScript-Compiler. Kann über das Terminal installiert werden:

npm install -g typescript

Wie überprüfe ich, ob TypeScript installiert ist? 🛠

Öffne das Terminal und gib Folgendes ein:

tsc --version

Wenn TypeScript installiert ist, wird seine Version angezeigt. Jetzt können Sie Code schreiben! 🚀

Grundlagen der TypeScript-Syntax 📚

1. Variablen 📦

In TypeScript werden Variablen mit Typen deklariert.

Beispiel für die Deklaration von Variablen:

let name: string = "Alice";   // Zeile
const age: number = 25;       // Anzahl
let pi: number = 3.14;        // Gleitkommazahl
let isStudent: boolean = true; // Boolescher Wert

console.log(`Name: ${name}, Age: ${age}, Pi: ${pi}, Student: ${isStudent}`);

2. Datenausgabe 📤

console.log() wird verwendet, um Daten in der Konsole auszugeben.

Beispiel:

console.log("Hello, TypeScript!");

3. Bedingte Operatoren (if...else) 🧐

Ermöglichen dem Programm, Entscheidungen zu treffen.

Beispiel:

let age: number = 20;

if (age >= 18) {
    console.log("You're an adult!");
} else {
    console.log("You're still a child.");
}

4. Schleifen (for, while) 🔄

Mit Schleifen können Sie dieselbe Aktion mehrmals ausführen.

Beispiel:

for (let i: number = 1; i <= 5; i++) {
    console.log(i);
}

5. Funktionen 📐

Funktionen helfen, den Code zu strukturieren.

Beispiel:

function square(x: number): number {
    return x * x;
}

console.log("Square of the number 5:", square(5));

Einfache Projekte in TypeScript 💡

1. Zufallszahlengenerator 🎲

Das Programm generiert eine Zufallszahl von 1 bis 100.

function getRandomNumber(): number {
    return Math.floor(Math.random() * 100) + 1;
}

console.log("Random number:", getRandomNumber());

2. Filter für gerade Zahlen 🔢

Die Funktion filtert gerade Zahlen aus dem Array.

function filterEvenNumbers(numbers: number[]): number[] {
    return numbers.filter(num => num % 2 === 0);
}

console.log(filterEvenNumbers([1, 2, 3, 4, 5, 6]));

3. Überprüfung der Zeichenfolge auf Palindrom 🔄

Das Programm prüft, ob die Zeichenfolge ein Palindrom ist.

function isPalindrome(str: string): boolean {
    const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
    return cleanStr === cleanStr.split('').reverse().join('');
}

console.log("Is 'racecar' a palindrome?", isPalindrome("racecar"));

4. Wörter in einer Zeile zählen 🔢

Die Funktion zählt die Anzahl der Wörter in einer Zeile.

function countWords(text: string): number {
    return text.split(" ").length;
}

console.log("Number of words in 'Hello, TypeScript world!':", countWords("Hello, TypeScript world!"));

5. Fibonacci-Sequenz 🔢

Das Programm berechnet die ersten 10 Zahlen der Fibonacci-Sequenz.

function fibonacci(n: number): number[] {
    let fib: number[] = [0, 1];
    for (let i = 2; i < n; i++) {
        fib.push(fib[i - 1] + fib[i - 2]);
    }
    return fib;
}

console.log("The first 10 Fibonacci numbers:", fibonacci(10));

Fazit 🎉

TypeScript ist ein leistungsstarkes Entwicklungstool, das den Code zuverlässiger macht. Wir haben uns mit den Grundlagen befasst: Variablen, Ein-/Ausgabe, Bedingungen, Schleifen und Funktionen. Jetzt kannst du deine ersten Programme schreiben! 🚀

Je mehr du übst, desto besser wird dein Code. Experimentiere, probiere neue Aufgaben aus und lerne Programmieren! Viel Glück beim Erlernen von TypeScript! 😊