[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.69,0:00:05.54,Default,,0000,0000,0000,,Podam wam podstawowe zasady\Nkorzystania z jQuery na stronie www.
Dialogue: 0,0:00:05.64,0:00:08.87,Default,,0000,0000,0000,,Pierwszy krok\N– to wprowadzić bibliotekę jQuery
Dialogue: 0,0:00:08.95,0:00:12.00,Default,,0000,0000,0000,,przy użyciu znacznika "script".
Dialogue: 0,0:00:12.10,0:00:15.97,Default,,0000,0000,0000,,Zanim jednak umieścimy JavaScript\Nw naszym znaczniku "script",
Dialogue: 0,0:00:16.03,0:00:20.22,Default,,0000,0000,0000,,dodam atrybut "src".
Dialogue: 0,0:00:20.29,0:00:23.13,Default,,0000,0000,0000,,I muszę to połączyć z jakimś URL-em.
Dialogue: 0,0:00:24.24,0:00:26.33,Default,,0000,0000,0000,,Ale z jakim?
Dialogue: 0,0:00:26.41,0:00:28.84,Default,,0000,0000,0000,,Gdybym pracowała na własnym komputerze
Dialogue: 0,0:00:28.92,0:00:32.46,Default,,0000,0000,0000,,i załadowała jQuery do katalogu,\Nw którym jest moja strona,
Dialogue: 0,0:00:32.55,0:00:35.60,Default,,0000,0000,0000,,mogłabym napisać po prostu "jquery.js".
Dialogue: 0,0:00:36.38,0:00:39.39,Default,,0000,0000,0000,,Ale w Khan Academy to nie zadziała.
Dialogue: 0,0:00:39.49,0:00:45.02,Default,,0000,0000,0000,,Tu jest mi potrzebny URL jQuery\Nna jakimś serwerze online.
Dialogue: 0,0:00:45.86,0:00:49.27,Default,,0000,0000,0000,,Lista tych URL-ów\Nznajduje się na stronie jquery.com.
Dialogue: 0,0:00:50.57,0:00:53.50,Default,,0000,0000,0000,,Wkleję tu jeden z nich. Gotowe.
Dialogue: 0,0:00:54.33,0:00:57.97,Default,,0000,0000,0000,,Chcę zwrócić waszą uwagę\Nna parę spraw związanych z tym URL-em.
Dialogue: 0,0:00:58.07,0:01:01.79,Default,,0000,0000,0000,,Po pierwsze, zaczyna się od "https".
Dialogue: 0,0:01:01.84,0:01:05.13,Default,,0000,0000,0000,,To oznacza, że jest bezpieczny.
Dialogue: 0,0:01:05.23,0:01:10.64,Default,,0000,0000,0000,,Khan Academy pozwala wam\Nsprowadzać tylko bezpieczne zasoby.
Dialogue: 0,0:01:11.13,0:01:14.16,Default,,0000,0000,0000,,To dobry zwyczaj\Nw projektowaniu stron!
Dialogue: 0,0:01:15.66,0:01:21.56,Default,,0000,0000,0000,,Po drugie, ten URL znajduje się\Nna serwerze Google: googleapis.com.
Dialogue: 0,0:01:22.76,0:01:27.70,Default,,0000,0000,0000,,To serwer systemu CDN\N(sieci dystrybucji treści)
Dialogue: 0,0:01:27.75,0:01:32.46,Default,,0000,0000,0000,,przystosowany do obsługi plików\Nstatycznych, jak biblioteki JavaScript.
Dialogue: 0,0:01:32.51,0:01:34.73,Default,,0000,0000,0000,,Obsługuje te pliki bardzo szybko.
Dialogue: 0,0:01:35.27,0:01:38.01,Default,,0000,0000,0000,,Ufam temu serwerowi Google.
Dialogue: 0,0:01:38.05,0:01:42.90,Default,,0000,0000,0000,,Zawsze powinniście ufać serwerom,\Nz których sprowadzacie skrypty,
Dialogue: 0,0:01:43.00,0:01:47.32,Default,,0000,0000,0000,,bo ta operacja niesie potencjalne\Nzagrożenie dla waszej strony.
Dialogue: 0,0:01:47.36,0:01:52.77,Default,,0000,0000,0000,,Po trzecie, w tym URL-u\Nzawiera się numer wersji: 2.1.4.
Dialogue: 0,0:01:53.73,0:01:56.23,Default,,0000,0000,0000,,Biblioteka jQuery aktywnie się rozwija.
Dialogue: 0,0:01:56.33,0:01:58.98,Default,,0000,0000,0000,,Często powstają nowe wersje.
Dialogue: 0,0:01:59.08,0:02:03.12,Default,,0000,0000,0000,,Cyfry po lewej stronie oznaczają\Nznaczące zmiany wersji,
Dialogue: 0,0:02:03.22,0:02:07.48,Default,,0000,0000,0000,,a te po stronie prawej\Nodnoszą się do wersji mniej istotnych.
Dialogue: 0,0:02:08.12,0:02:10.23,Default,,0000,0000,0000,,Ja używam tu biblioteki jQuery2,
Dialogue: 0,0:02:10.33,0:02:14.40,Default,,0000,0000,0000,,która współpracuje z nowoczesnymi\Nprzeglądarkami oprócz IE 8.
Dialogue: 0,0:02:14.50,0:02:19.55,Default,,0000,0000,0000,,Sami zdecydujcie, której wersji użyjecie\Nna swojej stronie – zależnie od potrzeb.
Dialogue: 0,0:02:19.65,0:02:22.59,Default,,0000,0000,0000,,Dobrze. Mamy już jQuery.
Dialogue: 0,0:02:22.66,0:02:27.05,Default,,0000,0000,0000,,Teraz użyjmy tej biblioteki\Nw innym znaczniku "script".
Dialogue: 0,0:02:30.20,0:02:35.27,Default,,0000,0000,0000,,Każda biblioteka JavaScript\Nwystawia funkcje i nadaje im nazwy.
Dialogue: 0,0:02:35.37,0:02:40.36,Default,,0000,0000,0000,,Te nazwy i opis funkcji\Nznajdziemy w dokumentacji.
Dialogue: 0,0:02:41.66,0:02:45.35,Default,,0000,0000,0000,,Biblioteka jQuery daje nam\Nważną funkcję
Dialogue: 0,0:02:45.45,0:02:47.45,Default,,0000,0000,0000,,o bardzo krótkiej nazwie.
Dialogue: 0,0:02:47.55,0:02:50.50,Default,,0000,0000,0000,,To po prostu znaczek dolara.
Dialogue: 0,0:02:50.57,0:02:53.43,Default,,0000,0000,0000,,Najpierw piszemy ten znaczek,
Dialogue: 0,0:02:53.49,0:02:56.49,Default,,0000,0000,0000,,potem dwa nawiasy\N(bo mamy do czynienia z funkcją)
Dialogue: 0,0:02:56.59,0:02:58.68,Default,,0000,0000,0000,,i, oczywiście, średnik.
Dialogue: 0,0:02:59.42,0:03:01.93,Default,,0000,0000,0000,,Miło, że nazwa funkcji jest krótka,
Dialogue: 0,0:03:01.97,0:03:04.69,Default,,0000,0000,0000,,bo będziemy ją przywoływać\Nbardzo często!
Dialogue: 0,0:03:06.16,0:03:09.10,Default,,0000,0000,0000,,Do funkcji możemy wprowadzić\Nmnóstwo argumentów,
Dialogue: 0,0:03:09.16,0:03:14.35,Default,,0000,0000,0000,,ale w moim przykładzie\Nbędzie to po prostu ciąg znaków "h1".
Dialogue: 0,0:03:16.31,0:03:18.89,Default,,0000,0000,0000,,Gdy skończę, program każe jQuery
Dialogue: 0,0:03:18.93,0:03:22.92,Default,,0000,0000,0000,,znaleźć wszystkie elementy\N"h1" na stronie
Dialogue: 0,0:03:23.04,0:03:26.72,Default,,0000,0000,0000,,i zwrócić je jako obiekt\Nz kolekcji jQuery.
Dialogue: 0,0:03:28.14,0:03:33.02,Default,,0000,0000,0000,,I teraz mogę przywołać\Ndo obiektu jQuery inne metody,
Dialogue: 0,0:03:33.09,0:03:37.13,Default,,0000,0000,0000,,żeby zmieniać wszystkie\Nznalezione elementy "h1".
Dialogue: 0,0:03:37.18,0:03:40.01,Default,,0000,0000,0000,,Chcąc zmienić tekst\Nwewnętrzny w każdym elemencie,
Dialogue: 0,0:03:40.04,0:03:44.88,Default,,0000,0000,0000,,przywołam funkcję "text"\Ni wprowadzę ciąg znaków.
Dialogue: 0,0:03:46.90,0:03:50.74,Default,,0000,0000,0000,,Już się robi! Tak! Gotowe.
Dialogue: 0,0:03:50.79,0:03:53.03,Default,,0000,0000,0000,,To nasz pierwszy kontakt z jQuery.
Dialogue: 0,0:03:53.08,0:03:56.87,Default,,0000,0000,0000,,Wprowadziliśmy bibliotekę do programu\Nza pomocą znacznika "script"
Dialogue: 0,0:03:56.97,0:03:59.82,Default,,0000,0000,0000,,i kazaliśmy jej znaleźć\Nwszystkie "h1" na stronie,
Dialogue: 0,0:03:59.87,0:04:02.88,Default,,0000,0000,0000,,a potem – zmienić w nich tekst.
Dialogue: 0,0:04:03.58,0:04:07.55,Default,,0000,0000,0000,,Oglądajcie kolejne odcinki.\NZagłębimy się w szczegóły,
Dialogue: 0,0:04:07.60,0:04:10.80,Default,,0000,0000,0000,,poznamy sposoby wybierania\Ni modyfikacji elementów,
Dialogue: 0,0:04:10.90,0:04:14.83,Default,,0000,0000,0000,,dowiemy się, jak używać jQuery\Nw reakcji na zdarzenia użytkownika…
Dialogue: 0,0:04:14.93,0:04:17.56,Default,,0000,0000,0000,,Będzie też zabawa\Nprzy animacji i efektach.