If you're seeing this message, it means we're having trouble loading external resources on our website.

Jeżeli jesteś za filtrem sieci web, prosimy, upewnij się, że domeny *.kastatic.org i *.kasandbox.org są odblokowane.

Główna zawartość

Temat: HTML/JS: Tworzenie interaktywnych stron internetowych z jQuery

Witamy w jQuery

Zobacz jak wygląda korzystanie z biblioteki jQuery, poznaj twórcę i spróbuj stworzyć stronę internetową z jQuery.
Ucz się sam(a)!
Kilka słów od twórcy jQuery: Witamy!
(Otwiera system)
Co to jest jQuery?
(Otwiera system)
Przygotuj się do nauki jQuery
(Otwiera system)
Pierwsze kroki z jQuery
(Otwiera system)
Wyzwanie: Twój pierwszy kod w jQuery
(Otwiera system)

Dostęp do DOM z jQuery

Naucz się jak uzyskać dostęp do dom za pomocą jQuery i selektorów CSS.
Ucz się sam(a)!
Znajdowanie elementów z jQuery
(Otwiera system)
Wyzwanie: Jednorożce na stronie z jQuery
(Otwiera system)
Debugowanie stron internetowych z pomocą konsoli przeglądarki.
(Otwiera system)
Uzyskiwanie informacji o elementach w jQuery
(Otwiera system)
Wyzwanie: Słynne odkrycia
(Otwiera system)
Przypomnienie: Dostęp DOM z jQuery
(Otwiera system)
Projekt: detektyw DOM
(Otwiera system)
Przerwa Historyczna: Jak John zbudował jQuery?
(Otwiera system)

Modyfikacja DOM z jQuery

Naucz się jak modyfikować drzewo DOM strony internetowej i tworzyć nowe węzły DOM z jQuery.
Ucz się sam(a)!
Modyfikacja elementów z jQuery
(Otwiera system)
Wyzwanie: Zmieniająca się gąsienica
(Otwiera system)
Tworzenie elementów z jQuery
(Otwiera system)
Wyzwanie: Twórca stworzeń
(Otwiera system)
Przypomnienie: Modyfikacja DOM z jQuery
(Otwiera system)
Projekt: Wielka Przemiana, Strony internetowe
(Otwiera system)

Techniki jQuery

Naucz się kilku przydatnych technik wykorzystywanych przez programistów jQuery, takich jak tworzenie połączonych metod i korzystanie z pętli na kolekcjach.
Ucz się sam(a)!
Kolekcje jQuery vs Węzły DOM
(Otwiera system)
Iterowanie przez kolekcje jQuery
(Otwiera system)
Wyzwanie: Zapętlony język
(Otwiera system)
Przypomnienie: Kolekcje jQuery i pętle
(Otwiera system)
Łączenie metod jQuery
(Otwiera system)
Wyzwanie: Daisy chain
(Otwiera system)
Za kulisami: Przeglądaj kod źródłowy jQuery
(Otwiera system)
ĆWICZENIE
Zmienne w jQuery
5 pytań

Zdarzenia DOM z jQuery

Naucz się dodawać detektory zdarzeń za pomocą jQuery, abyś mógł dodać akcje na zdarzenia na stronie takie jak klikanie, naciskanie klawiszy, przesuwanie, przewijanie i wiele więcej.
Ucz się sam(a)!
Dodawanie detektorów zdarzeń w jQuery
(Otwiera system)
Wyzwanie: Klikacz Croc
(Otwiera system)
Używanie właściwości zdarzenia w jQuery
(Otwiera system)
Wyzwanie: Gdzie jest pies
(Otwiera system)
Które zdarzenia DOM i właściwości tam są?
(Otwiera system)
Sprawdzanie gotowości DOM z jQuery
(Otwiera system)
Przypomnienie: Zdarzenia DOM w jQuery
(Otwiera system)
Projekt: Zmiana sceny
(Otwiera system)

Przetwarzanie formularzy za pomocą jQuery

Dowiedz się jak przetwarzać formularze w przeglądarce za pomocą jQuery, aby tworzyć gry lub quizy.
Ucz się sam(a)!
Po co przetwarzać formularze z jQuery?
(Otwiera system)
Przetwarzanie quizu z jQuery
(Otwiera system)
Wyzwanie: Quiz o jQuery
(Otwiera system)
Więcej przetwarzania formularzy z jQuery
(Otwiera system)
Wyzwanie: Kalkulator Pączków
(Otwiera system)
Przypomnienie: Przetwarzanie formularzy z jQuery
(Otwiera system)
Projekt: Gra słów
(Otwiera system)

Animacja i efekty DOM w jQuery

Naucz się jak animować elementy za pomocą jQuery dzięki efektom takim jak zanikanie i przesuwanie.
Ucz się sam(a)!
Animowanie widoczności z jQuery
(Otwiera system)
Wyzwanie: Przesuwanie Węża
(Otwiera system)
Animowanie właściwości numerycznych z jQuery
(Otwiera system)
Wyzwanie: Animowany Avatar
(Otwiera system)
Przypomnienie: Animacja DOM z jQuery
(Otwiera system)
Projekt: Interaktywny pokaz slajdów
(Otwiera system)

Dalsza nauka

Ucz się sam(a)!
Czego uczyć się po jQuery
(Otwiera system)

O tym dziale

Naucz się jak korzystać z jQuery, najpopularniejszej biblioteki JS, aby dodać interaktywne elementy na twojej stronie internetowej.