Przejdź do głównej treści
eLearner.app

Interaktywny kurs

Kurs TypeScript

Opanuj TypeScript, typowany nadzbiór języka JavaScript. Dowiedz się, jak pisać bezpieczniejszy i bardziej solidny kod dzięki typom prostym, interfejsom, aliasom typów, uniom, zawężaniu typów (type narrowing) oraz programowaniu generycznemu (Generics).

Statyczna weryfikacja za pomocą słów kluczowych + wykonanie w oficjalnym TypeScript Playground (jedno kliknięcie do skopiowania kodu + otwarcie).

01 · Moduł 1 — Podstawy TypeScript

2 lekcji

Podstawy systemu typów: adnotacje dla typów prostych, parametrów funkcji, tablic i krotek.

  1. 1.1Typy proste i adnotacjeDowiedz się, jak dodawać jawne adnotacje typów do zmiennych i funkcji, aby zapobiegać błędom na etapie kompilacji.~10 min
  2. 1.2Tablice i KrotkiPraca z jednorodnymi kolekcjami (tablice) oraz krotkami o stałej długości i typach elementów.~10 min

02 · Moduł 2 — Typy i Interfejsy

2 lekcji

Tworzenie złożonych struktur danych za pomocą interfejsów i aliasów oraz praca z elastycznymi typami unii.

  1. 2.1Alias typu vs InterfejsZrozumienie różnicy między definiowaniem struktury obiektu przy użyciu interfejsu (Interface) a aliasu typu (Type alias).~12 min
  2. 2.2Unie i Zawężanie typówPraca ze zmiennymi akceptującymi wiele typów (Union Types) oraz zawężanie typu w czasie wykonywania (Type Narrowing).~15 min

03 · Moduł 3 — Typy generyczne i Funkcje

2 lekcji

Funkcje z parametrami opcjonalnymi, sygnatury typów funkcji oraz potężny świat typów generycznych.

  1. 3.1Typowane funkcjeOkreślanie parametrów opcjonalnych, definiowanie złożonych sygnatur i eksportowanie sygnatur typów funkcji.~12 min
  2. 3.2Podstawy typów generycznychPisanie kodu wielokrotnego użytku i bezpiecznego typologicznie za pomocą parametrów generycznych dla funkcji i interfejsów.~15 min

04 · Moduł 4 — Klasy i Typy Utility

2 lekcji

Programowanie zorientowane obiektowo przy użyciu klas oraz wbudowane typy pomocnicze (utility types) do przekształcania istniejących typów.

  1. 4.1Klasy i ModyfikatoryTworzenie klas z modyfikatorami dostępu (public, private, readonly) oraz implementowanie interfejsów.~15 min
  2. 4.2Typy pomocnicze (Utility)Upraszczanie i ponowne wykorzystywanie istniejących typów przy użyciu Partial, Readonly, Pick oraz Omit.~15 min

05 · Moduł 5 — Zaawansowane Typy i Strażnicy

2 lekcji

Głębsze poznanie systemu typów dzięki własnym strażnikom typów (type guards), typom literalnym, asercjom typów oraz typom szablonowym.

  1. 5.1Strażnicy TypówTworzenie własnych strażników typów przy użyciu predykatów typów w celu bezpiecznego zawężania.~15 min
  2. 5.2Typy literalne i asercjePraca z precyzyjnymi typami literalnymi, typami szablonowymi oraz wymuszanie typów w czasie wykonywania przy użyciu as i as const.~15 min

06 · Moduł 6 — Typy Warunkowe i Mapowane

2 lekcji

Tworzenie typów dynamicznych i przekształcanie istniejących za pomocą typów warunkowych, operatora infer oraz typów mapowanych.

  1. 6.1Typy Warunkowe i inferUżywanie trójargumentowego operatora typów (T extends U ? X : Y) i wyodrębnianie dynamicznych typów za pomocą słowa kluczowego infer.~15 min
  2. 6.2Typy MapowanePrzekształcanie i tworzenie nowych typów poprzez iterowanie po kluczach istniejących typów ({ [K in keyof T]: ... }).~15 min

07 · Moduł 7 — Konfiguracja i Integracja

2 lekcji

Dowiedz się, jak skonfigurować kompilator TypeScript za pomocą pliku tsconfig.json oraz rozszerzać istniejące typy dzięki Declaration Merging.

  1. 7.1Konfiguracja z tsconfig.jsonPoznawanie kluczowych opcji pliku tsconfig.json takich jak target, module, strict i ich wpływu na kompilację.~12 min
  2. 7.2Deklaracje i MergingRozszerzanie zewnętrznych bibliotek i pisanie plików deklaracji (.d.ts) przy użyciu mechanizmu Declaration Merging.~15 min