Kategorie: PHP, WWW, HTML/CSS, CMS, front-end , JavaScript, programowanie front-end, frameworki JS

O szkoleniu

Programujesz w Javie, C#, Pythonie albo PHP, a coraz częściej trafiasz na kod frontendu lub narzędzi napisany w TypeScripcie? To szkolenie jest skrótem do sprawnej pracy z nim. Przechodzimy przez współczesny JavaScript z perspektywy programisty innego języka — z naciskiem na to, co działa inaczej, niż się spodziewasz — a potem przez TypeScript, który jest dziś standardem w nowych projektach webowych. Pracujemy na kodzie: od konfiguracji projektu, przez asynchroniczność i komunikację z API, po typowanie danych i przenoszenie kodu z JavaScriptu do TypeScriptu.

Po trzech dniach:

zrozumiesz, czym JavaScript różni się od języków, które znasz, i ominiesz jego typowe pułapki,
skonfigurujesz projekt z npm, Vite i TypeScriptem i będziesz wiedzieć, za co odpowiada każde z narzędzi,
napiszesz kod asynchroniczny z async/await, który pobiera i przetwarza dane z REST API,
opiszesz dane i stany aplikacji w systemie typów TypeScriptu, także z użyciem generyków i typów pomocniczych,
wykorzystasz asystenta AI do pisania i refaktoryzacji kodu, a kompilator TypeScriptu — do sprawdzania tego, co AI wygenerowało,
przeniesiesz fragment istniejącego kodu z JavaScriptu do TypeScriptu i będziesz przygotowany do pracy z frameworkami takimi jak React czy Angular.

To nie jest kurs programowania od podstaw ani szkolenie z konkretnego frameworka. Jeśli dopiero zaczynasz programować, lepszy będzie kurs JavaScript i React (Frontend Developer). Jeśli Twój zespół pracuje w React, naturalnym kolejnym krokiem jest szkolenie React dla specjalistów IT.

Szkolenie jest dla wszystkich, którzy programują w innym języku, a w pracy stykają się z kodem JavaScript lub TypeScript: programistów backendu, osób przechodzących do pracy full-stack, programistów, którzy znali JavaScript z czasów jQuery i chcą nadrobić zmiany, testerów automatyzujących testy w TypeScripcie, architektów i liderów technicznych przeglądających kod frontendu oraz zespołów przechodzących z JavaScriptu na TypeScript.

Czas trwania

3 dni, 9:00 - 17:00

Program

Środowisko pracy współczesnego JavaScriptu
- JavaScript w przeglądarce i poza nią: Node.js jako środowisko uruchomieniowe i narzędziowe
- Menedżer pakietów npm i package.json: zależności, skrypty, wersje pakietów
- Projekt startowy w Vite: serwer deweloperski i budowanie wersji produkcyjnej
- Edytor, ESLint i automatyczne formatowanie kodu
JavaScript z perspektywy programisty innego języka
- Zmienne let i const, typy wartości, porównania == i ===, wartości „prawdziwe” i „fałszywe”
- Obiekty i tablice, destrukturyzacja, operator spread, metody map, filter i reduce
- Funkcje, funkcje strzałkowe, domknięcia i zachowanie this
- Klasy, a pod spodem prototypy — rzut okiem
- Typowe pułapki i jak ich unikać
Moduły i organizacja kodu
- Moduły ES: import i export
- Korzystanie z bibliotek z npm
- CommonJS w starszym kodzie — rzut okiem
Asynchroniczność
- Pętla zdarzeń: dlaczego JavaScript nie czeka
- Promise, async/await i obsługa błędów
- Pobieranie danych z REST API: fetch, JSON, kody odpowiedzi
- Kilka operacji naraz: Promise.all i pokrewne
TypeScript — po co i jak działa
- Sprawdzanie typów a uruchamianie kodu: kompilator tsc, narzędzia usuwające typy, uruchamianie TypeScriptu w Node.js
- Konfiguracja: tsconfig.json i tryb strict
- Typowanie stopniowe: od JavaScriptu do TypeScriptu
System typów TypeScriptu
- Adnotacje i inferencja typów
- Typy literalne, unie i zawężanie typów
- Typy any, unknown, null i undefined
- Interfejsy i aliasy typów, typowanie funkcji
- Typowanie strukturalne — czym różni się od Javy i C#
- Klasy w TypeScripcie: modyfikatory dostępu, implements, klasy abstrakcyjne
Generyki i typy zaawansowane w praktyce
- Funkcje i typy generyczne, ograniczenia typów
- Typy pomocnicze: Partial, Pick, Omit, Record
- Operatory keyof i typeof
- Unie rozłączne do opisu stanów aplikacji
TypeScript w projekcie
- Typowanie danych z API i sprawdzanie ich w czasie działania programu
- Biblioteki z npm i pliki deklaracji typów (.d.ts)
- TypeScript w przeglądarce: elementy DOM, zdarzenia, formularze
- Przeniesienie fragmentu kodu z JavaScriptu do TypeScriptu krok po kroku
Praca z AI w projekcie TypeScript
- Generowanie i refaktoryzacja kodu z asystentem AI w edytorze
- Typy i kompilator jako pierwsza kontrola kodu wygenerowanego przez AI
- Gdzie AI się myli: typowe błędy i sposoby ich wyłapania
Co dalej: TypeScript w React, Angular i Node.js — rzut okiem

Na zamówienie dopasowujemy proporcje i zakres: więcej czasu na TypeScript dla zespołów znających już JavaScript, wersja dwudniowa, testy jednostkowe (Vitest, Jest), migracja większego kodu do TypeScriptu albo przykłady oparte na stosie technologicznym zamawiającego.

Pobierz w wersji PDF

Training also available in English .

Przeznaczenie i wymagania

Szkolenie jest przeznaczone przede wszystkim dla:

programistów Javy, C#, Pythona, PHP i innych języków, którzy zaczynają pracować z kodem w JavaScripcie lub TypeScripcie,
osób, które pisały w JavaScripcie kilka lat temu i chcą uporządkować wiedzę o współczesnym języku,
testerów automatyzujących, którzy piszą lub będą pisać testy w TypeScripcie,
zespołów przechodzących z JavaScriptu na TypeScript.

Od uczestników oczekujemy:

podstawowej praktyki w dowolnym języku programowania (zmienne, funkcje, pętle, podstawy programowania obiektowego),
ogólnej orientacji w tym, jak działa aplikacja webowa (HTML, przeglądarka, zapytania HTTP).

Wcześniejsza znajomość JavaScriptu nie jest potrzebna. Szkolenie będzie za proste dla osób, które na co dzień piszą w TypeScripcie.