📘 TypeScript

البرنامج الأول: Hello World وأساسيات البنية في TypeScript

Что это и зачем?

Представь, что ты даёшь роботу команду: "Скажи 'Привет, мир!'". Робот должен понять твой язык и выполнить задание. TypeScript — это такой язык для компьютера. Он помогает программистам писать команды, которые компьютер выполняет.

Первая программа "Hello World" — это как первое слово ребёнка. Она показывает, что ты научился общаться с компьютером. Даже если программа просто выводит текст, это уже победа! Ты говоришь компьютеру: "Сделай это", и он делает.

Зачем это нужно? Чтобы понять основы: как писать код, как его запускать, как исправлять ошибки. Без этого нельзя двигаться дальше. Это как учить алфавит перед чтением книг.

Синтаксис и примеры кода

Синтаксис — это правила написания команд. Как в русском языке: "Я иду в школу" — правильно, а "Я школа иду" — нет. В TypeScript тоже есть свои правила.

Пример 1: Простой вывод текста

// Это комментарий. Компьютер его игнорирует.
// Он нужен, чтобы программист понимал, что делает код.

console.log("Привет, мир!"); // Выводит текст в консоль

Здесь console.log — это команда "напиши в консоль". В скобках — что писать. Текст обязательно в кавычках. Точка с запятой в конце — как точка в предложении.

Пример 2: Переменные

// Переменная — это коробка, в которую можно положить значение.
let имя: string = "Анна"; // Создаём переменную "имя" с текстом "Анна"
let возраст: number = 12; // Создаём переменную "возраст" с числом 12

console.log("Меня зовут " + имя); // Выведет: Меня зовут Анна
console.log("Мне " + возраст + " лет"); // Выведет: Мне 12 лет

let — команда "создать переменную". После двоеточия — тип данных: string (текст) или number (число). Знак = присваивает значение.

Пример 3: Простые вычисления

let a: number = 5;
let b: number = 3;
let сумма: number = a + b; // Складываем числа

console.log("Сумма: " + сумма); // Выведет: Сумма: 8

Компьютер умеет считать. Можно складывать (+), вычитать (-), умножать (*), делить (/).

Пример 4: Условия

let возраст: number = 16;

if (возраст >= 18) { // Если возраст больше или равен 18
    console.log("Ты взрослый");
} else { // Иначе
    console.log("Ты ещё ребёнок");
}

if — это "если". В скобках — условие. Если оно верно, выполняется код в фигурных скобках. else — "иначе".

Пример 5: Функция

// Функция — это маленькая программа внутри программы.
function приветствие(имя: string): void {
    console.log("Привет, " + имя + "!");
}

приветствие("Максим"); // Вызов функции. Выведет: Привет, Максим!
приветствие("Оля"); // Выведет: Привет, Оля!

function — команда "создать функцию". В скобках — параметры (входные данные). : void — функция ничего не возвращает. Потом можно вызывать функцию много раз с разными данными.

Сравнение с Python

Python — другой язык программирования. Он проще для начинающих, но TypeScript даёт больше контроля. Посмотри, как одно и то же выглядит на двух языках.

Вывод текста:

// TypeScript
console.log("Привет, мир!");
# Python
print("Привет, мир!")

В Python команда print, в TypeScript — console.log. Разница небольшая.

Переменные:

// TypeScript
let имя: string = "Анна";
# Python
имя = "Анна"

В Python не нужно указывать тип (: string). TypeScript заставляет думать о типах, что помогает избегать ошибок.

Условия:

// TypeScript
if (возраст >= 18) {
    console.log("Взрослый");
} else {
    console.log("Ребёнок");
}
# Python
if возраст >= 18:
    print("Взрослый")
else:
    print("Ребёнок")

В Python нет фигурных скобок, вместо них — двоеточие и отступы. В TypeScript скобки обязательны.

Python проще для начала, но TypeScript учит дисциплине. Когда ты вырастешь как программист, TypeScript поможет писать большие и надёжные программы.

Типичные ошибки новичков

Ошибка 1: Забыл точку с запятой

// Неправильно
console.log("Привет")

// Правильно
console.log("Привет");

TypeScript часто прощает эту ошибку, но лучше ставить точку с запятой всегда. Это привычка профессионалов.

Ошибка 2: Неправильные кавычки

// Неправильно
console.log('Привет'); // Одинарные кавычки тоже работают, но лучше двойные

// Правильно
console.log("Привет");

В TypeScript можно использовать и одинарные, и двойные кавычки. Главное — не смешивать их в одной строке.

Ошибка 3: Забыл закрыть скобку

// Неправильно
console.log("Привет";

// Правильно
console.log("Привет");

Каждая открытая скобка должна быть закрыта. Представь, что скобки — это коробка: если открыл, закрой.

Ошибка 4: Неправильное имя переменной

// Неправильно
let 1имя: string = "Анна"; // Имя не может начинаться с цифры

// Правильно
let имя1: string = "Анна";

Имена переменных могут содержать буквы, цифры и знак подчёркивания, но начинаться должны с буквы.

Ошибка 5: Забыл указать тип

// Неправильно
let возраст = 12; // TypeScript сам догадается, но лучше указывать

// Правильно
let возраст: number = 12;

TypeScript может сам определить тип, но явное указание делает код понятнее для других программистов.

Ошибка 6: Путаница с равенством

// Неправильно
if (возраст = 18) { // Одно равно — присваивание, не сравнение

// Правильно
if (возраст === 18) { // Три равно — строгое сравнение

= — присвоить значение. === — проверить, равны ли значения. Новички часто путают.

Итог

Ты написал свою первую программу на TypeScript! Это большой шаг. Теперь ты знаешь:

  • Как выводить текст с помощью console.log
  • Как создавать переменные с типами string и number
  • Как выполнять простые вычисления
  • Как использовать условия if и else
  • Как создавать и вызывать функции
  • Как избегать типичных ошибок

TypeScript — это мощный инструмент. Он используется в больших проектах, таких как игры, сайты и приложения. Ты только начал, но уже умеешь главное — давать команды компьютеру.

Попробуй изменить примеры: напиши своё имя, придумай новые вычисления, добавь больше условий. Экспериментируй! Каждая ошибка — это урок. Чем больше ты практикуешься, тем лучше понимаешь.

Помни: все программисты начинали с "Hello World". Ты на правильном пути. Удачи!