Używamy cookies, żeby zwiększyć Twoje doświadczenia na stronie
Park Jurajski
Zanurz się w świat JavaScript, eksplorując Park Jurajski pełen dinozaurów. Naucz się programowania od podstaw, odkrywając tajemnice genetyki cyfrowej.
JavaScriptES6+DOMAsync/AwaitTypeScript
10 moduły
601+ ćwiczeń
60-90 godzin
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
JavaScriptDOM APIGeolocation
DNA Sequencer
Symulator sekwencjonowania DNA z wizualizacją
TypeScriptCanvas APIAlgorithms
Park Management System
Kompletna aplikacja zarządzania parkiem
JavaScriptES6+LocalStorage
Program kursu
10 moduły pełne interaktywnych ćwiczeń i praktycznych projektów
1
Brama do parku
Historia i wprowadzenie
Historia JavaScript i środowisko
18 ćwiczeń
- Historia i znaczenie JavaScript
- Środowisko uruchomieniowe JavaScript
- Pierwsze kroki - konsola JavaScript
- Komentarze i formatowanie kodu
- Instrukcje i bloki kodu
- Semicolony 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
2
Laboratorium DNA
Podstawy JavaScript
Zmienne, typy, operatory, warunki
28 ćwiczeń
- Zmienne i typy danych
- Funkcje strzałkowe (arrow functions)
- Zasięg zmiennych (globalny, funkcyjny, blokowy)
- Parametry i argumenty funkcji w JavaScript
- Hoisting w JavaScript
- Podstawy tablic — tworzenie i manipulacja
- Podstawy tablic — push, pop, slice, 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
3
Hodowla dinozaurów
Funkcje i scope
Funkcje, arrow functions, closure, hoisting
25 ćwiczeń
- Składnia klas ES6
- Konstruktory i metody
- Dziedziczenie klas (extends)
- Enkapsulacja i pola prywatne (#)
- Polimorfizm w JavaScript
- Klasy abstrakcyjne i wzorce
- Mixiny i wielodziedziczenie
- Map i Set
- Powtorzenie: WeakMap i WeakSet
- Powtorzenie: Symbol jako typ danych
- Metody statyczne
- Gettery i settery
- Powtorzenie: Prototypy i dziedziczenie prototypowe
- Kompozycja vs. dziedziczenie
- Projekt końcowy: System klasyfikacji gatunków
4
Katalog gatunków
Tablice i obiekty
Arrays, Objects, methods, destructuring
30 ćwiczeń
- Model zdarzeń i Event Loop
- Callback i problemy z nimi związane (callback hell)
- Tworzenie i obsługa obiektów Promise
- Łączenie Promise (then, catch, finally)
- Promise.all, Promise.race, Promise.allSettled
- Składnia async/await
- Obsługa błędów (try...catch)
- Równoległe wykonywanie zadań asynchronicznych
- API Fetch
- Obsługa żądań HTTP - Praktyczne wzorce
- Przetwarzanie danych JSON
- Iteratory i Generatory
- Projekt końcowy: Asynchroniczny system monitoringu
5
System kontroli
DOM Manipulation
Selektory, manipulacja elementami
22 ćwiczeń
- Zaawansowane wzorce obiektów i tablic
- Metody tablic w praktyce — chain i kompozycja
- Zaawansowane iteracje — reduce, flatMap, kompozycja
- Iteratory i protokół iterowalny
- 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
6
Systemy alarmowe
Events i Async
Event handling, callbacks, promises, async/await
28 ćwiczeń
- Czym jest TypeScript i jego zalety
- Konfiguracja środowiska (tsconfig.json)
- Kompilator TypeScript (tsc)
- Typy podstawowe (string, number, boolean, any, unknown)
- 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
7
Ewolucja kodu
ES6+ Features
Classes, modules, spread/rest, template literals
24 ćwiczeń
- Modyfikatory dostępu
- Właściwości statyczne i abstrakcyjne
- Implementacja interfejsów
- Type narrowing i type guards
- 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
8
Zaawansowana genetyka
Zaawansowany JavaScript
Prototypes, this, bind/call/apply, regex
20 ćwiczeń
- Wprowadzenie do wydarzeń w JavaScript
- Event Listeners - nasłuchiwanie na wydarzenia
- Obiekt Event i jego właściwości
- Propagacja wydarzeń (Event Bubbling)
- 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 event handling
- Performance i optymalizacja 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
9
TypeScript w laboratorium
TypeScript wprowadzenie
Types, interfaces, generics, decorators
18 ćwiczeń
- Wzorce projektowe w JavaScript/TypeScript - Module, Factory i Observer
- Zasady SOLID w JavaScript/TypeScript
- Programowanie funkcyjne w JavaScript/TypeScript
- Wzorce zarządzania stanem w JavaScript/TypeScript
- Code splitting i tree shaking
- Lazy loading - obrazów, tras, komponentów
- Bundle optimization - analiza i optymalizacja pakietów
- Architektura event-driven i systemy czasowe
- Projekt końcowy: System zarządzania Parkiem Jurajskim
10
Projekt: Odbudowa Parku
Projekt końcowy
Kompletna aplikacja zarządzania Parkiem
12 ćwiczeń
- Wprowadzenie do Web Workers
- Zarządzanie pamięcią - garbage collection, memory leaks
- Declaration files (.d.ts) i DefinitelyTyped
- Template literal types - manipulacja stringami w typach
- Type-safe Event System w TypeScript
- TypeScript z Node.js — praktyczne wzorce
- Module augmentation i declaration merging
- Test-Driven Development (TDD) w TypeScript
- TypeScript z popularnymi frameworkami
- Projekt końcowy: System diagnostyczny Parku Jurajskiego
- Dlaczego testowanie jest ważne
- Framework Jest - podstawy
- Matchery w Jest
- Setup i Teardown
- Mockowanie w Jest
- Testowanie kodu asynchronicznego
- Test-Driven Development (TDD)
- Testowanie TypeScript z Jest
- Projekt: Kompletny zestaw testów dla Parku Jurajskiego
- Czym jest programowanie funkcyjne?
- Funkcje wyższego rzędu: map, filter, reduce
- Kompozycja funkcji: compose i pipe
- Currying i częściowa aplikacja
- Domknięcia w programowaniu funkcyjnym
- Rekurencja w programowaniu funkcyjnym
- Wzorce niemutowalności danych
- Wzorce FP: funktory i monady
- Projekt: Funkcyjny pipeline danych Parku Jurajskiego
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.
Zmień swoją przyszłość
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.