0:00:00.692,0:00:05.537
Podam wam podstawowe zasady[br]korzystania z jQuery na stronie www.

0:00:05.637,0:00:08.870
Pierwszy krok[br]– to wprowadzić bibliotekę jQuery

0:00:08.951,0:00:12.004
przy użyciu znacznika "script".

0:00:12.104,0:00:15.967
Zanim jednak umieścimy JavaScript[br]w naszym znaczniku "script",

0:00:16.030,0:00:20.215
dodam atrybut "src".

0:00:20.294,0:00:23.127
I muszę to połączyć z jakimś URL-em.

0:00:24.242,0:00:26.331
Ale z jakim?

0:00:26.413,0:00:28.839
Gdybym pracowała na własnym komputerze

0:00:28.915,0:00:32.461
i załadowała jQuery do katalogu,[br]w którym jest moja strona,

0:00:32.549,0:00:35.596
mogłabym napisać po prostu "jquery.js".

0:00:36.385,0:00:39.387
Ale w Khan Academy to nie zadziała.

0:00:39.487,0:00:45.024
Tu jest mi potrzebny URL jQuery[br]na jakimś serwerze online.

0:00:45.859,0:00:49.272
Lista tych URL-ów[br]znajduje się na stronie jquery.com.

0:00:50.573,0:00:53.498
Wkleję tu jeden z nich. Gotowe.

0:00:54.329,0:00:57.972
Chcę zwrócić waszą uwagę[br]na parę spraw związanych z tym URL-em.

0:00:58.066,0:01:01.788
Po pierwsze, zaczyna się od "https".

0:01:01.842,0:01:05.131
To oznacza, że jest bezpieczny.

0:01:05.231,0:01:10.635
Khan Academy pozwala wam[br]sprowadzać tylko bezpieczne zasoby.

0:01:11.133,0:01:14.164
To dobry zwyczaj[br]w projektowaniu stron!

0:01:15.657,0:01:21.556
Po drugie, ten URL znajduje się[br]na serwerze Google: googleapis.com.

0:01:22.755,0:01:27.701
To serwer systemu CDN[br](sieci dystrybucji treści)

0:01:27.753,0:01:32.461
przystosowany do obsługi plików[br]statycznych, jak biblioteki JavaScript.

0:01:32.507,0:01:34.729
Obsługuje te pliki bardzo szybko.

0:01:35.268,0:01:38.011
Ufam temu serwerowi Google.

0:01:38.051,0:01:42.900
Zawsze powinniście ufać serwerom,[br]z których sprowadzacie skrypty,

0:01:43.000,0:01:47.318
bo ta operacja niesie potencjalne[br]zagrożenie dla waszej strony.

0:01:47.364,0:01:52.770
Po trzecie, w tym URL-u[br]zawiera się numer wersji: 2.1.4.

0:01:53.731,0:01:56.233
Biblioteka jQuery aktywnie się rozwija.

0:01:56.333,0:01:58.982
Często powstają nowe wersje.

0:01:59.082,0:02:03.125
Cyfry po lewej stronie oznaczają[br]znaczące zmiany wersji,

0:02:03.225,0:02:07.477
a te po stronie prawej[br]odnoszą się do wersji mniej istotnych.

0:02:08.120,0:02:10.227
Ja używam tu biblioteki jQuery2,

0:02:10.327,0:02:14.397
która współpracuje z nowoczesnymi[br]przeglądarkami oprócz IE 8.

0:02:14.497,0:02:19.551
Sami zdecydujcie, której wersji użyjecie[br]na swojej stronie – zależnie od potrzeb.

0:02:19.651,0:02:22.593
Dobrze. Mamy już jQuery.

0:02:22.656,0:02:27.051
Teraz użyjmy tej biblioteki[br]w innym znaczniku "script".

0:02:30.204,0:02:35.267
Każda biblioteka JavaScript[br]wystawia funkcje i nadaje im nazwy.

0:02:35.367,0:02:40.364
Te nazwy i opis funkcji[br]znajdziemy w dokumentacji.

0:02:41.657,0:02:45.349
Biblioteka jQuery daje nam[br]ważną funkcję

0:02:45.449,0:02:47.446
o bardzo krótkiej nazwie.

0:02:47.546,0:02:50.504
To po prostu znaczek dolara.

0:02:50.570,0:02:53.429
Najpierw piszemy ten znaczek,

0:02:53.491,0:02:56.493
potem dwa nawiasy[br](bo mamy do czynienia z funkcją)

0:02:56.593,0:02:58.677
i, oczywiście, średnik.

0:02:59.425,0:03:01.928
Miło, że nazwa funkcji jest krótka,

0:03:01.974,0:03:04.691
bo będziemy ją przywoływać[br]bardzo często!

0:03:06.160,0:03:09.103
Do funkcji możemy wprowadzić[br]mnóstwo argumentów,

0:03:09.161,0:03:14.351
ale w moim przykładzie[br]będzie to po prostu ciąg znaków "h1".

0:03:16.309,0:03:18.886
Gdy skończę, program każe jQuery

0:03:18.932,0:03:22.919
znaleźć wszystkie elementy[br]"h1" na stronie

0:03:23.035,0:03:26.721
i zwrócić je jako obiekt[br]z kolekcji jQuery.

0:03:28.142,0:03:33.021
I teraz mogę przywołać[br]do obiektu jQuery inne metody,

0:03:33.089,0:03:37.129
żeby zmieniać wszystkie[br]znalezione elementy "h1".

0:03:37.179,0:03:40.009
Chcąc zmienić tekst[br]wewnętrzny w każdym elemencie,

0:03:40.043,0:03:44.885
przywołam funkcję "text"[br]i wprowadzę ciąg znaków.

0:03:46.905,0:03:50.736
Już się robi! Tak! Gotowe.

0:03:50.787,0:03:53.033
To nasz pierwszy kontakt z jQuery.

0:03:53.078,0:03:56.866
Wprowadziliśmy bibliotekę do programu[br]za pomocą znacznika "script"

0:03:56.966,0:03:59.815
i kazaliśmy jej znaleźć[br]wszystkie "h1" na stronie,

0:03:59.871,0:04:02.880
a potem – zmienić w nich tekst.

0:04:03.577,0:04:07.547
Oglądajcie kolejne odcinki.[br]Zagłębimy się w szczegóły,

0:04:07.603,0:04:10.799
poznamy sposoby wybierania[br]i modyfikacji elementów,

0:04:10.899,0:04:14.831
dowiemy się, jak używać jQuery[br]w reakcji na zdarzenia użytkownika…

0:04:14.931,0:04:17.557
Będzie też zabawa[br]przy animacji i efektach.