Вітаємо!

Ви зробили невеликий крок для людини, але великий стрибок для вашої успішної кар'єри! Ви успішно завершили базовий курс з TypeScript, і це заслуговує на похвалу. Якщо ви виконали всі завдання та вивчили теорію — ви на правильному шляху! А якщо пропускали розділи лише заради сертифіката — це вже ваша справа.

Підсумуємо весь базовий курс, що таке TypeScript і чому він важливий. Згадаємо базовий синтаксис, переваги TypeScript та багато іншого.

Загалом

TypeScript — це мова програмування загального призначення, яка є надмножиною JavaScript. TypeScript вирізняється статичною типізацією, підсвічуванням помилок під час написання коду, підтримкою об'єктно-орієнтованого програмування та багатьма іншими покращеннями порівняно з JavaScript.

TypeScript користується популярністю та широко використовується. Це основний вибір для фронтенд-розробки у багатьох відомих компаніях і є ключовим компонентом різних популярних фреймворків. Найпростіший приклад — Angular.

Синтаксис

Для виведення інформації у консоль використовується наступний синтаксис:

console.log("Text we want to output");

Якщо потрібно оголосити змінну без зазначення типу, можна використати наступний синтаксис:

let name = value;

Змінна з типом:

let name: type = value;

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

// commented fragment

Багаторядковий коментар:

/* multi-line 
fragment */

Умовні оператори

Синтаксис оператора if:

if (condition) {
    // code to be executed if the condition is true
}

condition має бути типу boolean!

Оператор if-else:

if (first_condition) {
    // code block if the first condition is true
} else if (second_condition) {
    /* A block of code that will execute
       if the first condition is false
       and the second condition is true. */
} else {
    /* A block of code that will execute 
       if all previous conditions are false.
}

Switch-case:

switch (expression) {
    case value1:
        // Code to be execute if expression equals value1
        break;
    case value2:
        // Code to execute if expresson equals value2
        break;
    // Additional cases...

    default:
        /* Code to execute if none of the cases 
match the expression
}

Масиви

Оголошення масиву:

let name[]: type[] = [element1, elememt2, ... , elementN];

Індексація з нуля:

[0, 1, 2, ..., n];

Це означає, що перший елемент у масиві матиме індекс 0, другий елемент — індекс 1 і так далі.

Отримання елемента з масиву за індексом:

var element = array[index];

Ви також можете змінювати елементи масиву за їх індексами:

array[index] = value;

Ви можете ознайомитися з методами масивів у цьому розділі: Робота з елементами масиву

Цикли

Синтаксис while-loop:

while (condition) {
    // The code that the loop will execute 
    // while the condition is `true`
}

Ключове слово break використовується для негайного припинення виконання циклу.

Синтаксис циклу do-while:

do {
     // The code that the loop will execute 
    // while the condition is `true`
} while (condition)

Цикл do-while виконується щонайменше один раз.

Синтаксис циклу for:

for (initialization; condition; increment/decrement) {
    // Code to be executed in each iteration
}

Функції

Синтаксис функцій:

function name(parameter: type, optionalParameter?: type, defaultParameter: type = value) : returnType {
    // reusable code block
}

Як викликати функцію?

functionName(parameters);

Це основні поняття та синтаксис, які ви розглянули в цьому курсі.

Відтепер у вас є базові знання TypeScript, і ви можете писати прості програми та функції. У наступних курсах ви ознайомитеся з більш складними темами, такими як об'єктно-орієнтоване програмування, класи, об'єкти, анонімні функції та багато іншого.

Вітаємо з досягненням і бажаємо гарного відпочинку. Ви чудово впоралися!