Kurs JavaScript i TypeScript online
Kurs JavaScript i TypeScript online w CodeWorlds to 12 modułów krótkich lekcji z edytorem kodu i 1062 zadań praktycznych, prowadzonych jako fabularna przygoda. Lekcje przeczytasz za darmo na tej stronie.
Zanurz się w świat JavaScript, eksplorując Park Jurajski pełen dinozaurów. Naucz się programowania od podstaw, odkrywając tajemnice genetyki cyfrowej.
Twój przewodnik
Dr Henry Wu
Główny Genetyk
Czego się nauczysz
- Fundamenty JavaScript - zmienne, typy, operatory
- Funkcje, scope, closures i hoisting
- ES6+ - arrow functions, destructuring, spread
- Manipulacja DOM i event handling
- Asynchroniczność - callbacks, promises, async/await
- Klasy i programowanie obiektowe
- Podstawy TypeScript - typy, interfejsy, generyki
- Moduły ES6 i bundlery
Główne projekty
W trakcie kursu zbudujesz prawdziwe projekty, które możesz dodać do swojego portfolio
Dino Tracker
System śledzenia dinozaurów z geolokacją i alarmami
DNA Sequencer
Symulator sekwencjonowania DNA z wizualizacją
Park Management System
Kompletna aplikacja zarządzania parkiem
Program kursu
12 moduły pełne interaktywnych ćwiczeń i praktycznych projektów
Brama do parku
Podstawy JavaScript
Historia i środowisko JavaScript, zmienne, typy danych, konwersja typów, operatory, instrukcje warunkowe, pętle i funkcje
96 ćwiczeń
- Historia i znaczenie JavaScript
- Środowisko uruchomieniowe JavaScript
- Pierwsze kroki - konsola JavaScript
- Komentarze i formatowanie kodu
Wszystkie lekcje (16)
- Instrukcje i bloki kodu
- Średniki i ich opcjonalność
- Deklaracja zmiennych (var, let, const)
- Podstawowe typy danych (string, number, boolean)
- Konwersja typów i operacje na typach
- Operatory arytmetyczne i przypisania
- Operatory porównania i logiczne
- Priorytet operatorów
- Instrukcje warunkowe (if, else, switch)
- Pętle i iteracje
- Funkcje
- Projekt końcowy: System rejestracji dinozaurów
Laboratorium DNA
Funkcje, tablice i obiekty
Funkcje strzałkowe, zasięg i hoisting, this, metody tablic, obiekty i prototypy, domknięcia, try/catch, destrukturyzacja, spread i rest
121 ćwiczeń
- Zmienne i typy danych
- Funkcje strzałkowe (arrow functions)
- Zasięg zmiennych (globalny, funkcyjny, blokowy)
- Parametry i argumenty funkcji w JavaScript
Wszystkie lekcje (18)
- Hoisting w JavaScript
- Podstawy tablic - tworzenie i manipulacja
- Podstawy tablic - push, pop, shift, unshift, splice
- Słowo kluczowe this w JavaScript
- Podstawy iteracji - forEach, map, filter, reduce
- Podstawy obiektów - literały i konstruktory
- Podstawy obiektów - właściwości i metody
- Prototypy i dziedziczenie prototypowe
- Closures i zakres leksykalny
- Podstawy obsługi błędów - try/catch
- Template literals i metody stringów
- Destrukturyzacja obiektów i tablic
- Operatory spread i rest
- Projekt końcowy: System monitorowania dinozaurów
Katalog gatunków
Klasy i OOP
Klasy ES6, dziedziczenie, pola prywatne, polimorfizm, mixiny, gettery i settery, metody statyczne, Map, Set, WeakMap i Symbol
94 ćwiczeń
Wszystkie lekcje (15)
- Polimorfizm w JavaScript
- Klasy abstrakcyjne i wzorce
- Mixiny i wielodziedziczenie
- Map i Set
- Powtórzenie: WeakMap i WeakSet
- Powtórzenie: Symbol jako typ danych
- Metody statyczne
- Gettery i settery
- Powtórzenie: Prototypy i dziedziczenie prototypowe
- Kompozycja vs. dziedziczenie
- Projekt końcowy: System klasyfikacji gatunków
Systemy alarmowe
Programowanie asynchroniczne
Event loop, callbacki, obiekty Promise, async/await, obsługa błędów, zadania równoległe, Fetch API, JSON oraz iteratory i generatory
83 ćwiczeń
Ewolucja kodu
Zaawansowany JavaScript
Moduły ES i CommonJS, debugowanie i profilowanie, własne klasy błędów, wzorce Builder i Observer, regex, daty, Web Storage i ES2025
116 ćwiczeń
- Zaawansowane wzorce obiektów i tablic
- Metody tablic w praktyce - chain i kompozycja
- Zaawansowane iteracje - reduce, flatMap, kompozycja
- Iteratory i protokół iterowalny
Wszystkie lekcje (23)
- ES Modules (import/export)
- CommonJS (require/module.exports)
- Dynamiczne importowanie modułów
- Konsola przeglądarki i jej funkcje
- Breakpointy i krokowe wykonanie kodu
- Profilery i narzędzia wydajnościowe
- Zaawansowana obsługa błędów - typy i hierarchia
- Wzorzec Builder w JavaScript
- Własne klasy błędów
- Implementacja aplikacji JurassicTracker
- Strukturyzacja kodu w większym projekcie
- Najlepsze praktyki programistyczne
- Wzorzec Observer i Pub/Sub
- Zaawansowane wyrażenia regularne - grupy, lookahead, named capture
- Obiekt Date i praca z czasem
- Web Storage - localStorage i sessionStorage
- ES2024 i ES2025 - Najnowsze funkcje JavaScript
- Web APIs: Intersection Observer i Resize Observer
- Projekt końcowy: System diagnostyki Parku
TypeScript w laboratorium
Podstawy TypeScript
Czym jest TypeScript, tsconfig i tsc, typy podstawowe i złożone, unie i przecięcia, interfejsy, aliasy, generyki i utility types
95 ćwiczeń
- Czym jest TypeScript i jego zalety
- Konfiguracja środowiska (tsconfig.json)
- Kompilator TypeScript (tsc)
- Typy podstawowe (string, number, boolean, any, unknown)
Wszystkie lekcje (15)
- Typy złożone (array, tuple, enum)
- Typy union i intersection
- Definicja interfejsów
- Type aliases
- Rozszerzanie interfejsów (extends)
- Typy parametrów i zwracanych wartości funkcji
- Funkcje generyczne w TypeScript
- Przeciążanie funkcji (Function Overloading)
- Typy narzędziowe TypeScript (Utility Types)
- Konfiguracja TypeScript i narzędzia
- Projekt końcowy: Typowany system zarządzania Parkiem
Zaawansowana genetyka
Zaawansowany TypeScript
Modyfikatory dostępu, type guards, klasy generyczne, typy warunkowe i mapowane, discriminated unions, dekoratory i declaration merging
78 ćwiczeń
- Modyfikatory dostępu
- Właściwości statyczne i abstrakcyjne
- Implementacja interfejsów
- Type narrowing i type guards
Wszystkie lekcje (15)
- Klasy generyczne
- Ograniczenia generyczne (constraints)
- Conditional types (Typy warunkowe)
- Mapped types (Typy mapowane)
- Discriminated unions i pattern matching
- Dekoratory klas
- Dekoratory metod i właściwości
- Fabryki dekoratorów
- Unikanie głębokiego zagnieżdżania - Early Returns
- Namespace, declaration merging i ambient types
- Projekt końcowy: Zaawansowany system typów
System kontroli
Zdarzenia i DOM
Event listenery, obiekt zdarzenia, propagacja i delegacja, zdarzenia myszy, klawiatury i formularzy, throttling, debouncing i DOM API
115 ćwiczeń
- Wprowadzenie do wydarzeń w JavaScript
- Event Listeners - nasłuchiwanie na wydarzenia
- Obiekt Event i jego właściwości
- Propagacja wydarzeń (Event Bubbling)
Wszystkie lekcje (20)
- Delegacja wydarzeń (Event Delegation)
- Wydarzenia myszy i klawiatury
- Wydarzenia formularzy
- Usuwanie event listenerów i czyszczenie pamięci
- Throttling i Debouncing
- Własne wydarzenia (Custom Events)
- Tworzenie interaktywnych komponentów
- Dobre praktyki przy obsłudze wydarzeń
- Zaawansowane techniki obsługi wydarzeń
- Wydajność i optymalizacja obsługi wydarzeń
- Event Bus i architektura aplikacji
- Testy jednostkowe dla event handlerów
- Podsumowanie - Wydarzenia w JavaScript
- Custom Events i dispatchEvent
- Zaawansowane DOM API
- Projekt końcowy: Interaktywny panel kontrolny
Odbudowa parku
Wzorce projektowe i architektura
Wzorce Module, Factory i Observer, SOLID, programowanie funkcyjne, zarządzanie stanem, code splitting, lazy loading i optymalizacja bundla
71 ćwiczeń
Stacja badawcza
TypeScript w praktyce
Web Workers, zarządzanie pamięcią, pliki .d.ts, template literal types, TypeScript z Node.js i frameworkami, module augmentation i TDD
65 ćwiczeń
Inspekcja ogrodzeń
Testowanie z Jest
Dlaczego testujemy, Jest i matchery, setup i teardown, mockowanie, testy kodu asynchronicznego, TDD oraz testowanie TypeScript
63 ćwiczeń
Hodowla dinozaurów
Programowanie funkcyjne
Funkcje wyższego rzędu, compose i pipe, currying, domknięcia, rekurencja, niemutowalność danych oraz funktory i monady
65 ćwiczeń
Motyw kursu
Dinozaury i Laboratoria Genetyczne
Każdy moduł osadzony jest w unikalnej tematyce, która sprawia, że nauka staje się przygodą.
Twój przewodnik
Dr Henry Wu
Główny Genetyk
Poprowadzi Cię przez wszystkie wyzwania i pomoże zdobyć nowe umiejętności.
Najczęstsze pytania o kurs JavaScript i TypeScript
Czy kurs JavaScript i TypeScript jest darmowy?
Częściowo. Lekcje kursu JavaScript i TypeScript przeczytasz za darmo na tej stronie. Zadania z tego kursu w aplikacji wymagają planu premium, a na darmowym koncie przejdziesz w aplikacji kurs HTML i CSS z limitem 10 jednostek paliwa dziennie.
Ile trwa kurs JavaScript i TypeScript?
Szacowany czas nauki kursu JavaScript i TypeScript to 60-90 godzin. Kurs ma 12 modułów i ponad 1062 zadań, a tempo wybierasz sam.
Czy do kursu JavaScript i TypeScript potrzebuję wcześniejszego doświadczenia?
Przed kursem JavaScript i TypeScript przyda się: Podstawy HTML i CSS, Logiczne myślenie.
Czego nauczę się na kursie JavaScript i TypeScript?
Na kursie JavaScript i TypeScript nauczysz się między innymi: Fundamenty JavaScript - zmienne, typy, operatory, Funkcje, scope, closures i hoisting, ES6+ - arrow functions, destructuring, spread, Manipulacja DOM i event handling.
Jak wygląda nauka w CodeWorlds?
W CodeWorlds każdy moduł to seria krótkich lekcji z edytorem kodu na żywo, pytań sprawdzających i zadań praktycznych. Za postępy zdobywasz XP i odblokowujesz kolejne lokacje świata Park Jurajski.
Zacznij naukę JavaScript już dziś
Dołącz do CodeWorlds i odkryj nowoczesne metody nauki, które sprawiają, że programowanie staje się fascynujące i dostępne dla każdego.