Что такое TypeScript? 💡

TypeScript (TS) — это язык программирования, созданный Microsoft, который расширяет возможности JavaScript, добавляя строгую типизацию. Это делает код более предсказуемым и уменьшает количество ошибок. 🚀

TypeScript компилируется в обычный JavaScript, что позволяет использовать его в любом проекте, где работает JS.

Почему стоит изучать TypeScript? 🎯

• Безопасность: типизация предотвращает ошибки.

• Читаемость: код становится понятнее.

• Поддержка ES6+: новые функции JavaScript работают без проблем.

• Совместимость: можно использовать в любом JS-проекте.

Как установить TypeScript? 💻

Для работы с TypeScript тебе понадобится:

• ✅ Node.js (чтобы запускать код). Скачать можно с официального сайта.

• ✅ Компилятор TypeScript. Установить можно через терминал:

npm install -g typescript

Как проверить, установлен ли TypeScript? 🛠

Открой терминал и введи:

tsc --version

Если TypeScript установлен, появится его версия. Теперь можно писать код! 🚀

Основы синтаксиса TypeScript 📚

1. Переменные 📦

В TypeScript переменные объявляются с указанием типов.

Пример объявления переменных:

let name: string = "Alice";   // Строка
const age: number = 25;       // Число
let pi: number = 3.14;        // Число с плавающей точкой
let isStudent: boolean = true; // Булево значение

console.log(`Имя: ${name}, Возраст: ${age}, Число Пи: ${pi}, Студент: ${isStudent}`);

2. Вывод данных 📤

Для вывода данных в консоль используется console.log().

Пример:

console.log("Привет, TypeScript!");

3. Условные операторы (if...else) 🧐

Позволяют программе принимать решения.

Пример:

let age: number = 20;

if (age >= 18) {
    console.log("Ты взрослый!");
} else {
    console.log("Ты еще ребенок.");
}

4. Циклы (for, while) 🔄

Циклы позволяют выполнять одно и то же действие несколько раз.

Пример:

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

5. Функции 📐

Функции помогают структурировать код.

Пример:

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

console.log("Квадрат числа 5:", square(5));

Простые проекты на TypeScript 💡

1. Генератор случайных чисел 🎲

Программа генерирует случайное число от 1 до 100.

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

console.log("Случайное число:", getRandomNumber());

2. Фильтр четных чисел 🔢

Функция фильтрует четные числа из массива.

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

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

3. Проверка строки на палиндром 🔄

Программа проверяет, является ли строка палиндромом.

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

console.log("Является ли 'racecar' палиндромом?", isPalindrome("racecar"));

4. Подсчет слов в строке 🔢

Функция считает количество слов в строке.

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

console.log("Количество слов в 'Hello, TypeScript world!':", countWords("Hello, TypeScript world!"));

5. Фибоначчи последовательность 🔢

Программа вычисляет первые 10 чисел последовательности Фибоначчи.

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("Первые 10 чисел Фибоначчи:", fibonacci(10));

Заключение 🎉

TypeScript — это мощный инструмент для разработки, который делает код более надежным. Мы разобрали его основы: переменные, ввод/вывод, условия, циклы и функции. Теперь ты можешь писать свои первые программы! 🚀

Чем больше ты практикуешься, тем лучше становится твой код. Экспериментируй, пробуй новые задачи и осваивай программирование! Удачи в изучении TypeScript! 😊