Kurs JavaScript i React online
Kurs JavaScript i React online w CodeWorlds to 16 modułów krótkich lekcji z edytorem kodu i 1069 zadań praktycznych, prowadzonych jako fabularna przygoda. Lekcje przeczytasz za darmo na tej stronie.
Ucząc się JavaScript, React.js i Redux przenosimy się w misję kosmiczną. Eksploruj przestrzeń kosmiczną jako członek zespołu astronautów.
Twój przewodnik
Ra
Kosmiczny przewodnik
Czego się nauczysz
- Komponenty funkcyjne i klasowe React
- React Hooks - useState, useEffect, useContext
- Zarządzanie stanem z Redux Toolkit
- React Router - routing i nawigacja
- Stylowanie z CSS Modules i Styled Components
- Fetch API i Axios do komunikacji z backendem
- Testowanie z Jest i React Testing Library
- Optymalizacja z React.memo i useMemo
Główne projekty
W trakcie kursu zbudujesz prawdziwe projekty, które możesz dodać do swojego portfolio
Mission Control Panel
Dashboard kontroli misji z real-time updates i wykresami
Crew Management System
CRUD aplikacja do zarządzania załogą z autentykacją
Space Explorer
Aplikacja do eksploracji kosmosu z NASA API
Program kursu
16 moduły pełne interaktywnych ćwiczeń i praktycznych projektów
Start misji
Podstawy React
Czym jest React, Virtual DOM, Node.js i npm, projekt w Vite, struktura aplikacji, pierwszy komponent, JSX i React DevTools
65 ćwiczeń
Baza księżycowa
Komponenty i props
Anatomia komponentu, props i children, kompozycja, renderowanie warunkowe i list oraz komponenty kontrolowane i niekontrolowane
65 ćwiczeń
Lądowanie na Marsie
Stan i zdarzenia
Stan komponentu, obsługa i propagacja zdarzeń, przepływ danych, wzorce aktualizacji stanu oraz kontrolowane formularze
51 ćwiczeń
Centrum dowodzenia
Context API i useReducer
Context API, reducery i useReducer, globalny stan aplikacji, optymalizacja kontekstu oraz wzorce zarządzania stanem
70 ćwiczeń
Problemy z łącznością
useEffect i własne hooki
Cykl życia i efekty, pobieranie danych z API, czyszczenie efektów, useRef, własne hooki, race conditions, debouncing i memoizacja
87 ćwiczeń
- Cykl życia i efekty
- Synchronizacja z zewnętrznymi systemami
- Obsługa API i pobieranie danych
- Czyszczenie efektów
Wszystkie lekcje (11)
- Referencje z useRef
- Optymalizacja wydajności z useEffect
- Własne hooki (Custom Hooks) do efektów
- Zaawansowane efekty - race conditions i debouncing
- Memoizacja - React.memo, useMemo i useCallback
- Powtórzenie: Hook useRef - referencje i wartości między renderami
- Powtórzenie: Zaawansowane Custom Hooks - wzorce i kompozycja
Podróż na Orbiter
React Router
Konfiguracja tras, parametry URL, zagnieżdżone ścieżki, nawigacja programowa, chronione trasy, przekierowania i lazy loading
74 ćwiczeń
- React Router - Kosmiczna Nawigacja
- Konfiguracja routingu w aplikacjach kosmicznych
- Parametry URL w kosmicznej nawigacji
- Zagnieżdżone ścieżki w intergalaktycznej nawigacji
Wszystkie lekcje (11)
- Nawigacja programistyczna w kosmicznych podróżach
- Zabezpieczanie ścieżek w kosmicznej stacji
- Przekierowania w kosmicznej nawigacji
- Lazy loading komponentów w kosmicznej podróży
- Przekazywanie stanu przez lokalizacje
- Obsługa historii przeglądarki w kosmicznej podróży
- Kompletna architektura routingu - Centrum Dowodzenia Nawigacją
Stylizacja statku
Stylowanie i animacje
Styled Components, Sass, Tailwind CSS, biblioteki komponentów UI, własny design system, React Transition Group i animacje CSS
67 ćwiczeń
Zaawansowane systemy
Zaawansowane wzorce React
HOC, render props, compound components, Suspense, code splitting, dostępność, profilowanie wydajności i wdrożenie na Vercel
64 ćwiczeń
Jądro galaktyki
Nowoczesne hooki React
useTransition, useDeferredValue, useOptimistic, useActionState, useFormStatus, useId, hook use i wirtualizacja długich list
62 ćwiczeń
Podróż w nieznane
Ekosystem i przyszłość React
Portale, i18n, bezpieczeństwo, GraphQL z Apollo, WebSockets, Web Workers, React Compiler, Server Components i TanStack Query
86 ćwiczeń
- React Portals
- React-i18next - Internacjonalizacja aplikacji React
- Kompleksowe praktyki bezpieczeństwa w React
- Apollo Client - kompleksowa integracja GraphQL z React
Wszystkie lekcje (14)
- WebSockets i Server-Sent Events w React
- Web Workers w React
- React Compiler (React Forget)
- Streaming SSR i Edge Runtime
- React Server Components (RSC) - przyszłość React
- Micro-frontends z React - architektura skalowalna
- React Query / TanStack Query - zarządzanie stanem serwerowym
- React 19 - ref bez forwardRef
- React 19.2 - Partial Pre-rendering (PPR)
- Projekt główny: Kosmiczne Centrum Dowodzenia Misją
Komunikacja z bazą
Pobieranie danych i API
Fetch i Axios, stany ładowania i błędów, AbortController, wysyłanie danych, cache i stale-while-revalidate, paginacja i infinite scroll
63 ćwiczeń
Mapy gwiezdne
React i TypeScript
Typowanie komponentów, props, useState i useRef, zdarzeń, Context API i useReducer, komponenty generyczne i discriminated unions
63 ćwiczeń
Kontrola jakości
Testowanie React
Jest i React Testing Library, testy interakcji i komponentów asynchronicznych, mockowanie modułów i API, testy hooków i snapshoty
63 ćwiczeń
Barwy floty
Zaawansowane stylowanie
Zmienne CSS i motywy, CSS Modules, CSS-in-JS bez runtime, theming w styled-components, Emotion, design tokens i wzorce responsywne
63 ćwiczeń
Stacja orbitalna
Wzorce i architektura
Kompozycja, container/presentational, headless components, inversion of control, feature flags, atomic design i maszyny stanów
63 ćwiczeń
Awaryjne lądowanie
Obsługa błędów i Suspense
Error boundaries, react-error-boundary, błędy w formularzach, logowanie i monitoring, fallback UI, skeletony i odporny interfejs
63 ćwiczeń
Motyw kursu
Statki kosmiczne i Galaktyki
Każdy moduł osadzony jest w unikalnej tematyce, która sprawia, że nauka staje się przygodą.
Twój przewodnik
Ra
Kosmiczny przewodnik
Poprowadzi Cię przez wszystkie wyzwania i pomoże zdobyć nowe umiejętności.
Najczęstsze pytania o kurs JavaScript i React
Czy kurs JavaScript i React jest darmowy?
Częściowo. Lekcje kursu JavaScript i React 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 React?
Szacowany czas nauki kursu JavaScript i React to 80-120 godzin. Kurs ma 16 modułów i ponad 1069 zadań, a tempo wybierasz sam.
Czy do kursu JavaScript i React potrzebuję wcześniejszego doświadczenia?
Przed kursem JavaScript i React przyda się: Podstawy HTML i CSS, Podstawy JavaScript, Świat 1 lub równoważna wiedza.
Czego nauczę się na kursie JavaScript i React?
Na kursie JavaScript i React nauczysz się między innymi: Komponenty funkcyjne i klasowe React, React Hooks - useState, useEffect, useContext, Zarządzanie stanem z Redux Toolkit, React Router - routing i nawigacja.
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 Misja kosmiczna.
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.