Wprowadzenie do TypeScript

Czym jest TypeScript?

• TypeScript to nadzbiór języka JavaScript, który dodaje typowanie statyczne. Oznacza to, że dodaje on „dokumentację” do naszego kodu w postaci typów, co umożliwia łatwiejsze zarządzanie właściwościami i funkcjami obiektów.
• Typy pozwalają nam na łatwe odniesienie się do różnych właściwości i funkcji, które posiada dana wartość.

Dlaczego warto używać TypeScript?

• TypeScript sprawia, że kod jest bardziej przewidywalny i mniej podatny na błędy. Dzięki systemowi typów, możemy wykrywać błędy już na etapie kompilacji, a nie dopiero podczas działania programu.
• Daje nam możliwość lepszego zrozumienia struktury naszego kodu oraz pozwala na efektywniejszą współpracę w zespołach, ponieważ każdy wie, jakie wartości są oczekiwane w różnych częściach aplikacji.
• Działa tylko podczas procesu programowania (ang. development), a po kompilacji przekształca się w czysty JavaScript, co oznacza, że nie wpływa na wydajność aplikacji.

Instalacja i konfiguracja środowiska

1. Wymagania wstępne:
   • Zainstaluj Node.js (który zawiera npm – menedżer pakietów).
   • Upewnij się, że masz dostęp do terminala lub linii poleceń (cmd, PowerShell, bash itp.).
2. Instalacja TypeScript i konfiguracja:

• Otwórz terminal i wpisz poniższą komendę, aby globalnie zainstalować TypeScript i ts-node:

npm install -g typescript ts-node

Utworzenie projektu TypeScript:

• Stwórz nowy folder dla swojego projektu i przejdź do niego:

mkdir my-typescript-project
cd my-typescript-project

• Zainicjuj projekt npm:

npm init -y

• Stwórz nowy plik index.ts

touch index.ts

Możesz teraz otworzyć plik index.ts w edytorze kodu (np. Visual Studio Code).

worzenie pierwszego pliku .ts

1. Otwórz utworzony plik index.ts i wprowadź prosty kod:

const greeting: string = "Witaj, świecie!";
console.log(greeting);

Kompilacja do JavaScript:

• Aby skompilować plik TypeScript do JavaScript, użyj polecenia:

tsc index.ts

To polecenie wygeneruje plik index.js, który można uruchomić w przeglądarce lub za pomocą Node.js:

node index.js