Witamy w TypeScript dla Testera - praktycznym przewodniku zaprojektowany specjalnie dla testerów, którzy chcą nauczyć się programować w języku TypeScript!
Wspólnie przeprowadzimy Cię przez teorię, przykładami i praktycznymi ćwiczeniami. Dzięki temu zbudujesz solidne podstawy w TypeScript.
Nie jest wymagane żadne wcześniejsze doświadczenie programistyczne.
Zaczniemy od podstaw i poprowadzimy Cię krok po kroku przez rózne koncepty.
Important
Sprawdź darmowe lekcje z tego kursu na YouTube:
Tip
🧠 To jest skrócony przegląd języka TypeScript skupiony na najważniejszych funkcjach powszechnie używanych w automatyzacji testów.
Chcesz bardziej zgłębić temat?
Sprawdź dodatkowe materiały i kursy wymienione poniżej:
- 📚 Czego się nauczysz
- 🎯 Grupa docelowa
- 📋 Wymagania wstępne
- 🚀 Pierwsze kroki
- 💡 WSKAZÓWKA: Jak szybko uruchamiać pliki TypeScript?
- ⚒️ Struktura projektu
- 📝 Ćwiczenia
- 🛠️ Rozwiązywanie problemów
- 📘 Przegląd
- 📚 Linki i zasoby
- 📞 Kontakt i wsparcie
- 📚 Materiały do nauki
To repozytorium pomoże Ci zrozumieć podstawowe koncepcje TypeScript, które są powszechnie używane w automatyzacji testów.
Nauczysz się również podstaw programowania!
Więc nie potrzebujesz żadnego technicznego background'u, aby zacząć!
Jako tester, nauka TypeScript pomoże Ci:
- Czytać i rozumieć kod (zarówno testów automatycznych, jak i aplikacji)
- Tworzyć i modyfikować proste skrypty
- Pisać lepsze skrypty we frameworku
- Efektywnie współpracować z programistami i inżynierami automatyzacji
Important
Sprawdź wideo na YouTube o tym kursie:
- Testerzy manualni rozpoczynający swoją przygodę z automatyzacją
- Inżynierowie QA rozszerzający swoje umiejętności automatyzacji
- Inżynierowie automatyzacji testów pracujący z projektami TypeScript
- Każdy, kto chce podnieść swoje umiejętności techniczne
Czego potrzebujesz na swoim komputerze:
- VS Code - edytor kodu - https://code.visualstudio.com/
- Node.js (LTS v22.17.0) https://nodejs.org/
Important
Sprawdź wideo na YouTube gdzie opowiadmy o tym projekcie:
Upewnij się, że masz zainstalowane Node.js i npm (Node Package Manager). Możesz to sprawdzić, uruchamiając następujące polecenia w terminalu:
# Sprawdź czy Node.js jest zainstalowany
node --version
# Sprawdź czy npm jest zainstalowany
npm --versionW konsoli lub terminalu, przejdź do katalogu, w którym chcesz umieścić projekt, a następnie sklonuj repozytorium:
git clone https://github.com/jaktestowac/typescript-dla-testera
cd typescript-dla-testeraUruchom terminal w katalogu projektu i wpisz:
npm installTeraz jesteś gotowy, aby uruchomić swój pierwszy skrypt TypeScript!
W katalogu theory/0-base/ znajdziesz plik 1-hello-world.ts, który jest prostym przykładem.
Możesz go uruchomić na dwa sposoby:
# Uruchom skrypt hello world
npm run t0s1lub uruchomić go bezpośrednio z tsx:
# Lub uruchom go bezpośrednio z tsx
npx tsx theory/0-base/1-hello-world.tsTip
💡 To najłatwiejszy sposób na uruchamianie plików TypeScript w VS Code!
Możesz również użyć rozszerzenia Code Runner w VS Code, aby uruchamiać pliki TypeScript bezpośrednio!
- Zainstaluj rozszerzenie Code Runner.
- Otwórz plik TypeScript (np.
theory/0-base/1-hello-world.ts). - Aby uruchomić:
- kliknij prawym przyciskiem myszy i wybierz Run Code
- użyj skrótu
Ctrl + Alt + N(Windows/Linux) lubCmd + Option + N(Mac).
To wykona plik TypeScript używając tsx automatycznie!
Możesz uruchamiać pliki TypeScript bezpośrednio używając tsx bez wcześniejszej kompilacji.
To świetne rozwiązanie do szybkiego testowania i nauki!
npx tsx <file.ts>Na przykład, aby uruchomić pierwszy przykład TypeScript:
npx tsx theory/0-base/1-hello-world.tsTip
📖 Szukasz pełnego programu kursu i spisu lekcji? Zajrzyj do theory/README.md, gdzie znajdziesz szczegółowy spis wszystkich lekcji i modułów!
typescript-dla-testera/
├── README.eng.md # Dokumentacja projektu (angielski)
├── README.md # Dokumentacja projektu (polski)
├── package.json # Konfiguracja projektu i skrypty npm
├── tsconfig.json # Konfiguracja TypeScript
├── assets/ # Obrazy i loga
├── theory/ # Moduły nauki TypeScript z przykładami
│ ├── README.md # Program kursu i indeks lekcji
│ ├── 0-base/ # Pierwsze kroki
│ ├── 1-variables-and-types/
│ ├── 2-operators-and-expressions/
│ ├── 3-conditionals/
│ ├── 4-arrays-and-loops/
│ ├── 5-functions/
│ ├── 6-objects-interfaces/
│ ├── 7-modules-and-ecosystem/
│ ├── 8-async-await/
│ └── 9-ts-features/
└── exercises/ # Ćwiczenia praktyczne
├── 0-base/
└── 1-variables-and-types/
Chcesz przećwiczyć to, czego się nauczyłeś?
Katalog exercises/ zawiera praktyczne zadania i wyzwania, które pomogą Ci utrwalić i zastosować wiedzę z kursu.
Ćwiczenia są pogrupowane tematycznie, zgodnie ze strukturą kursu. Każde zadanie zachęca do eksperymentowania, popełniania błędów i nauki przez praktykę. W każdej sekcji znajdziesz również rozwiązania, abyś mógł sprawdzić swoje odpowiedzi i poznać różne podejścia.
🚨 Problem: node: command not found
Rozwiązanie: Zainstaluj Node.js z https://nodejs.org/
🚨 Problem: npx tsx: command not found
Rozwiązanie: Uruchom npm install w katalogu projektu lub zainstaluj tsx globalnie: npm install -g tsx
🚨 Problem: Błędy TypeScript w VS Code
Rozwiązanie: Zainstaluj rozszerzenie TypeScript i sprawdź czy tsconfig.json istnieje w katalogu głównym projektu.
🚨 Problem: Błędy podczas uruchamiania skryptów
Rozwiązanie: Upewnij się, że używasz npx tsx do uruchamiania skryptów TypeScript.
🚨 Problem: npm run t0s1 nie działa
Rozwiązanie: Sprawdź, czy skrypt jest poprawnie zdefiniowany w package.json.
🚨 Problem: Code Runner nie działa
Rozwiązanie:
- Zainstaluj rozszerzenie Code Runner z marketplace
- Sprawdź czy tsx jest zainstalowany:
npm list tsx - Sprawzd konfigurację Code Runner w ustawieniach VS Code:
- Otwórz ustawienia (Ctrl + ,)
- Wyszukaj
code-runner.executorMap - Upewnij się, że
typescriptjest ustawione nanpx tsx
- Uruchom ponownie VS Code
- Upewnij się, że plik ma rozszerzenie
.ts
Zanim zagłębimy się w TypeScript, warto zrozumieć JavaScript – język, na którym zbudowany jest TypeScript!
JavaScript to najpopularniejszy język programowania na świecie!
Działa w przeglądarce i na serwerach (poprzez Node.js), pozwalając programistom budować interaktywne strony internetowe, usługi backendowe, a nawet testy.
TypeScript bazuje na JavaScript, dodając statyczne typowanie i nowoczesne funkcje, które pomagają wyłapywać błędy wcześniej i pisać kod, który jest łatwiejszy w utrzymaniu.
Jeśli nie znasz jeszcze JavaScript – nie martw się!
Ten kurs nauczy Cię podstaw zarówno JavaScript, jak i TypeScript w trakcie nauki.
TypeScript to rozszerzenie języka JavaScript.
Wprowadza statyczne typowanie, nowoczesne funkcje językowe i potężne narzędzia, które pomagają programistom i testerom pisać bezpieczniejszy, łatwiejszy w utrzymaniu kod - szczególnie w projektach automatyzacji testów.
Tip
🧠 To jest skrócony materiał o TypeScript! Skupiamy się tutaj na najważniejszych funkcjach używanych w automatyzacji testów. Aby zgłębić temat, sprawdź nasze pełne kursy JavaScript i TypeScript dla Testera.
Kluczowe funkcje obejmują:
- Bezpieczeństwo typów - Wyłapuj błędy wcześnie w czasie kompilacji zamiast w czasie wykonania
- Ustrukturyzowany kod - Używaj interfejsów, enums i modułów dla jasnych kontraktów i komponentów wielokrotnego użytku
- Lepsza możliwość ponownego użycia - Twórz elastyczną i type-safe logikę z generics i aliasami typów
- Inteligentniejsze wsparcie edytora - Ciesz się bogatym autouzupełnianiem, dokumentacją inline i sprawdzaniem typów
- Integracja z narzędziami - Pracuj z ESLint, Prettier i frameworkami testowymi
- Dostosowywanie - Konfiguruj ustawienia poprzez tsconfig.json
- Silny ekosystem - Używaj popularnych bibliotek z pierwszorzędnym wsparciem TypeScript
Tsx to nowoczesne środowisko wykonawcze TypeScript, które pozwala uruchamiać pliki TypeScript bezpośrednio bez potrzeby wcześniejszej kompilacji. Zapewnia szybki i efektywny sposób wykonywania kodu TypeScript, co czyni go idealnym do testowania i prototypowania.
Ten projekt używa tsx do uruchamiania plików .ts bez kompilacji. Jest idealny do szybkiego feedback'u i nauki programowania.
- TypeScript - Dokumentacja TypeScript
- Tsx - Środowisko wykonawcze TypeScript
Important
Sprawdź nasze darmowe nagrania z tego kursu na YouTube:
Skontaktuj się z nami:
- 🌐 Strona internetowa: jaktestowac.pl
- 💼 LinkedIn: jaktestowac.pl
- 💬 Discord: Polska społeczność Playwright
- 📧 Wsparcie: Sprawdź naszą stronę internetową, aby uzyskać dane kontaktowe
Zebraliśmy kolekcję zasobów, które pomogą Ci nauczyć się i opanować Playwright, zarówno w języku polskim, jak i angielskim. Niezależnie od tego, czy jesteś początkującym, czy zaawansowanym użytkownikiem, te zasoby pomogą Ci poszerzyć umiejętności i wiedzę.
- JavaScript i TypeScript dla Testera - Kurs o JavaScript i TypeScript dla testerów, z praktycznymi przykładami i ćwiczeniami
- Profesjonalna Automatyzacja z Playwright - Kompleksowy, ponad 100 godzinny materiał o projektowaniu frameworka, CI/CD, architekturze testów, wzorcach i dobrych praktykach
- Darmowe zasoby Playwright - Kompleksowe polskie materiały edukacyjne
- Podstawy Playwright - Seria YouTube (polski)
- Playwright Elements - Zaawansowane koncepcje (polski)
- Automatyzacja back-endu z REST API - Kompleksowy (45h+) kurs o automatyzacji testów back-endu z Postman, Mocha, Chai i Supertest
- Playwright MCP - Kurs MCP (polski)
- Społeczność Discord - Pierwsza polska społeczność Playwright!
- Playwright Info - pierwszy i jedyny polski blog o Playwright
- Rozszerzenia VS Code - Nasze darmowe wtyczki Playwright
- Dokumentacja Playwright - Oficjalna dokumentacja
- Playwright GitHub - Kod źródłowy i zgłoszenia problemów
Miłego testowania i automatyzacji testów! 🚀
Zespół jaktestowac.pl ❤️💚
PS. Aby uzyskać więcej zasobów i aktualizacji, śledź nas na naszej stronie internetowej i GitHub.
Zbudowane z ❤️💚 dla społeczności Playwright i automatyzacji testów