[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.77,0:00:04.98,Default,,0000,0000,0000,,Napisałam program, aby opowiedzieć\No Winstonie. Są pikantne szczegóły, Dialogue: 0,0:00:05.08,0:00:08.61,Default,,0000,0000,0000,,ale niedużo, bo Winston\Nlubi mieć tajemnice. Dialogue: 0,0:00:08.71,0:00:10.22,Default,,0000,0000,0000,,Taki charakter. Dialogue: 0,0:00:11.26,0:00:13.45,Default,,0000,0000,0000,,Zobaczmy, jak napisałam\Nten program. Dialogue: 0,0:00:13.55,0:00:16.95,Default,,0000,0000,0000,,Zmienne u góry przechowują\Ninformacje o Winstonie. Dialogue: 0,0:00:17.05,0:00:19.26,Default,,0000,0000,0000,,Pierwsza - to liczba, czyli wiek, Dialogue: 0,0:00:19.36,0:00:21.73,Default,,0000,0000,0000,,druga - ciąg znaków (oczy), Dialogue: 0,0:00:21.83,0:00:26.04,Default,,0000,0000,0000,,trzecia - tablica słów\N(ulubione zajęcia), Dialogue: 0,0:00:26.14,0:00:30.26,Default,,0000,0000,0000,,a ciągi znaków w 2 ostatnich zmiennych\Ndotyczą miejsca urodzenia. Dialogue: 0,0:00:31.42,0:00:34.83,Default,,0000,0000,0000,,Napisałam to u dołu\Nz użyciem polecenia „text” Dialogue: 0,0:00:34.93,0:00:36.50,Default,,0000,0000,0000,,i nazwy zmiennej. Dialogue: 0,0:00:36.60,0:00:40.96,Default,,0000,0000,0000,,A do elementów tablicy mam dostęp\Nprzez nawiasy kwadratowe. Dialogue: 0,0:00:41.98,0:00:42.98,Default,,0000,0000,0000,,W porządku. Dialogue: 0,0:00:43.08,0:00:44.98,Default,,0000,0000,0000,,Cała piątka zmiennych Dialogue: 0,0:00:45.08,0:00:48.62,Default,,0000,0000,0000,,zawiera informacje\Nna jeden temat: Winstona. Dialogue: 0,0:00:48.72,0:00:51.69,Default,,0000,0000,0000,,Ale zmienne nie wiedzą,\Nże dotyczą tego samego. Dialogue: 0,0:00:52.48,0:00:54.96,Default,,0000,0000,0000,,A w JavaScript, Dialogue: 0,0:00:55.06,0:00:58.24,Default,,0000,0000,0000,,gdy chcemy przechowywać\Nróżne, ale powiązane informacje, Dialogue: 0,0:00:58.34,0:01:01.15,Default,,0000,0000,0000,,mamy na to świetny sposób. Dialogue: 0,0:01:01.25,0:01:02.67,Default,,0000,0000,0000,,Chodzi o obiekt. Dialogue: 0,0:01:03.46,0:01:06.14,Default,,0000,0000,0000,,Zamiast pięciu zmiennych Dialogue: 0,0:01:06.24,0:01:11.03,Default,,0000,0000,0000,,możemy mieć jedną, która przechowa\Nwszystkie te informacje. Super! Dialogue: 0,0:01:11.94,0:01:14.23,Default,,0000,0000,0000,,Wypróbujmy to na Winstonie. Dialogue: 0,0:01:14.33,0:01:17.79,Default,,0000,0000,0000,,Najpierw określimy zmienną\Ni nazwiemy ją „Winston”. Dialogue: 0,0:01:17.89,0:01:21.04,Default,,0000,0000,0000,,Potem otworzymy klamrę Dialogue: 0,0:01:21.14,0:01:23.13,Default,,0000,0000,0000,,(nie nawias kwadratowy!) Dialogue: 0,0:01:23.69,0:01:25.36,Default,,0000,0000,0000,,i wstawimy średnik. Dialogue: 0,0:01:25.46,0:01:30.24,Default,,0000,0000,0000,,Stworzyliśmy obiekt,\Nale nie zawiera on informacji. Dialogue: 0,0:01:31.76,0:01:35.48,Default,,0000,0000,0000,,Żeby dodać informacje,\Nmusimy dodać właściwości. Dialogue: 0,0:01:35.58,0:01:37.91,Default,,0000,0000,0000,,Właściwość - to klucz i wartość. Dialogue: 0,0:01:38.01,0:01:40.91,Default,,0000,0000,0000,,Np. wiek opiszemy jako „wiek: 19”. Dialogue: 0,0:01:41.33,0:01:44.72,Default,,0000,0000,0000,,Dobrze. Przy oczach\Nwstawimy przecinek Dialogue: 0,0:01:44.82,0:01:47.23,Default,,0000,0000,0000,,i damy „oczy, czarne”. Dialogue: 0,0:01:47.76,0:01:51.94,Default,,0000,0000,0000,,Winston ma teraz\Ndwie właściwości w obiekcie. Dialogue: 0,0:01:52.71,0:01:55.75,Default,,0000,0000,0000,,Co do ulubionych zajęć...\NPiszemy „lubi:” Dialogue: 0,0:01:55.85,0:01:58.40,Default,,0000,0000,0000,,po czym kopiuję i wklejam to. Dialogue: 0,0:01:59.30,0:02:00.100,Default,,0000,0000,0000,,Bardzo ładnie. Dialogue: 0,0:02:01.25,0:02:04.11,Default,,0000,0000,0000,,Patrzcie: Winston ma\Ntrzy właściwości. Dialogue: 0,0:02:04.21,0:02:06.48,Default,,0000,0000,0000,,Każda właściwość składa się z klucza, Dialogue: 0,0:02:06.58,0:02:08.78,Default,,0000,0000,0000,,po prawej stronie, Dialogue: 0,0:02:08.88,0:02:11.40,Default,,0000,0000,0000,,i wartości, po stronie lewej. Dialogue: 0,0:02:12.75,0:02:16.88,Default,,0000,0000,0000,,Klucz ma być zgodny z zasadami\NJavaScript co do nazw zmiennych. Dialogue: 0,0:02:16.98,0:02:20.08,Default,,0000,0000,0000,,Bez spacji, początek od litery itp. Dialogue: 0,0:02:20.67,0:02:24.57,Default,,0000,0000,0000,,Wartość może być każdego typu,\Njaki znamy. Dialogue: 0,0:02:24.67,0:02:27.56,Default,,0000,0000,0000,,Liczba, ciąg znaków, tablica... Dialogue: 0,0:02:27.66,0:02:29.24,Default,,0000,0000,0000,,nawet wyrażenie logiczne. Dialogue: 0,0:02:29.34,0:02:33.32,Default,,0000,0000,0000,,Możemy dodać:\N„jest_fajny : prawda”. Oczywiście! Dialogue: 0,0:02:33.42,0:02:37.43,Default,,0000,0000,0000,,Wartością może być nawet\Ninny obiekt! Dialogue: 0,0:02:37.96,0:02:40.47,Default,,0000,0000,0000,,Miasto i stan, gdzie Winston się urodził. Dialogue: 0,0:02:40.57,0:02:44.70,Default,,0000,0000,0000,,Te informacje dotyczą tego samego:\Njednego miejsca. Dialogue: 0,0:02:45.53,0:02:48.76,Default,,0000,0000,0000,,Zatem lepiej przechowywać to\Njako obiekt. Dialogue: 0,0:02:48.86,0:02:51.09,Default,,0000,0000,0000,,Dodam klucz, „miejsce urodzenia”, Dialogue: 0,0:02:51.19,0:02:54.98,Default,,0000,0000,0000,,a co do wartości... zrobię klamry Dialogue: 0,0:02:55.08,0:02:57.78,Default,,0000,0000,0000,,i w środku napiszę klucz dla miasta: Dialogue: 0,0:02:58.61,0:03:00.35,Default,,0000,0000,0000,,„Mountain View”, Dialogue: 0,0:03:00.45,0:03:03.41,Default,,0000,0000,0000,,i stanu: „Kalifornia”. Dialogue: 0,0:03:04.80,0:03:05.39,Default,,0000,0000,0000,,Świetnie! Dialogue: 0,0:03:05.49,0:03:09.64,Default,,0000,0000,0000,,Widzicie, że w obiekcie można\Nprzechowywać dużo informacji. Dialogue: 0,0:03:11.22,0:03:15.59,Default,,0000,0000,0000,,Kiedy już mamy obiekt\Nz informacjami o Winstonie, Dialogue: 0,0:03:15.69,0:03:19.16,Default,,0000,0000,0000,,spróbujmy skasować\Nstare oddzielne zmienne, Dialogue: 0,0:03:19.26,0:03:22.22,Default,,0000,0000,0000,,które nie wiedziały o sobie nawzajem. Dialogue: 0,0:03:22.31,0:03:24.38,Default,,0000,0000,0000,,Dobrze? Oj! Dialogue: 0,0:03:24.48,0:03:25.96,Default,,0000,0000,0000,,Mamy błąd. Dialogue: 0,0:03:26.06,0:03:29.80,Default,,0000,0000,0000,,Bo polecenia „text”\Nodnoszą się do starych zmiennych. Dialogue: 0,0:03:29.90,0:03:34.13,Default,,0000,0000,0000,,Musimy je uaktualnić, żeby używały\Ninformacji z obiektu. Dialogue: 0,0:03:34.23,0:03:39.68,Default,,0000,0000,0000,,Najpierw wycofam trzy ostatnie,\Npo jednej. Dialogue: 0,0:03:40.48,0:03:43.61,Default,,0000,0000,0000,,No dobrze. Teraz mamy\Nwiek Winstona. Dialogue: 0,0:03:43.71,0:03:46.09,Default,,0000,0000,0000,,Musimy to zmienić. Dialogue: 0,0:03:46.19,0:03:49.58,Default,,0000,0000,0000,,Wpisujemy „Winston” - nazwę zmiennej. Dialogue: 0,0:03:49.68,0:03:51.78,Default,,0000,0000,0000,,Jeśli zostawimy to, jak jest, Dialogue: 0,0:03:51.88,0:03:54.92,Default,,0000,0000,0000,,widać: „object object”. Wstrętne! Dialogue: 0,0:03:55.02,0:03:57.10,Default,,0000,0000,0000,,Tak JavaScript mówi nam, Dialogue: 0,0:03:57.20,0:04:00.72,Default,,0000,0000,0000,,że próbujemy zmienić cały\Nobiekt w ciąg znaków. Dialogue: 0,0:04:00.82,0:04:04.76,Default,,0000,0000,0000,,A my chcemy tylko dostać się\Ndo „wieku” wewnątrz. Dialogue: 0,0:04:04.86,0:04:06.99,Default,,0000,0000,0000,,Stawiamy więc kropkę, Dialogue: 0,0:04:07.09,0:04:10.75,Default,,0000,0000,0000,,a potem wpisujemy klucz\Nwłaściwości, czyli „wiek”. Dialogue: 0,0:04:10.85,0:04:12.34,Default,,0000,0000,0000,,Hura, mamy wiek! Dialogue: 0,0:04:13.17,0:04:14.77,Default,,0000,0000,0000,,Nazywamy to notacją z kropką. Dialogue: 0,0:04:14.87,0:04:17.21,Default,,0000,0000,0000,,Piszemy nazwę zmiennej obiektu, Dialogue: 0,0:04:17.31,0:04:18.46,Default,,0000,0000,0000,,stawiamy kropkę Dialogue: 0,0:04:18.56,0:04:20.98,Default,,0000,0000,0000,,i wpisujemy klucz właściwości. Dialogue: 0,0:04:21.08,0:04:23.45,Default,,0000,0000,0000,,Zróbmy coś więcej. Dialogue: 0,0:04:23.55,0:04:26.87,Default,,0000,0000,0000,,Wycofajmy to\Ni zamiast „Winston eyes” Dialogue: 0,0:04:26.97,0:04:29.14,Default,,0000,0000,0000,,napiszmy Winston - kropka eyes. Dialogue: 0,0:04:29.24,0:04:33.60,Default,,0000,0000,0000,,A tu będzie: Winston - kropka - lubi. Dialogue: 0,0:04:33.70,0:04:36.32,Default,,0000,0000,0000,,Potem: Winston - kropka - lubi 1. Dialogue: 0,0:04:37.08,0:04:39.94,Default,,0000,0000,0000,,Z ostatnią zmienną Dialogue: 0,0:04:40.04,0:04:42.28,Default,,0000,0000,0000,,będzie trochę trudniej, Dialogue: 0,0:04:42.38,0:04:44.65,Default,,0000,0000,0000,,bo to obiekt w obiekcie. Dialogue: 0,0:04:44.75,0:04:47.100,Default,,0000,0000,0000,,Napiszemy „Winston”,\Npostawimy kropkę, Dialogue: 0,0:04:48.10,0:04:49.65,Default,,0000,0000,0000,,„birthplace” (m. urodzenia) Dialogue: 0,0:04:49.75,0:04:51.97,Default,,0000,0000,0000,,ale nadal będzie to obiekt, Dialogue: 0,0:04:52.07,0:04:54.40,Default,,0000,0000,0000,,więc potrzebujemy kropki i miasta. Dialogue: 0,0:04:55.52,0:04:56.91,Default,,0000,0000,0000,,Zróbmy to tutaj. Dialogue: 0,0:04:57.01,0:05:01.30,Default,,0000,0000,0000,,Winston - kropka - miejsce\Nurodzenia - kropka - stan. Dialogue: 0,0:05:01.40,0:05:02.32,Default,,0000,0000,0000,,Hura! Dialogue: 0,0:05:02.42,0:05:06.99,Default,,0000,0000,0000,,Super: możemy sięgać do obiektów\Nznajdujących się w obiektach. Dialogue: 0,0:05:08.24,0:05:09.43,Default,,0000,0000,0000,,W porządku! Dialogue: 0,0:05:10.47,0:05:11.87,Default,,0000,0000,0000,,Fantastycznie! Dialogue: 0,0:05:11.97,0:05:13.75,Default,,0000,0000,0000,,Jak widzicie, Dialogue: 0,0:05:13.85,0:05:15.95,Default,,0000,0000,0000,,w obiektach można przechowywać Dialogue: 0,0:05:16.05,0:05:19.23,Default,,0000,0000,0000,,powiązanych informacji o czymś, Dialogue: 0,0:05:19.33,0:05:21.18,Default,,0000,0000,0000,,do których potem\Nmamy dostęp. Dialogue: 0,0:05:21.27,0:05:24.50,Default,,0000,0000,0000,,Oglądajcie dalej. Zobaczycie,\Njak świetne są obiekty!