Wybierz swój język
Szybki kurs TypeScript
Ponad 2 miliony studentów na całym świecie

Szybki kurs TypeScript

Przestań dostarczać błędy JavaScript, które TypeScript wyłapałby, zanim twój kod w ogóle został uruchomiony. Ten intensywny kurs przeprowadzi cię od zera do gotowości produkcyjnej, obejmując podstawowe typy, typy generyczne, zaawansowaną manipulację typami i rzeczywiste narzędzia. Niezależnie od tego, czy tworzysz interfejsy React, API Node.js, czy aplikacje na dużą skalę, od pierwszego dnia będziesz pisać czystszy i bezpieczniejszy kod.

Dedika dla firm

Czego się nauczysz:

Zaczniesz od skonfigurowania profesjonalnego środowiska TypeScript i zrozumienia, jak działa kompilator. Następnie opanujesz podstawowe typy, interfejsy i wzorce obiektowe, zanim przejdziesz do typów generycznych i zaawansowanej manipulacji typami. Kurs obejmuje asynchroniczny TypeScript, organizację modułów i pliki deklaracji, dzięki czemu będziesz pewnie korzystać z dowolnego pakietu npm. Nauczysz się również integrować TypeScript z potokami budowania, pisać typowane testy jednostkowe i egzekwować jakość kodu za pomocą ESLint. Dodatkowe sekcje obejmują TypeScript z React, API Node.js, dekoratory i migrację istniejących baz kodu JavaScript.

Jak uczysz się w praktyce Szybki kurs TypeScript

Jak ćwiczysz Szybki kurs TypeScript

Dla firm, które chcą szkolić swój zespół

W Dedika dla firm kurs zawiera ćwiczenia i przykłady dostosowane do Twojego biznesu i potrzeb Twojej firmy.

Kliknij tutaj

Treść kursu

8 Rozdziały • 36 LekcjeCzas trwania od 4 do 360 godzin (Ty decydujesz)

Rozdział 1Zobacz szczegóły

Podstawy TypeScript i Konfiguracja Środowiska

  • Lekcja 1 • Pisanie i Kompilacja Pierwszego Programu

    Napisz minimalny plik TypeScript, skompiluj go i przejrzyj wynikowy kod JavaScript. Łączy teorię z praktyką, pokazując pełny cykl tworzenia kodu.

  • Lekcja 2 • Instalacja i Konfiguracja Narzędzi

    Zainstaluj Node.js, kompilator TypeScript i edytor kodu z obsługą TypeScript. Otrzymasz gotowe do użycia lokalne środowisko programistyczne.

  • Lekcja 3 • Plik tsconfig.json

    Zrozum każdą główną opcję kompilatora w tsconfig.json i jej wpływ na wynik. Umożliwia precyzyjną kontrolę nad sprawdzaniem typów i generowaniem kodu na poziomie projektu.

  • Lekcja 4 • Czym Jest TypeScript i Dlaczego Ma Znaczenie

    Relacja TypeScript do JavaScript, model kompilacji do JS i problemy, które rozwiązuje. Stanowi koncepcyjną podstawę dla wszystkich kolejnych tematów.

Rozdział 2Zobacz szczegóły

Podstawowe Typy i Adnotacje Typów

  • Lekcja 1 • Wnioskowanie Typów i Typ any

    Zrozum, kiedy TypeScript wnioskuje typy automatycznie, a kiedy wymagane są jawne adnotacje. Wyjaśnia, dlaczego nadużywanie any osłabia system typów.

  • Lekcja 2 • Tablice, Krotki i Enumeracje

    Typuj kolekcje o stałej i zmiennej długości oraz definiuj nazwane zestawy stałych za pomocą enum. Obejmuje najczęstsze wzorce struktur danych w codziennym kodzie TypeScript.

  • Lekcja 3 • Typy Obiektowe i Aliasy Typów

    Definiuj kształty obiektów wbudowane i za pomocą wielokrotnego użytku aliasów typów. Uczy, jak modelować dane domenowe w sposób przejrzysty i unikać powtórzeń w bazie kodu.

  • Lekcja 4 • Typy Prymitywne

    Omówienie string, number, boolean, null, undefined, symbol i bigint wraz z ich różnicami behawioralnymi. Zapewnia atomowe elementy składowe dla wszystkich typowanych wyrażeń.

  • Lekcja 5 • Funkcje: Parametry i Typy Zwracane

    Adnotuj sygnatury funkcji, parametry opcjonalne, wartości domyślne i parametry resztkowe. Zapewnia, że funkcje są samodokumentujące się i bezpieczne typowo w każdym miejscu wywołania.

Rozdział 3Zobacz szczegóły

Interfejsy i Wzorce Obiektowe

  • Lekcja 1 • Kontrola Dostępu i Enkapsulacja

    Stosuj prywatne pola, gettery, settery i readonly do ochrony stanu wewnętrznego. Wzmacnia enkapsulację jako dyscyplinę projektową w klasach TypeScript.

  • Lekcja 2 • Definiowanie i Używanie Interfejsów

    Deklaruj interfejsy do opisywania kształtów obiektów i sygnatur funkcji. Ustanawia podstawowy mechanizm kontraktów używany w obiektowym TypeScript.

  • Lekcja 3 • Implementacja Interfejsów za Pomocą Klas

    Użyj słowa kluczowego implements, aby powiązać klasy z kontraktami interfejsów. Pokazuje, jak projektować luźno powiązane systemy, które są łatwe w testowaniu i wymianie.

  • Lekcja 4 • Klasy w TypeScript

    Definiuj klasy z typowanymi właściwościami, konstruktorami i metodami. Opiera się na wiedzy o interfejsach, pokazując, jak klasy implementują i egzekwują kontrakty.

  • Lekcja 5 • Dziedziczenie i Polimorfizm

    Rozszerzaj klasy i przesłaniaj metody, zachowując bezpieczeństwo typów. Demonstruje, jak TypeScript egzekwuje podstawienie Liskova poprzez swój mechanizm sprawdzania typów.

Rozdział 4Zobacz szczegóły

Generyki i Kod Wielokrotnego Użytku

  • Lekcja 1 • Ograniczenia Generyczne

    Ogranicz parametry typu za pomocą ograniczeń extends, aby bezpiecznie uzyskiwać dostęp do określonych właściwości. Zapobiega błędom w czasie wykonania poprzez zawężanie typów, które może przyjąć typ generyczny.

  • Lekcja 2 • Interfejsy i Klasy Generyczne

    Stosuj parametry typu do interfejsów i klas, aby tworzyć struktury danych wielokrotnego użytku. Rozszerza wiedzę o interfejsach i klasach na projekty sparametryzowane, wielotypowe.

  • Lekcja 3 • Wprowadzenie do Generyków

    Zrozum problem, który rozwiązują generyki, i napisz pierwszą funkcję generyczną. Łączy się z wcześniejszą wiedzą o typowaniu funkcji, pokazując, jak parametry typu uogólniają sygnatury.

  • Lekcja 4 • Typy Narzędziowe Oparte na Generykach

    Używaj wbudowanych typów narzędziowych TypeScript, takich jak Partial, Required, Readonly i Pick. Demonstruje, jak biblioteka standardowa wykorzystuje generyki do codziennych transformacji.

Rozdział 5Zobacz szczegóły

Zaawansowane Typy i Manipulacja Typami

  • Lekcja 1 • Typy Warunkowe

    Pisz typy, które rozwiązują się różnie w zależności od warunku, używając T extends U ? X : Y. Odblokowuje ekspresyjną logikę na poziomie typów dla autorów bibliotek i frameworków.

  • Lekcja 2 • Typy Unii i Przecięcia

    Łącz typy za pomocą | i &, aby wyrażać wartości, które mogą mieć jeden z kilku kształtów. Stanowi podstawę dla unii dyskryminowanych i zawężania typów.

  • Lekcja 3 • Typy Mapowane

    Transformuj istniejące typy, iterując po ich kluczach za pomocą składni typu mapowanego. Umożliwia systematyczne transformacje właściwości bez ręcznego powielania.

  • Lekcja 4 • Typy Literałów Template

    Konstruuj typy łańcuchowe dynamicznie za pomocą składni literału template na poziomie typów. Umożliwia precyzyjne typowanie wzorców łańcuchowych, takich jak nazwy zdarzeń i właściwości CSS.

  • Lekcja 5 • Zawężanie Typów i Strażnicy

    Zawężaj typy unii za pomocą typeof, instanceof, in i niestandardowych predykatów typów. Umożliwia bezpieczny dostęp do członków specyficznych dla typu po sprawdzeniu warunkowym.

Rozdział 6Zobacz szczegóły

Moduły, Przestrzenie Nazw i Struktura Projektu

  • Lekcja 1 • Aliasy Ścieżek i Referencje Projektów

    Skonfiguruj aliasy ścieżek w tsconfig.json i podziel duże bazy kodu za pomocą referencji projektów. Poprawia wydajność budowania i czytelność importów w konfiguracjach monorepo.

  • Lekcja 2 • Przestrzenie Nazw i Rozszerzanie Modułów

    Używaj przestrzeni nazw do logicznego grupowania i rozszerzania istniejących typów modułów. Obejmuje starsze wzorce i nowoczesną technikę rozszerzania definicji typów stron trzecich.

  • Lekcja 3 • Moduły ES w TypeScript

    Używaj składni import i export do dzielenia kodu między plikami z pełnym sprawdzaniem typów. Łączy opcje kompilatora z zachowaniem rozwiązywania modułów w rzeczywistych projektach.

  • Lekcja 4 • Pliki Deklaracji i @types

    Zrozum pliki .d.ts i jak pakiety DefinitelyTyped dostarczają typów dla bibliotek JavaScript. Umożliwia bezpieczne korzystanie z szerszego ekosystemu npm z kodu TypeScript.

Rozdział 7Zobacz szczegóły

Asynchroniczny TypeScript

  • Lekcja 1 • Iteratory i Generatory Asynchroniczne

    Użyj AsyncIterator<T> i funkcji generatora asynchronicznego do modelowania danych strumieniowych. Rozszerza wiedzę o iteratorach na asynchroniczne źródła danych, takie jak strumienie i strony API.

  • Lekcja 2 • Typowanie Obietnic

    Adnotuj typy zwracane Promise<T> i zrozum, jak parametr generyczny przepływa przez łańcuchy then. Opiera się na wiedzy o generykach, aby poprawnie typować dane asynchroniczne.

  • Lekcja 3 • Typowanie Callbacków i Emiterów Zdarzeń

    Definiuj typowane sygnatury callbacków i silnie typuj wzorce emiterów zdarzeń. Obejmuje starsze wzorce asynchroniczne wciąż powszechne w Node.js i API przeglądarek.

  • Lekcja 4 • Wzorce Async i Await

    Pisz funkcje asynchroniczne z typowanymi wartościami zwracanymi i obsługuj błędy za pomocą try/catch. Demonstruje, jak async/await upraszcza łańcuchy obietnic, zachowując jednocześnie bezpieczeństwo typów.

Rozdział 8Zobacz szczegóły

Testowanie, Narzędzia i Gotowość Produkcyjna

  • Lekcja 1 • Testowanie Jednostkowe z Typowanymi Frameworkami Testowymi

    Pisz testy jednostkowe w TypeScript, używając typowanego runnera testów i asertuj typy w czasie wykonania. Zapewnia, że kod testowy korzysta z tego samego bezpieczeństwa typów co kod produkcyjny.

  • Lekcja 2 • Lintowanie TypeScript za pomocą ESLint

    Skonfiguruj ESLint z regułami uwzględniającymi TypeScript, aby egzekwować styl kodu i wyłapywać problemy związane z typami. Uzupełnia kompilator, wychwytując problemy, których mechanizm sprawdzania typów nie oznacza.

  • Lekcja 3 • Potoki Budowania i Bundlery

    Zintegruj kompilację TypeScript z przepływami pracy bundlerów, używając narzędzi takich jak esbuild lub Webpack. Obejmuje mapy źródłowe, tryb obserwacji i zoptymalizowane kompilacje produkcyjne.

  • Lekcja 4 • Debugowanie Aplikacji TypeScript

    Używaj map źródłowych i debuggerów edytora do przechodzenia przez kod źródłowy TypeScript w czasie wykonania. Zamyka pętlę między tworzeniem a diagnozowaniem problemów w działających aplikacjach.

  • Lekcja 5 • Tryb Ścisły i Praktyki Jakości Kodu

    Włącz wszystkie ścisłe flagi kompilatora i zrozum, co każda z nich egzekwuje. Ustanawia bazę jakości, która zapobiega całym kategoriom błędów czasu wykonania.

Certyfikacja

Twój ważny certyfikat ukończenia

Ten kurs jest dla Ciebie:

  • JavaScript developer: gotowy, by dodać statyczne typowanie do codziennej pracy.

  • Frontend engineer: chce typowanych komponentów React i haków bez zgadywania.

  • Backend developer: tworzy API w Node.js, które wymagają wymuszonych kształtów żądań i odpowiedzi.

  • Student informatyki: uczy się standardowych narzędzi branżowych przed wejściem na rynek pracy.

  • Osoba zmieniająca karierę: pochodzi z języka z typowaniem i mapuje znane koncepcje na TypeScript.

  • Freelance developer: dąży do pewnego podejmowania większych, bardziej złożonych projektów klienckich.

Co mówią nasi uczniowie

Wasze lekcje są doskonałe. Kupiłem pakiet roczny i w końcu mam możliwość śledzenia różnych tematów, które mnie interesują, bez konieczności zmiany platformy... dziękuję za wszystko, co robicie, już polecałem was innym osobom...
Giulio Carlo
Giulio CarloStudent Marketingu Cyfrowego
Podoba mi się, jak lekcje są konkretne i jak mogę przełączać rozdziały i pomijać treści, których nie potrzebuję.
Mariana Ferres
Mariana FerresStudentka Fotografii
Podoba mi się treść i sposób prezentacji oraz transkrypcja filmów, co przyspiesza proces!
Luciana Alvarenga
Luciana AlvarengaStudentka Stylizacji Paznokci
Platforma jest szybka, prosta w użyciu. Różnorodność treści i filmy uzupełniające bardzo pomagają w nauce.
André Felipe
André FelipeStudent Inżynierii Promptów

Najważniejsze szkolenia

FAQ

Kim jest Dedika?

Czy certyfikat jest ważny w Polska?

Czy kursy są darmowe?

Jaki jest wymiar godzinowy kursu?

Jak wyglądają kursy?

Jak działają kursy?

Jaki jest czas trwania kursów?

Jaki jest koszt lub cena kursów?

Czym jest kurs EAD lub kurs online i jak działa?

Kurs PDF