1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> JASON Hirschhorna: Dobrodošli, svatko, u tjedan devet. 3 00:00:10,850 --> 00:00:14,800 Imamo uzbudljiv tjedan pred nama jer mi imamo konačni problema set. 4 00:00:14,800 --> 00:00:18,330 Također imamo potpuno novi jezik, JavaScript, koje su već u 5 00:00:18,330 --> 00:00:22,690 usred pomoću ne samo za to Problem set, ali mnogi će od vas 6 00:00:22,690 --> 00:00:24,780 Vjerojatno ga koristiti za konačni projekti, a posebno 7 00:00:24,780 --> 00:00:26,000 web-based završne projekti. 8 00:00:26,000 --> 00:00:32,330 Dakle, to je ono što ćemo ići preko danas poslije ukratko govori o resursima, 9 00:00:32,330 --> 00:00:33,180 što nam je činiti svaki tjedan. 10 00:00:33,180 --> 00:00:36,850 Mi ćemo skočiti u JavaScriptu, a zatim ćemo provesti sve sekcije s 11 00:00:36,850 --> 00:00:44,460 hands-on aktivnosti kodiranja Dolphin trenera 2K13, koja je poput Madden 12 00:00:44,460 --> 00:00:48,650 2013, ali za dupine i JavaScript. 13 00:00:48,650 --> 00:00:49,910 >> [Smijeh] 14 00:00:49,910 --> 00:00:53,670 >> JASON Hirschhorna: Dakle, kao i uvijek, popis resursa za vas da provjerite. 15 00:00:53,670 --> 00:01:00,040 Ovi resursi su posebno važni jer sljedeći tjedan na 16 00:01:00,040 --> 00:01:05,630 Srijeda je kviz jedan, vaš drugi i konačna kviz na ovom tečaju. 17 00:01:05,630 --> 00:01:10,700 Baš kao i kviz nula, to je 75 minuta i počne nešto poslije 13:00. 18 00:01:10,700 --> 00:01:16,400 Ona pokriva sve, još od nultog dana ovog tečaja, ali sigurno 19 00:01:16,400 --> 00:01:20,360 naglašava sve što ima dogodilo od kviza jedan. 20 00:01:20,360 --> 00:01:23,610 >> Ali, naravno, pokriveni smo na petlji u početku godine. 21 00:01:23,610 --> 00:01:27,130 Za petlje vjerojatno još uvijek ide na biti dio ovog kviza, tako da to nije 22 00:01:27,130 --> 00:01:31,050 kao što možete ignorirati sve što dogodilo prije tjedan pet ili kviza nula 23 00:01:31,050 --> 00:01:32,910 jer je to naravno gradi Na sebi puno. 24 00:01:32,910 --> 00:01:37,080 No, svakako će naglasak biti na stvari koje smo naučili od šestom tjednu. 25 00:01:37,080 --> 00:01:42,520 To uključuje PHP, JavaScript, SQL svakako, ali i naprednije 26 00:01:42,520 --> 00:01:46,560 strukture podataka smo razgovarali o tome u C. Cijeli niz drugih tema, ali mi 27 00:01:46,560 --> 00:01:49,860 će o tome razgovarati sljedeći tjedan kao što smo pregled za kviz. 28 00:01:49,860 --> 00:01:52,940 >> I također, kao i uvijek, ako imate bilo pitanja o kvizu kao što ste 29 00:01:52,940 --> 00:01:56,690 priprema, slobodno pošaljite ih na svoj način. 30 00:01:56,690 --> 00:02:00,230 Upravo sada, ne bilo tko imati bilo kratkih pitanja o kvizu? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> OK. 33 00:02:03,380 --> 00:02:06,440 Ne morate brinuti o tome ili freak se o upravo sada, ali imajte to na 34 00:02:06,440 --> 00:02:10,130 pozadini vašeg uma, jer to je događa tjedan dana i dan od sada. 35 00:02:10,130 --> 00:02:15,030 >> Konačno, ja znam da smo trčati prema kraj semestra - 36 00:02:15,030 --> 00:02:19,910 postoje samo dvije sekcije ostaju nakon - ali ja sam još uvijek uzbuđen i 37 00:02:19,910 --> 00:02:21,930 željan za vaše povratne informacije ako imate bilo. 38 00:02:21,930 --> 00:02:24,500 Želim da se one Najbolje dvije sekcije ikad. 39 00:02:24,500 --> 00:02:27,670 Oni će vjerojatno biti, jer svaka dio je nevjerojatna i najbolji ikada. 40 00:02:27,670 --> 00:02:32,260 Ja ne znam kako je to moguće, ali Svi su bili fantastični, mislim. 41 00:02:32,260 --> 00:02:37,560 >> Povratne informacije sam dobio je utihnuo ništa i nitko od za 42 00:02:37,560 --> 00:02:40,880 Posljednjih nekoliko tjedana, pa vas molimo da daju ja neke povratne informacije, ako ga imate. 43 00:02:40,880 --> 00:02:42,910 To traje tri minute. 44 00:02:42,910 --> 00:02:44,900 Možete mi reći dobre stvari vas Želite li da bi radili ili 45 00:02:44,900 --> 00:02:46,080 stvari koje mogu raditi. 46 00:02:46,080 --> 00:02:49,700 Ja pokušavam biti najbolji učitelj moguće, ili ja pokušavam napraviti najbolje 47 00:02:49,700 --> 00:02:52,920 Ja mogu, ali ja to ne mogu učiniti, ako mi se ne znam kako vi radite. 48 00:02:52,920 --> 00:02:55,080 A to je teško reći zašto ste pada spava u razredu, pa mi dopustite 49 00:02:55,080 --> 00:02:58,250 Znaš, nakon toga je to bio slučaj. 50 00:02:58,250 --> 00:03:00,940 >> Pokazala sam ti ovu sliku prošlog tjedna. 51 00:03:00,940 --> 00:03:06,910 To je Teenage Mutant Ninja Turtles bicikl sam imao kad sam bio mlađi, 52 00:03:06,910 --> 00:03:12,350 a mi smo i dalje gurati vi momci bez treninga kotača kao što smo uroniti 53 00:03:12,350 --> 00:03:13,630 li na nekom drugom jeziku. 54 00:03:13,630 --> 00:03:18,420 No, budite uvjereni, JavaScript, kao što su PHP, Vrlo je sličan stvari koje ste 55 00:03:18,420 --> 00:03:18,990 učinjeno u prošlosti. 56 00:03:18,990 --> 00:03:24,100 Puno logike prenosi preko, ako Ne sintaksa, točno jedan-na-jedan. 57 00:03:24,100 --> 00:03:26,910 Ali opet, sve te jezike koje smo otišli više u posljednjih nekoliko 58 00:03:26,910 --> 00:03:30,175 tjedana, iako oni činiti neodoljiv, su nevjerojatno snažni i da će omogućiti 59 00:03:30,175 --> 00:03:34,440 što učiniti puno u svoj konačni projekt , a vjerojatno i druge web stranice koje ste 60 00:03:34,440 --> 00:03:36,180 kod u budućnosti. 61 00:03:36,180 --> 00:03:41,000 >> Dakle, bez dodatnih teškoća, idemo za početak zaroniti u JavaScriptu. 62 00:03:41,000 --> 00:03:44,630 Idemo razgovarati o tome kratko i onda stvarno dobili u ruke-o 63 00:03:44,630 --> 00:03:48,300 kodiranja dio ovog poglavlja. 64 00:03:48,300 --> 00:03:53,000 Dakle JavaScript je na strani klijenta skripti jezik, što znači da je 65 00:03:53,000 --> 00:03:56,740 razlikuje od PHP i to je drugačija od C. JavaScript nije sastavljen i 66 00:03:56,740 --> 00:03:58,740 to nije izvršen od strane poslužitelja. 67 00:03:58,740 --> 00:04:02,090 Umjesto toga, možete ga učitati. 68 00:04:02,090 --> 00:04:06,710 Možete učitati stranicu JavaScript prilikom učitavanja web stranica, a zatim izvršava 69 00:04:06,710 --> 00:04:08,020 na vašem računalu. 70 00:04:08,020 --> 00:04:11,120 Što znači da možete vidjeti sve JavaScript kod koji je 71 00:04:11,120 --> 00:04:12,240 poslan na vašem računalu. 72 00:04:12,240 --> 00:04:21,750 >> Ponekad je skratiti ili kodirane A malo, kodiran malo, tako da 73 00:04:21,750 --> 00:04:23,390 Ne mogu reći izričito ono što se događa. 74 00:04:23,390 --> 00:04:26,920 Na primjer, ako provjerite CS50 ili Rješenje osoblje za ovotjedni 75 00:04:26,920 --> 00:04:31,260 Problem postaviti, a vi idite na service.js, primijetit ćete vi zapravo ne može reći 76 00:04:31,260 --> 00:04:32,560 što učiniti od onoga što smo vam dali. 77 00:04:32,560 --> 00:04:37,020 Kodiran smo ga malo napraviti da malo teže. 78 00:04:37,020 --> 00:04:40,450 Ipak, možete vidjeti točno JavaScript sliku da smo izvršavanju 79 00:04:40,450 --> 00:04:42,010 i naš program izvodi. 80 00:04:42,010 --> 00:04:46,510 Dakle, to je ono što to znači biti skriptni jezik na strani klijenta. 81 00:04:46,510 --> 00:04:51,280 >> Slično C i PHP, iako, JavaScript ima za petlje, ako / ostalo 82 00:04:51,280 --> 00:04:52,715 uvjeti, dok petlje. 83 00:04:52,715 --> 00:04:58,290 Slično PHP, ima foreach petlje kao dobro. 84 00:04:58,290 --> 00:05:02,270 I opet, vrlo sličan syntaxes koje smo vidjeli u 85 00:05:02,270 --> 00:05:04,430 jezici koje smo već radio. 86 00:05:04,430 --> 00:05:07,650 >> Konačno, jedan od najboljih dijelova JavaScript, i nešto što će biti 87 00:05:07,650 --> 00:05:10,010 radi puno i danas, a vjerojatno da ćete se radi puno s P skupa, ako vam 88 00:05:10,010 --> 00:05:13,810 nisam to doživio već, je li Možete provjeriti sve pogreške koje ste 89 00:05:13,810 --> 00:05:16,290 u kodu preko Konzola JavaScripta. 90 00:05:16,290 --> 00:05:17,770 Mi smo gledali na njega malo prošlog tjedna. 91 00:05:17,770 --> 00:05:21,800 Mi smo gledali na drugu vrstu konzole pregledati stranicu, ali u 92 00:05:21,800 --> 00:05:28,420 Chrome, opet, možete vidjeti izgled, HTML, dokument koji je vaša stranica 93 00:05:28,420 --> 00:05:29,310 ti prikazuje na ekranu. 94 00:05:29,310 --> 00:05:33,820 Također možete vidjeti sve u JavaScriptu formirati tu stranicu, a također možete, kao i 95 00:05:33,820 --> 00:05:36,410 Rekao sam, vidim sve pogreške u Konzola JavaScripta. 96 00:05:36,410 --> 00:05:40,110 I mi ćemo doživjeti da je više u malo kad počnemo kodiranja. 97 00:05:40,110 --> 00:05:42,380 >> Jedna stvar na umu o JavaScript varijabli. 98 00:05:42,380 --> 00:05:46,950 Kao PHP varijable, oni su labavo upisali, tako da ne morate 99 00:05:46,950 --> 00:05:48,690 dati im određenu vrstu. 100 00:05:48,690 --> 00:05:52,330 U pogledu opsega, koji je definiran od strane "var" ključnu riječ. 101 00:05:52,330 --> 00:05:54,890 Dakle, ako ne stavi ključnu riječ ispred nečega, što samo napisati ime 102 00:05:54,890 --> 00:05:57,870 varijable, onda zadatak operator, u ovom slučaju znak jednakosti. 103 00:05:57,870 --> 00:06:00,360 Ja zaboravljam točku zarez tamo, no pretpostavljaju da postoji zarez 104 00:06:00,360 --> 00:06:01,590 tamo. 105 00:06:01,590 --> 00:06:03,520 >> Onda ste napravili Globalna varijabla. 106 00:06:03,520 --> 00:06:06,960 Ako stavite "var" ključnu riječ, a zatim ti si dajući mu neki tip lokalne 107 00:06:06,960 --> 00:06:10,050 Opseg, bilo da je to funkcija ili petlje. 108 00:06:10,050 --> 00:06:12,215 Dakle, to je jedna stvar Napomena za varijabli. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript je jezik. 111 00:06:17,550 --> 00:06:21,830 jQuery je knjižnica izgrađena na vrhu JavaScript jezik, i imate 112 00:06:21,830 --> 00:06:24,180 ga već vidjeli u predavanju. 113 00:06:24,180 --> 00:06:28,010 Ja visoko preporučiti, ako idete na se pomoću JavaScript u vašem finalu 114 00:06:28,010 --> 00:06:29,690 Projekt, koji se znati jQuery. 115 00:06:29,690 --> 00:06:33,140 To čini sve što želite učiniti mnogo, mnogo lakše. 116 00:06:33,140 --> 00:06:36,730 Također dolazi s prekrasno dokumentacija i primjeri kako bi se dobili 117 00:06:36,730 --> 00:06:37,080 što je započeo. 118 00:06:37,080 --> 00:06:39,430 Danas ćemo se koristeći jQuery kao dobro. 119 00:06:39,430 --> 00:06:43,320 >> To, što imam na ovom slajdu, su vrlo osnove jQuery. 120 00:06:43,320 --> 00:06:47,200 U vrhu HTML datoteke ili god - vaša index.php datoteku, 121 00:06:47,200 --> 00:06:50,070 index.html file - trebate su ove dvije linije. 122 00:06:50,070 --> 00:06:51,540 To su prilično generički linije. 123 00:06:51,540 --> 00:06:57,350 Prva linija uključuje jQuery JavaScript datoteke, a druga linija 124 00:06:57,350 --> 00:07:00,410 uključuje i gdje god da sam napisao sami JavaScript kod. 125 00:07:00,410 --> 00:07:03,240 I, naravno, jer je u svoje JavaScript kod vjerojatno ste koristili 126 00:07:03,240 --> 00:07:07,800 neki jQuery knjižnica funkcije, koji treba da ide poslije 127 00:07:07,800 --> 00:07:09,650 jQuery uključivanje skripte. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 Istražit ćemo to Ponovno u trenutku. 130 00:07:15,550 --> 00:07:21,640 >> I na kraju, u JavaScript datoteku, Zovem to jedan index.js. 131 00:07:21,640 --> 00:07:22,640 To bi mogao biti scripts.js. 132 00:07:22,640 --> 00:07:26,510 Što god da je, bez obzira na JavaScript file ste, što počnete općenito 133 00:07:26,510 --> 00:07:30,780 s ove linije koda, znak dolara, otvorena zagrada, dokument, u neposrednoj blizini zagrada, 134 00:07:30,780 --> 00:07:34,810 razdoblje, spremni, otvorena zagrada, funkcija, otvorena zagrada, bliski zagrada, a zatim 135 00:07:34,810 --> 00:07:35,490 kovrčava brace. 136 00:07:35,490 --> 00:07:38,930 Baci kôd unutra, a zatim prekinite s kovrčave vitice, u neposrednoj blizini 137 00:07:38,930 --> 00:07:40,590 zagrada, zarez. 138 00:07:40,590 --> 00:07:42,550 >> Dakle, uzmite ovo kao dano. 139 00:07:42,550 --> 00:07:47,250 Ako tvoj 'idući u biti koristeći jQuery, zamotajte sve svoje jQuery koda unutar 140 00:07:47,250 --> 00:07:49,230 ova linija koda. 141 00:07:49,230 --> 00:07:53,150 A mi ćemo opet vidjeti da se u trenu. 142 00:07:53,150 --> 00:07:56,170 >> Opet ćemo raditi s jQuery, i molim te postavljati pitanja kako idemo 143 00:07:56,170 --> 00:07:58,420 i danas, ali ne bilo tko imati bilo pitanja o jQuery ili 144 00:07:58,420 --> 00:07:59,670 JavaScript upravo sada? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> OK. 147 00:08:11,780 --> 00:08:16,780 Dakle, bez dodatnih teškoća, predstavljam vama Dolphin trener 2K13. 148 00:08:16,780 --> 00:08:20,656 Ja sam super uzbuđen o tome najnovije verzija proizvoda. 149 00:08:20,656 --> 00:08:22,620 >> O, ne! 150 00:08:22,620 --> 00:08:23,590 Bio sam toliko uzbuđen. 151 00:08:23,590 --> 00:08:28,030 Htio sam pokazati da vas dečki, ali izgleda da nismo 152 00:08:28,030 --> 00:08:28,720 ga provodi još. 153 00:08:28,720 --> 00:08:30,340 Učinimo to malo veći. 154 00:08:30,340 --> 00:08:35,789 Dakle, ako sam učitati kod za Dolphin Trener - to Dang. 155 00:08:35,789 --> 00:08:37,210 Žao mi je, momci. 156 00:08:37,210 --> 00:08:38,520 Radila sam na ovo prije klasi. 157 00:08:38,520 --> 00:08:40,350 Mislio sam da sam ga završio, ali mislim da još uvijek imam neke 158 00:08:40,350 --> 00:08:41,210 Rad ostavila da se uradi. 159 00:08:41,210 --> 00:08:44,400 No, srećom, ti dečki svi imaju neke JavaScript i jQuery praksa, pa 160 00:08:44,400 --> 00:08:48,110 idemo naprijed i završiti to zajedno. 161 00:08:48,110 --> 00:08:50,360 >> Mislim poslao sam ti dečki kopije toga, jer sam bio super uzbuđen 162 00:08:50,360 --> 00:08:52,710 o tome, tako da bi trebao imati Isto kod koji imam. 163 00:08:52,710 --> 00:08:55,490 Idemo krenuti u - 164 00:08:55,490 --> 00:08:56,600 dang je, dečki, žao mi je. 165 00:08:56,600 --> 00:08:59,280 Idemo glavu u terminal, ipak. 166 00:08:59,280 --> 00:09:02,770 >> Baš kao i sa svojim proteklog problema seta, ako su moje - 167 00:09:02,770 --> 00:09:05,130 neka je to malo veći, također, za vas dečki - 168 00:09:05,130 --> 00:09:06,740 što je moj zip datoteku. 169 00:09:06,740 --> 00:09:10,670 Vi vjerojatno ga raspakirali. 170 00:09:10,670 --> 00:09:12,970 Idemo ovdje. 171 00:09:12,970 --> 00:09:22,360 A onda se nadam, da ga preselili u Isto imenik gdje ste spremili 172 00:09:22,360 --> 00:09:23,540 tvoj problem postaviti osam kôd. 173 00:09:23,540 --> 00:09:26,780 I mi spasiti u tom direktoriju, tako da mogu pristupiti ga - ili smo svi mogu pristupiti 174 00:09:26,780 --> 00:09:31,740 Kod u pregledniku Chrome na našem računalu. 175 00:09:31,740 --> 00:09:36,880 >> A opet, kako doći do tog koda, jednostavno upišite adresu naći na 176 00:09:36,880 --> 00:09:41,180 donja, desna ruka strana vaš uređaj, ovdje dolje. 177 00:09:41,180 --> 00:09:42,490 Možete pronaći vašu IP adresu. 178 00:09:42,490 --> 00:09:45,260 Možete da u Chrome preglednik na računalu, au ovom slučaju, 179 00:09:45,260 --> 00:09:49,110 budući da smo poglavlje devet mape, moramo dodati 180 00:09:49,110 --> 00:09:51,340 slash odjeljak devet. 181 00:09:51,340 --> 00:09:52,820 >> Neka me - 182 00:09:52,820 --> 00:09:54,070 Ups. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 Idem se smanjila to tako ne znam moraju držati klik kroz to. 185 00:09:58,980 --> 00:10:00,150 >> Dakle, to je kako sam postaviti ovaj kôd. 186 00:10:00,150 --> 00:10:01,710 Već sam to učinio već. 187 00:10:01,710 --> 00:10:04,080 Neću ići kroz one koraka, jer to je ono što 188 00:10:04,080 --> 00:10:06,090 počevši od problema postaviti šetnji vas kroz kako to učiniti. 189 00:10:06,090 --> 00:10:11,520 Dakle, ići naprijed i dobiti ćete postaviti ovo do u sekundu, ali prvo neka se 190 00:10:11,520 --> 00:10:14,740 istraživanje ovog koda kao skupina. 191 00:10:14,740 --> 00:10:15,990 >> Idemo vidjeti što sam učinio. 192 00:10:15,990 --> 00:10:18,340 Pokušao sam da se većina toga učinio Prije klasi, ali mislim da sam 193 00:10:18,340 --> 00:10:20,140 bio malo iza. 194 00:10:20,140 --> 00:10:22,643 Tako ćemo otvoriti index.html. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> OK. 197 00:10:36,920 --> 00:10:39,780 I index.html je jako jednostavna stranica jer nisam 198 00:10:39,780 --> 00:10:40,630 želim se previše luda. 199 00:10:40,630 --> 00:10:43,200 Stvarno sam se htio uvjeriti da je to je radio, ali mislim da sam 200 00:10:43,200 --> 00:10:44,830 nisu dobili tako daleko. 201 00:10:44,830 --> 00:10:48,600 >> Evo glava, koja je u pitanju pravo unutar tih HTML oznake, a uočavamo 202 00:10:48,600 --> 00:10:50,180 par stvari pravo isključiti šišmiš. 203 00:10:50,180 --> 00:10:55,320 Imamo pravo CSS datoteku Ovdje i odgovarajući 204 00:10:55,320 --> 00:10:57,600 Položaj CSS datoteke. 205 00:10:57,600 --> 00:11:02,080 Imamo jQuery biblioteku upravo ovdje, a vi ćete primijetiti nešto drugo 206 00:11:02,080 --> 00:11:03,470 o tome. 207 00:11:03,470 --> 00:11:06,070 Izvor je nešto jako, jako dugo. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 nekako izgleda kao URL, ali to nema sigurno ne izgledaju 210 00:11:12,880 --> 00:11:15,380 js / jquery.js. 211 00:11:15,380 --> 00:11:20,280 >> A to je zato što sam odlučio da ću Ne želim da moram skinuti 212 00:11:20,280 --> 00:11:23,750 jQuery podnijeti, i povucite ga i spremiti to je u mojoj knjižnici, i biti 213 00:11:23,750 --> 00:11:25,150 odgovorni za to. 214 00:11:25,150 --> 00:11:31,040 Umjesto toga, ja samo idem uzeti JavaScript datoteka koje Google poslužuje. 215 00:11:31,040 --> 00:11:34,880 Dakle, Google zapravo ugošćuje brojne knjižnice, a jQuery, budući da je jedan 216 00:11:34,880 --> 00:11:36,930 od najpopularnijih, domaćini da se kao dobro. 217 00:11:36,930 --> 00:11:40,670 >> I zato što je to agresivan, ne znam morate brinuti o tome, a oni 218 00:11:40,670 --> 00:11:43,520 ažurirati, iako, kada oni ga ažurirati Vjerojatno ću morati mijenjati to 219 00:11:43,520 --> 00:11:44,640 brojevi upravo ovdje. 220 00:11:44,640 --> 00:11:47,570 No, to je samo da bi cijelu moju sliku Sustav malo manje čista. 221 00:11:47,570 --> 00:11:49,380 Ja stvarno ne sviđa hosting sve te datoteke. 222 00:11:49,380 --> 00:11:51,780 To je puno ljepši ako Google mora ih biti domaćin za mene. 223 00:11:51,780 --> 00:11:55,180 Pa to je, opet, dobiva cijelu JavaScript sliku, ali to je samo kao 224 00:11:55,180 --> 00:11:59,920 priredio Google umjesto na mom datotečni sustav na mom računalu. 225 00:11:59,920 --> 00:12:05,490 >> Također smo vidjeli da sam stavio u još dva slika dolphins.js i trainer.js. 226 00:12:05,490 --> 00:12:07,070 Mi ćemo gledati na one u sekundi. 227 00:12:07,070 --> 00:12:10,550 I na kraju, ovaj naslov ovdje. 228 00:12:10,550 --> 00:12:13,980 Tko mi može reći što je to kod unutar ove tagova, gdje 229 00:12:13,980 --> 00:12:18,316 koji ide na mojoj stranici? 230 00:12:18,316 --> 00:12:21,560 >> PUBLIKA: Kao da je stvar da alatnoj traci ili što? 231 00:12:21,560 --> 00:12:23,500 >> JASON Hirschhorna: Da, tab malo Na vrh Chrome prozora. 232 00:12:23,500 --> 00:12:25,650 To je mjesto gdje je tekst ide. 233 00:12:25,650 --> 00:12:28,680 >> Unutar tijela, kao što možete vidim, nije puno stvari ovdje. 234 00:12:28,680 --> 00:12:30,900 Imam samo tri DIVs. 235 00:12:30,900 --> 00:12:33,130 Ja ću im dati neke osobne iskaznice, te Stavio sam nešto teksta u. 236 00:12:33,130 --> 00:12:37,350 No, mislim da je to razlog zašto mi ne ništa vidjeti ovdje. 237 00:12:37,350 --> 00:12:39,350 Zapravo, vidimo dupina trener 2K13. 238 00:12:39,350 --> 00:12:39,810 Vidimo todo. 239 00:12:39,810 --> 00:12:42,510 Ne znam gdje da dolazi iz jer ja ne vidim da je ovdje. 240 00:12:42,510 --> 00:12:44,510 Dakle, možda je to u jednom od moji JavaScript datotekama. 241 00:12:44,510 --> 00:12:46,630 Mi ćemo to provjeriti u sekundi. 242 00:12:46,630 --> 00:12:50,120 >> Može li mi netko reći što ovaj ID znači upravo ovdje? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> Ivanković: To je način pozivanja specifično poglavlje u [nečujan] 245 00:13:00,210 --> 00:13:00,440 podnijeti? 246 00:13:00,440 --> 00:13:01,250 >> JASON Hirschhorna: Da. 247 00:13:01,250 --> 00:13:03,980 To je samo način na referentni ovaj div. 248 00:13:03,980 --> 00:13:07,830 Iskaznice idealno jedinstveno. 249 00:13:07,830 --> 00:13:09,150 OK? 250 00:13:09,150 --> 00:13:10,050 Tough gužve. 251 00:13:10,050 --> 00:13:12,690 Dakle, iskaznice obično jedinstvena. 252 00:13:12,690 --> 00:13:15,210 Možete ih dati na jedan specifičan element u kodu. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> Što ako sam želio referentni broj elemenata, bilo da je za CSS 255 00:13:21,540 --> 00:13:23,350 styling ili jQuery? 256 00:13:23,350 --> 00:13:25,610 Što atributa mogu im dati? 257 00:13:25,610 --> 00:13:26,330 >> PUBLIKA: Class. 258 00:13:26,330 --> 00:13:27,270 >> JASON Hirschhorna: klase, točno. 259 00:13:27,270 --> 00:13:28,480 Točno. 260 00:13:28,480 --> 00:13:32,610 >> U redu, tako da index.html, opet, nije mnogo se ovdje događa. 261 00:13:32,610 --> 00:13:42,550 Tako ćemo otvoriti još jednu datoteku. 262 00:13:42,550 --> 00:13:43,930 Da vidimo što imam. 263 00:13:43,930 --> 00:13:44,700 To je sve što imam ovdje. 264 00:13:44,700 --> 00:13:48,455 Idemo u JS mapu. 265 00:13:48,455 --> 00:13:51,570 Neću se brinuti o CSS za sada. 266 00:13:51,570 --> 00:13:55,268 Idemo otvoriti dolphins.js. 267 00:13:55,268 --> 00:13:56,900 >> Ups. 268 00:13:56,900 --> 00:13:58,150 Ili bolje rečeno - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 OK. 271 00:14:03,860 --> 00:14:07,650 Dakle, dolphins.js, to zapravo izgleda prilično sličan nekim kodom 272 00:14:07,650 --> 00:14:10,210 dobili su u problemu postaviti osam. 273 00:14:10,210 --> 00:14:12,870 Možete se kretati kroz njega. 274 00:14:12,870 --> 00:14:15,730 Može li mi netko reći, ipak, što je dupina? 275 00:14:15,730 --> 00:14:16,840 To sve kape dupina? 276 00:14:16,840 --> 00:14:17,810 Što je to? 277 00:14:17,810 --> 00:14:19,810 Koji tip podataka je to? 278 00:14:19,810 --> 00:14:20,570 >> PUBLIKA: Array. 279 00:14:20,570 --> 00:14:22,560 >> JASON Hirschhorna: To je polje. 280 00:14:22,560 --> 00:14:25,280 A mi znamo da je to polje, jer sam vidi ove uglate zagrade ovdje. 281 00:14:25,280 --> 00:14:29,335 A netko drugi, što je to niz? 282 00:14:29,335 --> 00:14:30,229 >> PUBLIKA: Objekti? 283 00:14:30,229 --> 00:14:32,900 >> JASON Hirschhorna: To je niz objekata. 284 00:14:32,900 --> 00:14:33,740 A možete vidjeti da. 285 00:14:33,740 --> 00:14:35,996 A kako ti znaš da je niz objekata? 286 00:14:35,996 --> 00:14:41,105 >> PUBLIKA: Zato što imaju tu debelo crijevo boot između vitičastih zagrada? 287 00:14:41,105 --> 00:14:41,700 >> JASON Hirschhorna: Točno. 288 00:14:41,700 --> 00:14:44,760 Dakle, imam ove vitičastim zagradama upravo ovdje, a onda možete vidjeti zarez 289 00:14:44,760 --> 00:14:47,830 odvajanje različita objekata u ovom polju. 290 00:14:47,830 --> 00:14:52,040 I onda unutar svakog objekta, imam nešto debelo i nešto drugo. 291 00:14:52,040 --> 00:14:54,920 I ono što je općenito ovaj prvi dio, stvar na lijevoj strani debelog crijeva? 292 00:14:54,920 --> 00:14:57,070 Što bi to zove? 293 00:14:57,070 --> 00:14:57,450 Općenito? 294 00:14:57,450 --> 00:14:59,090 Kako se misli na to? 295 00:14:59,090 --> 00:15:00,335 >> PUBLIKA: Index? 296 00:15:00,335 --> 00:15:02,810 >> JASON Hirschhorna: Index, ili vjerojatno općenitije, ključ. 297 00:15:02,810 --> 00:15:04,750 A onda na desnoj ruci strana, vrijednost. 298 00:15:04,750 --> 00:15:05,670 Dakle, indeks, ključ. 299 00:15:05,670 --> 00:15:07,590 Ali, ako govorimo o onima, mi općenito znači stvar na 300 00:15:07,590 --> 00:15:08,770 lijevoj strani. 301 00:15:08,770 --> 00:15:11,450 >> U jednostavnim polja, opet imali smo indekse 0. 302 00:15:11,450 --> 00:15:11,900 1. 303 00:15:11,900 --> 00:15:12,220 2. 304 00:15:12,220 --> 00:15:12,510 3. 305 00:15:12,510 --> 00:15:13,580 4. 306 00:15:13,580 --> 00:15:17,640 I u dupina, morat ćemo dupina 0, Dupini 1, 2 dupina, dupini 3, 307 00:15:17,640 --> 00:15:18,640 Dupini 4. 308 00:15:18,640 --> 00:15:24,900 Također smo, unutar tog objekta, mi neće općenito referentni stvari. 309 00:15:24,900 --> 00:15:29,460 Ili, ako imamo samo ovaj objekt pravo ovdje, nećemo reći objekt 0, 310 00:15:29,460 --> 00:15:30,480 Objekt 1, 2 objekta. 311 00:15:30,480 --> 00:15:35,460 Mi ćemo reći ime objekta, ili tip objekta, dužina objekta, et cetera. 312 00:15:35,460 --> 00:15:38,120 I tako ćemo dobiti vrijednost Na desnoj strani. 313 00:15:38,120 --> 00:15:41,460 Dakle, ako smo rekli ime objekta, primjerice, mi bi se ovaj niz, 314 00:15:41,460 --> 00:15:43,200 "Grace". 315 00:15:43,200 --> 00:15:47,510 >> Dakle, kao što ste vi rekli mi, delfini je jednostavno niz objekata. 316 00:15:47,510 --> 00:15:49,875 I vidite sve objekte imati ime, vrstu, rod. 317 00:15:49,875 --> 00:15:51,920 Je li to točno izgovara? 318 00:15:51,920 --> 00:15:52,880 Svatko? 319 00:15:52,880 --> 00:15:53,420 Rod? 320 00:15:53,420 --> 00:15:53,935 Velika. 321 00:15:53,935 --> 00:15:55,465 >> Duljina, težine. 322 00:15:55,465 --> 00:15:56,620 Je li to točno izgovara? 323 00:15:56,620 --> 00:15:57,340 Mislim da jesam. 324 00:15:57,340 --> 00:16:01,870 A slika, samo URL do neke datoteke online. 325 00:16:01,870 --> 00:16:05,700 I upravo ovdje, smo zatvorili niz, tamo desno dolje u vrlo lijevoj ruci 326 00:16:05,700 --> 00:16:06,930 strana mog ekrana. 327 00:16:06,930 --> 00:16:08,543 Dakle, to je sve dolphins.js je. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> Oh, moj Bože. 330 00:16:18,530 --> 00:16:19,530 To sve objašnjava. 331 00:16:19,530 --> 00:16:20,930 Mislio sam da sam gotov sve, ali izgled. 332 00:16:20,930 --> 00:16:22,840 Tu su svi ti todos. 333 00:16:22,840 --> 00:16:25,500 OK, nadamo se da možemo učiniti oni zajedno. 334 00:16:25,500 --> 00:16:27,540 No, neka prvi, prije nego što nam je činiti da, baš šetati 335 00:16:27,540 --> 00:16:29,190 taj broj vrlo brzo. 336 00:16:29,190 --> 00:16:33,600 >> Dakle, kao što sam spomenuo, vidimo na vrlo s početkom ove linije koje sam imao u 337 00:16:33,600 --> 00:16:36,030 tobogani, (dokument). spremni (function (). 338 00:16:36,030 --> 00:16:38,710 A u biti ono što će nemojte se pričekati sve u vašem 339 00:16:38,710 --> 00:16:42,690 stranice je učitan, pa pričekajte dok to je sve niz, sve je dobro 340 00:16:42,690 --> 00:16:45,490 ići, a zatim početi izvršavanju ovaj broj. 341 00:16:45,490 --> 00:16:49,230 Dakle, ako vam je potrebno za pokretanje neke PHP, ako vam je potrebno da biste dobili neke slike, 342 00:16:49,230 --> 00:16:53,280 što god da je, sve koda je set i spreman otići u svoj index stranici 343 00:16:53,280 --> 00:16:56,270 ili što god stranica je učitan, i sad ćeš početi 344 00:16:56,270 --> 00:16:58,810 izvršavanje koda. 345 00:16:58,810 --> 00:17:02,020 >> Dakle, prva stvar koju radimo je postavili smo ovaj niz. 346 00:17:02,020 --> 00:17:04,599 A ja nemam var ključnu riječ tamo, tako da ono što je 347 00:17:04,599 --> 00:17:05,650 Opseg ovog niza? 348 00:17:05,650 --> 00:17:06,530 >> Ivanković: To je globalna. 349 00:17:06,530 --> 00:17:09,730 >> JASON Hirschhorna: To je globalno, pa ocean_array može se pristupiti s 350 00:17:09,730 --> 00:17:11,380 bilo gdje u ovoj datoteci. 351 00:17:11,380 --> 00:17:14,130 >> A onda vidimo to za petlje. 352 00:17:14,130 --> 00:17:18,930 To ne kažu foreach, ali ovo je u suštini foreach petlje. 353 00:17:18,930 --> 00:17:24,010 A to je upravo JavaScript je verzija, pa za svaki var dupina u DUPINA, 354 00:17:24,010 --> 00:17:25,780 što podaci tipa? 355 00:17:25,780 --> 00:17:30,260 Iako, opet, JavaScript ne imaju ove vrste podataka po sebi, što 356 00:17:30,260 --> 00:17:31,335 tip podataka je dupin? 357 00:17:31,335 --> 00:17:32,460 >> PUBLIKA: objekt. 358 00:17:32,460 --> 00:17:34,290 >> JASON Hirschhorna: To je objekt. 359 00:17:34,290 --> 00:17:37,590 Odlazimo svaki objekt Dupini u nizu. 360 00:17:37,590 --> 00:17:42,630 Dakle, ovdje, to izgleda kao da sam zaboravio staviti sve ove dupina iz naše 361 00:17:42,630 --> 00:17:46,300 div Dupini misle u ocean_array, tako da smo vjerojatno trebali 362 00:17:46,300 --> 00:17:47,410 da je na prvom mjestu. 363 00:17:47,410 --> 00:17:50,880 >> A onda, nešto što se zove ova varijabla bazen. 364 00:17:50,880 --> 00:17:52,490 Ja sam ga postavite na nulu. 365 00:17:52,490 --> 00:17:55,080 A onda sam nazvati tu funkciju draw_ocean. 366 00:17:55,080 --> 00:17:56,580 Treniram dupina kada je slika je kliknuo - 367 00:17:56,580 --> 00:17:58,140 Nisam to učinio - i postaviti slobodan dupina kada 368 00:17:58,140 --> 00:17:59,530 se klikne gumb. 369 00:17:59,530 --> 00:18:01,550 >> Dakle, to su stvari koje trebam učiniti. 370 00:18:01,550 --> 00:18:04,770 Valjda bih trebao dati neki pozadina na ono što sam pokušava učiniti. 371 00:18:04,770 --> 00:18:08,930 Pa ako ćemo ići ovdje, ono što sam stvarno htjela ovo izgleda kao bilo niz up 372 00:18:08,930 --> 00:18:12,740 Ovdje, umjesto da kaže "Todo" Ja Htio stol, u biti, s 373 00:18:12,740 --> 00:18:14,750 Slike svih dupinima. 374 00:18:14,750 --> 00:18:18,150 I onda, kad kliknete na jednoj slici, Htio sam ga je spustiti u 375 00:18:18,150 --> 00:18:21,320 donji dio ekrana i dati svi podaci o njemu, a 376 00:18:21,320 --> 00:18:24,170 kako bi se dupina u bazenu, dupin ste bili na pripremama. 377 00:18:24,170 --> 00:18:25,040 >> Pa sam mislio da će to biti stvarno cool. 378 00:18:25,040 --> 00:18:27,980 Imate sve ove dupine u oceanu ovdje, onda kliknite na jedan, 379 00:18:27,980 --> 00:18:30,230 i to bih ići na bazen, a onda si ga mogao trenirati. 380 00:18:30,230 --> 00:18:31,590 Dakle, to je ono što sam pokušava učiniti. 381 00:18:31,590 --> 00:18:33,890 I onda bih se tipka ovdje u bazenu, a možete kliknuti, 382 00:18:33,890 --> 00:18:36,950 kao, "osloboditi", a ti bi mogao postaviti dupina besplatno, a to će se vratiti 383 00:18:36,950 --> 00:18:38,030 u ocean. 384 00:18:38,030 --> 00:18:40,390 >> Dakle, to je ono što mi se pokušava stvoriti, ali opet, ja ću trebati vašu pomoć 385 00:18:40,390 --> 00:18:41,490 da ga stvoriti. 386 00:18:41,490 --> 00:18:44,790 Dakle, nadamo se, neke od tih ključnih riječi ili neki od ovih uvjeta će početi 387 00:18:44,790 --> 00:18:47,890 smisla sada u kontekstu ovog programa. 388 00:18:47,890 --> 00:18:49,640 >> Idemo držati obličje kroz ovu datoteku. 389 00:18:49,640 --> 00:18:50,830 Mi to nazivamo funkciju draw_ocean. 390 00:18:50,830 --> 00:18:56,650 To je jedna i jedina funkcija zovemo od document.ready dijela. 391 00:18:56,650 --> 00:19:01,600 Dakle, mi to nazivamo draw_ocean funkciju, a to izgleda kao da stvara niz, 392 00:19:01,600 --> 00:19:03,010 promjenjiva, ovdje. 393 00:19:03,010 --> 00:19:06,790 Put je nešto u nizu, dodaje više stvari na žici, dodaje više 394 00:19:06,790 --> 00:19:11,750 stvari u nizu, a onda je to linija koda. 395 00:19:11,750 --> 00:19:14,270 Ja kažem da ispisuje HTML string. 396 00:19:14,270 --> 00:19:19,230 A netko mi objasniti što ova linija koda radi? 397 00:19:19,230 --> 00:19:21,800 Pa, prije svega, što se da znak za dolar znači? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 Nije to PHP varijabla, ali ono što to znak dolara znači? 400 00:19:30,914 --> 00:19:34,680 >> PUBLIKA: Povezivanje u HTML ID - 401 00:19:34,680 --> 00:19:37,220 to je kao da se nadovezuje na HTML kod? 402 00:19:37,220 --> 00:19:38,430 >> JASON Hirschhorna: Što je s da znak za dolar? 403 00:19:38,430 --> 00:19:40,662 Što to znak dolara pokazuju? 404 00:19:40,662 --> 00:19:43,364 >> PUBLIKA: Povezivanje na HTML nekako? 405 00:19:43,364 --> 00:19:46,630 >> JASON Hirschhorna: Gdje smo vidjeli ovo dolar potpisati prije u JavaScriptu? 406 00:19:46,630 --> 00:19:47,920 Vidjeli smo u predavanju. 407 00:19:47,920 --> 00:19:48,360 Razgovarali smo o tome. 408 00:19:48,360 --> 00:19:50,150 Što je dolar znak znači? 409 00:19:50,150 --> 00:19:51,220 >> PUBLIKA: Nešto s jQuery? 410 00:19:51,220 --> 00:19:52,380 >> JASON Hirschhorna: Točno u pravu. 411 00:19:52,380 --> 00:19:54,270 To ima veze s jQuery. 412 00:19:54,270 --> 00:19:59,310 Ovaj znak dolara znači ja sam koristeći jQuery knjižnica funkcija ovdje. 413 00:19:59,310 --> 00:20:00,980 Točno u pravu. 414 00:20:00,980 --> 00:20:04,560 >> Tako smo napisati znak za dolar, a zatim imamo otvorenu zagr i zatvorio 415 00:20:04,560 --> 00:20:09,150 zagrada, i unutra, što ide unutra kada koristite 416 00:20:09,150 --> 00:20:13,380 jQuery biblioteku funkcija, ili ste pomoću jQuery knjižnice? 417 00:20:13,380 --> 00:20:14,690 Opet, vidjeli ste to na predavanju. 418 00:20:14,690 --> 00:20:16,840 Može li netko dati mi - i vi također vidjeti nešto ovdje. 419 00:20:16,840 --> 00:20:18,090 Ono što ide unutra od tamo? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> Jeff, daj mi nagađati. 422 00:20:23,550 --> 00:20:27,000 Ono što ovo sliči, # oceana? 423 00:20:27,000 --> 00:20:28,270 Gdje smo vidjeli prije? 424 00:20:28,270 --> 00:20:29,920 >> PUBLIKA: Je li knjižnica ili tako nešto? 425 00:20:29,920 --> 00:20:30,720 Nemam pojma. 426 00:20:30,720 --> 00:20:36,420 >> JASON Hirschhorna: Pa, neka da otvorim index točku - 427 00:20:36,420 --> 00:20:37,710 Nope, krivo mjesto. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> Dakle, vidimo da imamo nešto zove ocean ovdje. 430 00:20:46,600 --> 00:20:50,870 Gdje smo vidjeli # oceana hashtag ocean, sintaksa prije? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 Da? 433 00:20:53,950 --> 00:20:55,190 >> PUBLIKA: CSS? 434 00:20:55,190 --> 00:20:56,810 >> JASON Hirschhorna: U CSS. 435 00:20:56,810 --> 00:21:00,720 Tako smo htjeli stil nešto, zapamtite bismo stavili hashtag CSS 436 00:21:00,720 --> 00:21:05,360 Odabir ili hashtag oceana, na primjer, i sve oblikovanja 437 00:21:05,360 --> 00:21:09,270 da smo htjeli dati na stvar uz predočenje osobne oceana smo stavili unutra. 438 00:21:09,270 --> 00:21:15,470 >> Dakle, unutar ovdje to nije CSS Selektor ide unutra. 439 00:21:15,470 --> 00:21:17,630 jQuery definira vlastitu vrsta selektora. 440 00:21:17,630 --> 00:21:21,650 No, to je ista ideja, a zapravo Mnoge od njih se preklapaju s CSS. 441 00:21:21,650 --> 00:21:24,710 Dakle, unutar ovih otvorenih zagrada, što staviti izbornik, i bez obzira na 442 00:21:24,710 --> 00:21:28,670 Selektor odnosi se, to je ono što ti si idući u biti koristeći. 443 00:21:28,670 --> 00:21:32,320 >> Dakle, u ovom slučaju, ja sam odabirom ID ocean. 444 00:21:32,320 --> 00:21:33,690 Ako sam imao klasu - 445 00:21:33,690 --> 00:21:38,830 recimo imam klasu stvari pod nazivom "slike", a ja to dati 446 00:21:38,830 --> 00:21:45,662 puno elemenata, kako mogu referenca klasa stvari zove "slike?" 447 00:21:45,662 --> 00:21:47,110 >> Ivanković: Mislim da je točka. 448 00:21:47,110 --> 00:21:48,140 >> JASON Hirschhorna: S točkom. 449 00:21:48,140 --> 00:21:50,830 Dakle, ako umjesto toga sam stavio slike dot ovdje, da će mi dati klasu 450 00:21:50,830 --> 00:21:51,980 stvari koje se zove "slike." 451 00:21:51,980 --> 00:21:54,810 >> Naravno, ovo je iznimno moćan, i možete referencu puno stvari. 452 00:21:54,810 --> 00:21:59,970 Zapravo, mogao sam referenca osnovi bilo tag u HTML-u. 453 00:21:59,970 --> 00:22:04,630 Dakle, ako sam htio učiniti, td, to je tag koje smo vidjeli prije, kada 454 00:22:04,630 --> 00:22:05,750 kreiranja tablice. 455 00:22:05,750 --> 00:22:10,060 Vi ste vjerojatno upoznati s da iz P postaviti sedam. 456 00:22:10,060 --> 00:22:12,470 U ovom slučaju, to je zapravo ide za odabir svih njih. 457 00:22:12,470 --> 00:22:14,920 To će mi dati niz svih TD ​​tagova. 458 00:22:14,920 --> 00:22:16,760 Ali to može biti malo neodoljiv, pa amo sad smo 459 00:22:16,760 --> 00:22:19,390 će se držati samo upućivanjem iskaznice. 460 00:22:19,390 --> 00:22:23,510 >> Pa što to radi, opet, je koje dobiva, u ovom slučaju - 461 00:22:23,510 --> 00:22:23,970 žao. 462 00:22:23,970 --> 00:22:27,020 Idi ovdje, na index.html. 463 00:22:27,020 --> 00:22:33,510 To je ocean, a ocean ID reference div, pa je ovaj dio 464 00:22:33,510 --> 00:22:37,130 linija koda dobiva taj div. 465 00:22:37,130 --> 00:22:42,610 >> A onda to znači dot Zovem funkcija, a ime koje 466 00:22:42,610 --> 00:22:44,460 Funkcija je HTML. 467 00:22:44,460 --> 00:22:48,725 I to je kratica za, ako vi vidjeli prije, znak dolara, dokument, dot dobiti 468 00:22:48,725 --> 00:22:52,200 Element po ID, dot unutarnji HTML. 469 00:22:52,200 --> 00:22:54,350 Ovo je samo jQuery verzija. 470 00:22:54,350 --> 00:22:57,200 Tako HTML funkcija samo dobiva unutarnji HTML. 471 00:22:57,200 --> 00:22:58,920 Od tog elementa. 472 00:22:58,920 --> 00:23:03,690 Pa opet, ako ćemo gledati ovdje, mi ćemo vidim da nema unutarnje HTML. 473 00:23:03,690 --> 00:23:07,990 I tako, ako sam to učinio, ja bih se pokušavate dobiti HTML. 474 00:23:07,990 --> 00:23:10,390 Kad pišem ovo, ja sam postavljanjem HTML. 475 00:23:10,390 --> 00:23:13,110 Tako sam prolazi ovu funkciju nizu, niz koji sam stvorio 476 00:23:13,110 --> 00:23:18,560 ovdje, i rekao da se stavi unutar oceana div. 477 00:23:18,560 --> 00:23:18,980 Da? 478 00:23:18,980 --> 00:23:21,550 >> Publika: Kada ste dobili HTML, vi ste samo dobivanje 479 00:23:21,550 --> 00:23:22,972 kopija, ako je to, zar ne? 480 00:23:22,972 --> 00:23:25,070 Nisi ga maknuti. 481 00:23:25,070 --> 00:23:25,710 >> JASON Hirschhorna: Točno. 482 00:23:25,710 --> 00:23:28,640 Ako sam to učinio i htio spremiti to u var - 483 00:23:28,640 --> 00:23:31,120 Ups. 484 00:23:31,120 --> 00:23:34,840 To bi dobiti sve informacije koje bio tamo i spremiti ga u drugu 485 00:23:34,840 --> 00:23:35,800 promjenjiva, napraviti kopiju. 486 00:23:35,800 --> 00:23:36,384 >> Ivanković: U redu. 487 00:23:36,384 --> 00:23:37,634 Uspio sam. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> JASON Hirschhorna: Tako smo stvorili neke HTML, osim što je u nizu. 490 00:23:43,860 --> 00:23:44,590 Mi uštedjeti nešto više. 491 00:23:44,590 --> 00:23:47,720 Ovdje možete vidjeti da Todo niz. 492 00:23:47,720 --> 00:23:51,300 Dakle, to je vjerojatno na mjestu gdje smo uzimajući da Todo od kada 493 00:23:51,300 --> 00:23:52,730 idemo na našoj stranici. 494 00:23:52,730 --> 00:23:56,610 A zapravo, ako sam desni klik na Todo, Provjeri element, razgovarali smo o 495 00:23:56,610 --> 00:23:57,240 ovo prošli tjedan. 496 00:23:57,240 --> 00:24:02,400 Tako smo mogli vidjeti HTML Struktura našoj stranici. 497 00:24:02,400 --> 00:24:03,980 >> Primijetit ćete da je ovdje - 498 00:24:03,980 --> 00:24:05,230 neka je to malo veći, previše - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 mi imamo div id ocean ovdje. 501 00:24:11,390 --> 00:24:14,390 Svi su vidjeli da je linija koda? 502 00:24:14,390 --> 00:24:16,330 I to je ono što smo tipove u index.html. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> Unutar toga, vidimo sada ovo Tablica linija koda. 505 00:24:30,430 --> 00:24:34,800 A što da je stol linija koda, to je koda smo upravo umetnuta 506 00:24:34,800 --> 00:24:35,770 ovaj element. 507 00:24:35,770 --> 00:24:39,650 I to mi gledamo unutar nje, mi nikada upisali colgroup i tbody. 508 00:24:39,650 --> 00:24:42,330 To je upisan za nas, jer smo napravili neke fancy stvari. 509 00:24:42,330 --> 00:24:47,590 No, primijetit ćete da postoji tr, postoji td sa Todo. 510 00:24:47,590 --> 00:24:50,680 >> Tako to izgleda, opet, kod koji smo pisali ovdje. 511 00:24:50,680 --> 00:24:52,300 To je upravo ono što ovaj linija radi. 512 00:24:52,300 --> 00:24:56,940 To je uzimanje našu HTML string i stavljajući ga u ovo div ovdje. 513 00:24:56,940 --> 00:24:59,010 Prvotno je ništa. 514 00:24:59,010 --> 00:25:01,660 Ova stranica se učitava. 515 00:25:01,660 --> 00:25:03,160 Znak dolara, document.ready. 516 00:25:03,160 --> 00:25:04,490 To počinje izvršenja. 517 00:25:04,490 --> 00:25:08,010 Pozivamo funkciju draw_ocean, a unutar draw_ocean funkciji uzimamo 518 00:25:08,010 --> 00:25:10,010 to HTML i staviti ga u tom div. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> Upravo smo prošli kroz mnogo s njima. 521 00:25:14,230 --> 00:25:16,270 Da li itko ima bilo kakvih pitanja o tome? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 Ili kako se to radi, ili jQuery? 524 00:25:21,110 --> 00:25:25,190 Jer ako shvatimo, onda jQuery nadamo bi trebao doći 525 00:25:25,190 --> 00:25:25,760 relativno lako. 526 00:25:25,760 --> 00:25:26,780 Da? 527 00:25:26,780 --> 00:25:29,370 >> PUBLIKA: Što ste imali unutar zagradi pod ispisu HTML 528 00:25:29,370 --> 00:25:32,150 string, koji je ime HTML varijabla koja ste 529 00:25:32,150 --> 00:25:32,815 proglasili ranije? 530 00:25:32,815 --> 00:25:33,890 >> JASON Hirschhorna: Ovaj ovdje? 531 00:25:33,890 --> 00:25:34,440 >> PUBLIKA: Da 532 00:25:34,440 --> 00:25:34,720 >> JASON Hirschhorna: Da. 533 00:25:34,720 --> 00:25:36,600 Ivanković: Pa ako je nazvali da nešto drugo, da je nešto drugo 534 00:25:36,600 --> 00:25:37,590 bio ono što bi se stavio ovdje. 535 00:25:37,590 --> 00:25:38,335 >> JASON Hirschhorna: Točno u pravu. 536 00:25:38,335 --> 00:25:39,740 I to je dobra stvar. 537 00:25:39,740 --> 00:25:42,600 To je malo zbunjujuće, jer Imam HTML, HTML. 538 00:25:42,600 --> 00:25:46,930 Ovaj unutrašnjosti ovdje je ime moga varijabla, a to je upravo ovdje 539 00:25:46,930 --> 00:25:48,680 naziv funkcije jQuery. 540 00:25:48,680 --> 00:25:52,090 >> PUBLIKA: No, kako za jQuery funkcionirati na posao, morate mu dati 541 00:25:52,090 --> 00:25:53,295 Neki HTML ulaz? 542 00:25:53,295 --> 00:25:55,030 >> JASON Hirschhorna: Točno. 543 00:25:55,030 --> 00:25:56,530 ILI morate mu dati niz. 544 00:25:56,530 --> 00:26:00,840 To će staviti taj string unutar od div ili što već. 545 00:26:00,840 --> 00:26:01,670 Ovo je samo niz. 546 00:26:01,670 --> 00:26:05,590 To ne znam to je HTML, ali Očito ga oblikovati namjerno biti 547 00:26:05,590 --> 00:26:07,770 ispravan HTML. 548 00:26:07,770 --> 00:26:08,760 Je li to odgovor na pitanje? 549 00:26:08,760 --> 00:26:09,480 >> Publika: Da. 550 00:26:09,480 --> 00:26:10,120 >> JASON Hirschhorna: OK. 551 00:26:10,120 --> 00:26:10,590 Da? 552 00:26:10,590 --> 00:26:14,380 >> PUBLIKA: Što ako ocean iz na gumb ili nešto? 553 00:26:14,380 --> 00:26:16,250 Što bi. Html učiniti? 554 00:26:16,250 --> 00:26:18,086 Bi li to promijeniti Tekst gumb? 555 00:26:18,086 --> 00:26:23,610 >> JASON Hirschhorna: Dakle, pitanje je što ako je to navedeno na gumb? 556 00:26:23,610 --> 00:26:25,970 To će se promijeniti unutarnja HTML nečega. 557 00:26:25,970 --> 00:26:29,250 Dakle, ako ima otvorene oznake i izbliza tag, to će staviti nešto između 558 00:26:29,250 --> 00:26:30,610 otvoriti i zatvoriti tag. 559 00:26:30,610 --> 00:26:33,280 Ako nema otvaraju i zatvaraju tag, to ne može učiniti ništa. 560 00:26:33,280 --> 00:26:35,040 >> Ivanković: To je doslovno kopija Zalijepi i takve stvari? 561 00:26:35,040 --> 00:26:35,732 >> JASON Hirschhorna: Da. 562 00:26:35,732 --> 00:26:39,175 To je kopija i paste nešto iz bez obzira na promjenjive sam ga proći, 563 00:26:39,175 --> 00:26:41,410 Niz sam ga proći, u onima otvaranje i zatvaranje tagova. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> Pogledajmo ovdje. 566 00:26:45,270 --> 00:26:48,950 Oh, moj Bože. draw_pool nije ništa tamo. 567 00:26:48,950 --> 00:26:50,580 To je neprijatno. 568 00:26:50,580 --> 00:26:51,640 Vlak, wow. 569 00:26:51,640 --> 00:26:54,290 U redu, tako da nije puno ostalo osim toga. 570 00:26:54,290 --> 00:26:56,652 >> Pa počnimo, a Sredit ćemo ovo gore. 571 00:26:56,652 --> 00:27:01,780 Ja ću morati svatko pomoći da biste dobili ovaj učinio. 572 00:27:01,780 --> 00:27:04,030 Postoje zapravo ne da mnogi linije koda, mislim, da napiše. 573 00:27:04,030 --> 00:27:07,270 Mislim da sam to učinio prije dvije godine za 2K12 verziji, a tu 574 00:27:07,270 --> 00:27:08,880 Ne bi trebalo biti da su mnogi linije koda za pisanje. 575 00:27:08,880 --> 00:27:09,230 Nisam trebao izbrisati taj kod. 576 00:27:09,230 --> 00:27:10,920 Trebao bih samo su je spasili. 577 00:27:10,920 --> 00:27:11,900 Oh, ludi. 578 00:27:11,900 --> 00:27:14,170 >> U svakom slučaju, počnimo. 579 00:27:14,170 --> 00:27:18,850 Dakle, ja sam u ovom polju, ili sam u to linije, a ja imam svoj ocean_array. 580 00:27:18,850 --> 00:27:24,110 I želim staviti sve to, sve iz ove datoteke, u mom 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 Pa kako ja mogu uzeti sve, od postoji, i staviti ga u 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 To je jedna linija koda. 585 00:27:29,390 --> 00:27:32,530 Tko mi može dati tu liniju koda ili reci mi, ima neke ideje što da crta 586 00:27:32,530 --> 00:27:33,755 koda bi trebao učiniti? 587 00:27:33,755 --> 00:27:36,350 Zašto ne možemo započeti ovdje, a onda ćemo i dalje se kreće po sobi 588 00:27:36,350 --> 00:27:37,410 odgovaranja na pitanja. 589 00:27:37,410 --> 00:27:37,780 Kurt? 590 00:27:37,780 --> 00:27:38,890 Što je prvo? 591 00:27:38,890 --> 00:27:41,165 >> Publika: Ocean_array, Nosač, dupina. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 Jednako dupina, nosač dupina? 594 00:27:50,380 --> 00:27:52,265 Dupini i to s velikim svemu. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> JASON Hirschhorna: OK. 597 00:27:58,210 --> 00:28:00,250 Idemo prošetati kroz sintakse. 598 00:28:00,250 --> 00:28:04,260 Upravo ovdje, ovo je kao foreach petlji, tako da se zapravo radi puno 599 00:28:04,260 --> 00:28:05,180 stvari za nas. 600 00:28:05,180 --> 00:28:07,220 I dupin je objekt. 601 00:28:07,220 --> 00:28:09,790 Dakle, mi ne trebamo nešto napisati kao što su dupini, dupin, jer 602 00:28:09,790 --> 00:28:12,480 Dupin je sama po sebi prigovoriti da želim. 603 00:28:12,480 --> 00:28:13,495 Nije index. 604 00:28:13,495 --> 00:28:14,510 Ima li to smisla? 605 00:28:14,510 --> 00:28:15,830 >> Publika: Da. 606 00:28:15,830 --> 00:28:18,870 >> JASON Hirschhorna: Pa kako vam je činiti predložiti promjenu svoj kod? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 Ako znamo da nam je dan indeksa? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> Oh, ispričavam se. 611 00:28:35,240 --> 00:28:36,100 Ti si dobra. 612 00:28:36,100 --> 00:28:41,180 No, kako je - 613 00:28:41,180 --> 00:28:43,740 da vas pitam drugo pitanje. 614 00:28:43,740 --> 00:28:46,485 Ako želimo - 615 00:28:46,485 --> 00:28:47,400 neka je zapravo pisati ovo. 616 00:28:47,400 --> 00:28:48,170 Ništa za to. 617 00:28:48,170 --> 00:28:49,080 Mi ćemo napisati ovo. 618 00:28:49,080 --> 00:28:49,910 To je super. 619 00:28:49,910 --> 00:28:50,440 Oprostite. 620 00:28:50,440 --> 00:28:52,790 Upravo sam bio vrlo zbunjujući postoji. 621 00:28:52,790 --> 00:28:55,910 >> Ostavimo da za sada, i mi ćemo se vratiti na trening dupina, 622 00:28:55,910 --> 00:28:56,480 postavljanje dupina. 623 00:28:56,480 --> 00:28:59,840 Ajmo prvo riješiti taj crtež ocean funkcija, a mi ćemo se vratiti 624 00:28:59,840 --> 00:29:00,930 da, Kurt. 625 00:29:00,930 --> 00:29:03,490 No, do sada, tako dobro. 626 00:29:03,490 --> 00:29:06,290 >> Pogledajmo unutar draw_ocean. 627 00:29:06,290 --> 00:29:09,500 Linija koja izgleda da je to u redu "pohraniti slike dupina u 628 00:29:09,500 --> 00:29:13,320 ocean u HTML string. "A zar Sada, ja baš kao i obveza, ali sam 629 00:29:13,320 --> 00:29:17,230 stvarno želite staviti dupine slika u oceanu. 630 00:29:17,230 --> 00:29:21,780 Pa ono, Noah, ti misliš je Prva stvar koju sam trebao napraviti? 631 00:29:21,780 --> 00:29:24,570 Ako želim proći kroz cijeli polje, što je prvi put 632 00:29:24,570 --> 00:29:25,270 što bih trebao napraviti? 633 00:29:25,270 --> 00:29:26,713 >> Ivanković: Moramo stvoriti za petlju. 634 00:29:26,713 --> 00:29:27,610 >> JASON Hirschhorna: za petlju. 635 00:29:27,610 --> 00:29:29,740 I ono što bi trebalo da za petlju izgledati? 636 00:29:29,740 --> 00:29:30,990 >> PUBLIKA: Za - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 moramo proći kroz svaki dupin u oceanu niz. 639 00:29:40,940 --> 00:29:47,093 Tako je za var dupina u - 640 00:29:47,093 --> 00:29:48,830 Možete li napisati oceana niz? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> JASON Hirschhorna: Kao ovo? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> PUBLIKA: Vjerojatno da je u pravu. 645 00:30:04,495 --> 00:30:06,280 >> JASON Hirschhorna: Držimo se da je za sada, a onda ćemo 646 00:30:06,280 --> 00:30:07,060 vratiti na njega. 647 00:30:07,060 --> 00:30:09,055 I ti ćeš biti odgovoran za tu liniju. 648 00:30:09,055 --> 00:30:11,260 Dakle, imam strane za petlju. 649 00:30:11,260 --> 00:30:12,560 Michael, ti si do sada. 650 00:30:12,560 --> 00:30:15,896 Što da radim sada? 651 00:30:15,896 --> 00:30:23,045 >> PUBLIKA: Ti bi trebala potrajati pohraniti slike s dupinima. 652 00:30:23,045 --> 00:30:25,830 >> JASON Hirschhorna: Pa gdje je da su pohranjeni? 653 00:30:25,830 --> 00:30:28,318 >> Ivanković: U nizu dupina? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> JASON Hirschhorna: Ja sam zbunjen sada previše o tome što se događa. 656 00:30:36,650 --> 00:30:38,380 Neka je shvatiti kako možemo napraviti ispravljanje to, a onda ću doći 657 00:30:38,380 --> 00:30:40,700 natrag na vas, u redu? 658 00:30:40,700 --> 00:30:43,920 Što je ekvivalent printf u JavaScriptu? 659 00:30:43,920 --> 00:30:44,813 Annie? 660 00:30:44,813 --> 00:30:47,315 >> Ivanković: To je dokument koji pišu? 661 00:30:47,315 --> 00:30:50,020 >> JASON Hirschhorna: Ili kako mogu Vidim nešto u 662 00:30:50,020 --> 00:30:51,200 tješim se na dno? 663 00:30:51,200 --> 00:30:51,940 >> PUBLIKA: Console.log. 664 00:30:51,940 --> 00:30:53,870 >> JASON Hirschhorna: Console.log, točno. 665 00:30:53,870 --> 00:30:59,810 Tako ćemo napraviti console.log, i neka je samo stavi "Delfin" u, u redu? 666 00:30:59,810 --> 00:31:02,710 U idealnom slučaju, ako se to radi, idemo u imati - da vidimo, vratio se u toj datoteci 667 00:31:02,710 --> 00:31:06,030 dolphins.js, bilo je šest dupina, tako da sam trebao dobiti šest ili nešto 668 00:31:06,030 --> 00:31:08,180 nadam se ispisati na konzola, zar ne? 669 00:31:08,180 --> 00:31:11,850 To je mjesto gdje smo do sada, jer smo učinio Kurt je liniju do ovdje, a onda smo 670 00:31:11,850 --> 00:31:14,630 učinio Noina za petlje, a imamo ovo liniju, pa se nadam da bismo trebali vidjeti šest 671 00:31:14,630 --> 00:31:16,120 stvari tiskane na konzoli. 672 00:31:16,120 --> 00:31:22,032 Dakle, idemo ovdje, idemo otvaramo utješiti i osvježiti našu stranicu. 673 00:31:22,032 --> 00:31:27,290 >> U redu, tako da izgleda kao Vidjeli smo šest indekse. 674 00:31:27,290 --> 00:31:28,390 Nula, jedan, dva, tri, četiri od pet, da. 675 00:31:28,390 --> 00:31:30,486 >> PUBLIKA: Kako ste dobili na da stranica unutar vašeg - 676 00:31:30,486 --> 00:31:32,260 >> JASON Hirschhorna: kako mogu dobiti na ovu stvar ovdje dolje? 677 00:31:32,260 --> 00:31:35,830 >> Ivanković: Ne, stranica Chrome unutar [Nečujan] aparata. 678 00:31:35,830 --> 00:31:36,892 Možemo vidjeti da ili ne? 679 00:31:36,892 --> 00:31:38,220 >> JASON Hirschhorna: To Chrome stranica ovdje? 680 00:31:38,220 --> 00:31:38,490 >> Publika: Da. 681 00:31:38,490 --> 00:31:43,180 >> JASON Hirschhorna: Dakle, baš kao u P setu osam, ja sam otvorio prozor Chrome 682 00:31:43,180 --> 00:31:46,410 na moj radna površina, na mom Macintosh desktop. 683 00:31:46,410 --> 00:31:51,980 A ako primijetite ovdje taj URL se na gore lijevo, koja odgovara tom IP 684 00:31:51,980 --> 00:31:54,630 obratiti ovdje. 685 00:31:54,630 --> 00:31:58,000 Tako da to učinite, ipak, početak problema postaviti spec. šetnje 686 00:31:58,000 --> 00:31:59,860 kroz točno kako to učiniti. 687 00:31:59,860 --> 00:32:02,650 Ali sam samo slijedio da, i umjesto toga zajedno s kodom shuttle, upravo sam 688 00:32:02,650 --> 00:32:04,070 naš vlastiti kod. 689 00:32:04,070 --> 00:32:05,970 >> Super stvar je što također može pregledati ocean_array. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 Tako to izgleda kao ocean_array je Niz od šest objekata, a 692 00:32:13,080 --> 00:32:14,570 neka je otvoriti svatko. 693 00:32:14,570 --> 00:32:15,950 Boom! 694 00:32:15,950 --> 00:32:16,580 Jedan. 695 00:32:16,580 --> 00:32:19,920 >> Dakle Kurt, to izgleda kao vaš Kod radio savršeno. 696 00:32:19,920 --> 00:32:23,510 Sve je počeo s radom u ocean_array. 697 00:32:23,510 --> 00:32:24,995 Zato sam misspoke ranije. 698 00:32:24,995 --> 00:32:26,570 Ali da, strašan posao. 699 00:32:26,570 --> 00:32:30,330 Ocean_array je točno, i to izgleda kao što sada vidimo da je dupin 700 00:32:30,330 --> 00:32:35,400 broj od 0 do 5, tako da izgleda Poput indeksa u niz. 701 00:32:35,400 --> 00:32:37,510 Dakle, s obzirom da je znanje, Michael, Što ćemo sada? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 Glasno razmišljanje. 704 00:32:43,870 --> 00:32:45,600 Ono je nešto što želite učiniti? 705 00:32:45,600 --> 00:32:51,260 >> PUBLIKA: Želimo dobiti JPEG za svakog dupina. 706 00:32:51,260 --> 00:32:51,800 >> JASON Hirschhorna: OK. 707 00:32:51,800 --> 00:32:53,206 Pa kako možemo referenca - 708 00:32:53,206 --> 00:32:54,760 kako možemo dobiti JPEG? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 Odakle početi? 711 00:33:03,726 --> 00:33:05,390 Gdje je sve pohranjene? 712 00:33:05,390 --> 00:33:07,610 >> Ivanković: U ocean_array? 713 00:33:07,610 --> 00:33:08,320 >> JASON Hirschhorna: OK. 714 00:33:08,320 --> 00:33:11,450 >> Ivanković: Pa ocean_array, dupin - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> JASON Hirschhorna: Kako nam je činiti dobiti nešto iznutra - 717 00:33:19,280 --> 00:33:20,860 pa to nam daje taj objekt. 718 00:33:20,860 --> 00:33:22,770 A vidjeli smo to prije uz struk. 719 00:33:22,770 --> 00:33:26,710 Pa kakav zapis trebamo koristiti? 720 00:33:26,710 --> 00:33:28,450 >> Ivanković: To će biti točka. 721 00:33:28,450 --> 00:33:29,400 >> JASON Hirschhorna: dot. 722 00:33:29,400 --> 00:33:30,960 I onda ono polje? 723 00:33:30,960 --> 00:33:31,510 >> PUBLIKA: Slika? 724 00:33:31,510 --> 00:33:33,816 Ili to nije Polje - 725 00:33:33,816 --> 00:33:37,400 >> JASON Hirschhorna: Što je to pozvao u dolphins.js? 726 00:33:37,400 --> 00:33:38,270 I vidite, možete pogledati. 727 00:33:38,270 --> 00:33:38,970 Upravo smo se vratiti ovdje. 728 00:33:38,970 --> 00:33:40,700 Možemo vidjeti ocean_array, možemo ga istražiti. 729 00:33:40,700 --> 00:33:41,380 Što se to zove? 730 00:33:41,380 --> 00:33:42,287 >> PUBLIKA: Tip. 731 00:33:42,287 --> 00:33:43,688 Čekaj. 732 00:33:43,688 --> 00:33:44,155 Slika? 733 00:33:44,155 --> 00:33:45,560 Rekao sam sliku. 734 00:33:45,560 --> 00:33:46,370 >> JASON Hirschhorna: Slika. 735 00:33:46,370 --> 00:33:47,610 Točno. 736 00:33:47,610 --> 00:33:49,510 Vi ne zvuči kao da znate što ste govorili, ipak. 737 00:33:49,510 --> 00:33:50,630 To je zvučalo više kao pogodak. 738 00:33:50,630 --> 00:33:53,700 Tako da je slika, tako da će dati us URL slike. 739 00:33:53,700 --> 00:33:54,720 Jeff, imate pitanje? 740 00:33:54,720 --> 00:33:57,375 >> Publika: Da, ja ne mogu dobiti ono što imate na Chrome 741 00:33:57,375 --> 00:33:59,320 preglednik na mom računalu. 742 00:33:59,320 --> 00:34:05,915 Ja samo dobiti "neuhvaćen referencu pogreška, konzola nije definiran. " 743 00:34:05,915 --> 00:34:07,780 >> JASON Hirschhorna: Vi ste postaviti sve? 744 00:34:07,780 --> 00:34:10,090 >> Ivanković: Pa, mislim da sam učinio sve što vam je 745 00:34:10,090 --> 00:34:11,800 je na velikom ekranu. 746 00:34:11,800 --> 00:34:13,510 >> JASON Hirschhorna: A vi chmodded sve datoteke? 747 00:34:13,510 --> 00:34:16,343 A jeste li proći kroz cijela postava? 748 00:34:16,343 --> 00:34:17,600 >> Publika: Ja ću ga pokušati ponovno. 749 00:34:17,600 --> 00:34:18,300 >> JASON Hirschhorna: OK. 750 00:34:18,300 --> 00:34:20,630 Sam preskočio da je puno na na početku, ali morate proći kroz 751 00:34:20,630 --> 00:34:22,199 cijela postava baš kao i na počevši od problema set spec.. 752 00:34:22,199 --> 00:34:24,770 Chmod sve i bi bili sigurni da je u. 753 00:34:24,770 --> 00:34:26,360 >> Publika: Ja ću ići i provjeriti to. 754 00:34:26,360 --> 00:34:28,655 Mislio sam da sam to učinio, ali Ja ću provjeriti. 755 00:34:28,655 --> 00:34:30,270 >> JASON Hirschhorna: Dakle, ovo izgleda kao da će nam dati 756 00:34:30,270 --> 00:34:30,960 string i slika. 757 00:34:30,960 --> 00:34:31,370 Velika. 758 00:34:31,370 --> 00:34:32,760 Imamo URL slike. 759 00:34:32,760 --> 00:34:35,320 Kako ćemo sada ga stavili u - 760 00:34:35,320 --> 00:34:38,030 što će se dogoditi ako pišemo Upravo to, Michael? 761 00:34:38,030 --> 00:34:40,150 >> Ivanković: To samo dobiva sliku. 762 00:34:40,150 --> 00:34:41,420 To zapravo ne ističu. 763 00:34:41,420 --> 00:34:42,840 >> JASON Hirschhorna: Idemo vidjeti što se događa. 764 00:34:42,840 --> 00:34:43,514 Spremit ćemo to. 765 00:34:43,514 --> 00:34:44,780 Mi ćemo to raditi ovdje. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 Izgleda da ne dobivamo ništa. 768 00:34:50,510 --> 00:34:56,179 Ako sam istražiti ovaj stol, to izgleda iznutra - 769 00:34:56,179 --> 00:34:58,170 Da, izgleda kao da ne dobiva ništa. 770 00:34:58,170 --> 00:34:59,963 >> Ivanković: Moramo li - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> JASON Hirschhorna: Ovo je string, ovaj broj ovdje. 773 00:35:07,270 --> 00:35:08,615 Gdje želim staviti ovaj niz? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> PUBLIKA: Vi želite stavi ga u ocean? 776 00:35:16,000 --> 00:35:16,040 >> JASON Hirschhorna: OK. 777 00:35:16,040 --> 00:35:19,230 I ovdje sam stavljajući niz zove html u oceanu. 778 00:35:19,230 --> 00:35:26,350 >> Ivanković: Pa bilo bi dolar Znak, oceana, html [nečujan]. 779 00:35:26,350 --> 00:35:27,985 >> JASON Hirschhorna: To bi stavi ga ravno tamo. 780 00:35:27,985 --> 00:35:29,440 No, što ako želim dodati ga - 781 00:35:29,440 --> 00:35:30,740 Ja sam već stvarajući niz, zar ne? 782 00:35:30,740 --> 00:35:33,740 Staviti u ocean, što je Ime tog niza? 783 00:35:33,740 --> 00:35:34,610 >> PUBLIKA: HTML. 784 00:35:34,610 --> 00:35:35,250 >> JASON Hirschhorna: HTML. 785 00:35:35,250 --> 00:35:36,355 Dakle, ono što ću napisati sljedeći? 786 00:35:36,355 --> 00:35:37,310 >> Publika: Jednako, jednako. 787 00:35:37,310 --> 00:35:38,990 Ili samo jednako? 788 00:35:38,990 --> 00:35:41,170 >> JASON Hirschhorna: Što će dogoditi ako pišem dosegne? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> Ivanković: Neće da ga postavite jednak - ili neće da - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> PUBLIKA: Dodjela? 793 00:35:53,016 --> 00:35:55,680 >> JASON Hirschhorna: To će ga dodijeliti, , ali ono što će se dogoditi na sve 794 00:35:55,680 --> 00:35:56,565 koja je pohranjena u njemu prije? 795 00:35:56,565 --> 00:35:57,570 >> Ivanković: Bit dobili osloboditi od njega. 796 00:35:57,570 --> 00:35:58,660 >> JASON Hirschhorna: To će se riješiti. 797 00:35:58,660 --> 00:35:59,993 Pa kako ga mogu dodati na kraju? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 Ja bih samo kopirati - 800 00:36:04,120 --> 00:36:04,530 >> PUBLIKA: Plus jednako. 801 00:36:04,530 --> 00:36:06,260 >> JASON Hirschhorna: Plus jednaka, savršena. 802 00:36:06,260 --> 00:36:07,120 To je točno. 803 00:36:07,120 --> 00:36:08,380 Pa sad idemo provjeriti što to radi. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 Boom! 806 00:36:12,760 --> 00:36:14,580 Oh, moj Bože. 807 00:36:14,580 --> 00:36:16,580 To je samo puno teksta. 808 00:36:16,580 --> 00:36:17,580 OK. 809 00:36:17,580 --> 00:36:20,640 >> Dakle, izgleda da je dobio puno teksta, ali to je super. 810 00:36:20,640 --> 00:36:21,750 Vi dečki ste učinili - 811 00:36:21,750 --> 00:36:23,160 Znam da je to teško, to je novo. 812 00:36:23,160 --> 00:36:24,970 Do sada troje od vas učinio fantastičan. 813 00:36:24,970 --> 00:36:26,600 >> OK, ti si sljedeći. 814 00:36:26,600 --> 00:36:27,960 Što smo trebali učiniti? 815 00:36:27,960 --> 00:36:29,830 Mi očito ne žele igrati samo niz. 816 00:36:29,830 --> 00:36:30,120 Da? 817 00:36:30,120 --> 00:36:30,690 >> Ivanković: Imam samo jedno pitanje. 818 00:36:30,690 --> 00:36:35,410 Znate, kad radite ocean_array, Dupin, u zagradama, nije 819 00:36:35,410 --> 00:36:37,550 dupina kao asocijativne Niz u sebi? 820 00:36:37,550 --> 00:36:38,230 >> JASON Hirschhorna: misspoke sam. 821 00:36:38,230 --> 00:36:41,515 Dupin je index. 822 00:36:41,515 --> 00:36:44,280 >> PUBLIKA: ali ne var dupina u oceanu - 823 00:36:44,280 --> 00:36:49,540 Mislim, kad ste u početku ga učitati kao dobro, var dupina u dupina, nije 824 00:36:49,540 --> 00:36:51,950 da dupina je asocijativni niz? 825 00:36:51,950 --> 00:36:52,970 >> JASON Hirschhorna: Ovaj dupin? 826 00:36:52,970 --> 00:36:53,650 >> Publika: Da. 827 00:36:53,650 --> 00:36:54,230 >> JASON Hirschhorna: Ne. 828 00:36:54,230 --> 00:36:56,366 Ovaj dupin je index. 829 00:36:56,366 --> 00:36:57,950 >> Ivanković: U redu. 830 00:36:57,950 --> 00:36:59,320 Tako je tu varijabla dupina? 831 00:36:59,320 --> 00:37:02,610 Mislim, kao ključ dupina asocijativni niz? 832 00:37:02,610 --> 00:37:04,150 >> JASON Hirschhorna: Ovdje? 833 00:37:04,150 --> 00:37:05,075 Kao, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> Publika: Da, postoji Poput točke dupina - 835 00:37:10,440 --> 00:37:13,090 kao što nije dupina značilo da se svaki objekt? 836 00:37:13,090 --> 00:37:15,580 >> Publika: Da, to je ono što sam mislio, previše. 837 00:37:15,580 --> 00:37:19,985 >> PUBLIKA: Mislio sam da je to kao dupin asocijativne matrice u dupina. 838 00:37:19,985 --> 00:37:22,240 Budući da postoji šest asocijativne polja u DUPINA, zar ne? 839 00:37:22,240 --> 00:37:24,050 >> JASON Hirschhorna: Točno. 840 00:37:24,050 --> 00:37:26,790 Način na koji smo to napisano Sada, to nije. 841 00:37:26,790 --> 00:37:29,300 >> Ivanković: Zašto je to? 842 00:37:29,300 --> 00:37:36,690 >> JASON Hirschhorna: Mogli smo to učiniti, a tu je zapravo funkcija jQuery 843 00:37:36,690 --> 00:37:39,660 zove. svaki koji daje što svaka stvar. 844 00:37:39,660 --> 00:37:41,670 Ali to sintaksa nije - 845 00:37:41,670 --> 00:37:44,130 Ja misspoke ranije - ovu sintaksu Nije da je index. 846 00:37:44,130 --> 00:37:45,780 To je samo nam daje indekse. 847 00:37:45,780 --> 00:37:48,490 No, da bi mogao napraviti znak dolara. Svaki, koja je funkcija jQuery. 848 00:37:48,490 --> 00:37:51,730 To će vam dati svaki suradnik polje. 849 00:37:51,730 --> 00:37:52,930 Pa to provjeriti. 850 00:37:52,930 --> 00:37:55,205 Ali to je ono što sve to kod radi. 851 00:37:55,205 --> 00:37:59,020 >> Ivanković: Pa ovo je prvi za petlju, ja Pretpostavljam da će ponoviti šest puta 852 00:37:59,020 --> 00:37:59,765 jer imate šest indekse. 853 00:37:59,765 --> 00:38:02,550 I onda drugi za petlje, nije da iterating 854 00:38:02,550 --> 00:38:03,880 Ista količina vremena? 855 00:38:03,880 --> 00:38:04,540 >> JASON Hirschhorna: Da. 856 00:38:04,540 --> 00:38:07,920 >> Ivanković: Pa da stvarno nema - mi bi mogao napisati prvi za petlju 857 00:38:07,920 --> 00:38:09,700 opet, i to bi radila. 858 00:38:09,700 --> 00:38:11,265 Kao, var dupina u DUPINA? 859 00:38:11,265 --> 00:38:13,400 >> JASON Hirschhorna: Da, ali mi smo Sada pomoću ocean_array. 860 00:38:13,400 --> 00:38:18,010 Mi smo se preselili sve u ocean_array jer kažu mi ikada željeli 861 00:38:18,010 --> 00:38:23,970 promijeniti ono što je u dolphins.js, ili ako želimo manipulirati ocean_array 862 00:38:23,970 --> 00:38:27,140 kasnije, ne želimo manipulirati dupini, promjenjiva. 863 00:38:27,140 --> 00:38:29,940 Želimo da manipuliraju kopiju, jer ako želimo da se nešto 864 00:38:29,940 --> 00:38:31,740 se, na taj način mi smo samo će biti na sigurnom. 865 00:38:31,740 --> 00:38:32,820 Ima li to smisla. 866 00:38:32,820 --> 00:38:33,085 >> Publika: Da. 867 00:38:33,085 --> 00:38:34,390 >> JASON Hirschhorna: OK. 868 00:38:34,390 --> 00:38:39,830 Dakle, Carlos, kako ću uzeti ovaj niz i čine ga slika umjesto toga, i dobiti 869 00:38:39,830 --> 00:38:40,860 stvarna slika? 870 00:38:40,860 --> 00:38:42,260 Vi ste vidjeli ovaj kod prije. 871 00:38:42,260 --> 00:38:45,541 Kako mi je činiti i sliku na stranici? 872 00:38:45,541 --> 00:38:51,400 >> PUBLIKA: Je li to stvar koju smo učinili oko da HTML plus jednako TE poziva crtica 873 00:38:51,400 --> 00:38:53,344 širina, ona ga izbrisati? 874 00:38:53,344 --> 00:38:56,068 >> JASON Hirschhorna: Ova stvari ovdje? 875 00:38:56,068 --> 00:38:57,036 >> Publika: Da. 876 00:38:57,036 --> 00:38:57,520 Na neki način. 877 00:38:57,520 --> 00:38:58,900 >> JASON Hirschhorna: ne brinuti o tome. 878 00:38:58,900 --> 00:39:00,520 To samo počinje HTML string. 879 00:39:00,520 --> 00:39:03,980 Ako želim uključiti sliku u mom HTML web stranica, što je oznaka da koristim? 880 00:39:03,980 --> 00:39:06,210 >> Ivanković: Ne sjećam se. 881 00:39:06,210 --> 00:39:07,050 >> JASON Hirschhorna: OK. 882 00:39:07,050 --> 00:39:08,343 Avie, pomoći mu se? 883 00:39:08,343 --> 00:39:10,985 >> PUBLIKA: Biste li se sidro, href, a zatim ga povezati? 884 00:39:10,985 --> 00:39:12,790 >> JASON Hirschhorna: Pa što je u sidro. 885 00:39:12,790 --> 00:39:14,790 >> Ivanković: Ne trebaju povezati ga, ipak, zar ne? 886 00:39:14,790 --> 00:39:17,370 >> JASON Hirschhorna: Što ako sam samo želite stvoriti sliku? 887 00:39:17,370 --> 00:39:24,640 >> Ivanković: To će biti IMG, a zatim src jednaka bez obzira na struna? 888 00:39:24,640 --> 00:39:27,400 >> JASON Hirschhorna: OK, pa to je točno, IMG. 889 00:39:27,400 --> 00:39:28,635 Carlos, ti ćeš odvesti ga odavde. 890 00:39:28,635 --> 00:39:32,760 IMG je kratica za "slike" i SRC stoji za "izvor". i morate mu dati 891 00:39:32,760 --> 00:39:35,200 URL ili neki - 892 00:39:35,200 --> 00:39:35,940 ni URL. 893 00:39:35,940 --> 00:39:39,040 Neki mjesto gdje je slika je pohranjena. 894 00:39:39,040 --> 00:39:46,490 Dakle, ja znam da je ta će mi doći slika, pa sad kako sam to sve stavim 895 00:39:46,490 --> 00:39:49,310 zajedno, mislio? 896 00:39:49,310 --> 00:39:51,920 Imam neki sintaksu trebam popraviti. 897 00:39:51,920 --> 00:39:54,632 Što točno trebam upisivati, Carlos? 898 00:39:54,632 --> 00:39:56,862 >> Ivanković: Ne shvaćam što pokušavate učiniti. 899 00:39:56,862 --> 00:40:00,185 Tako da pokušavamo staviti sve slike u tablicu? 900 00:40:00,185 --> 00:40:04,790 >> JASON Hirschhorna: Želimo prikazati sve slike na stranici. 901 00:40:04,790 --> 00:40:12,000 I vidjeli smo kako je ovaj redak koda prava Ovdje dodao žice našem HTML string 902 00:40:12,000 --> 00:40:13,275 te ih ispisati kao što je ovaj. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 Umjesto toga žele prikazati slike. 905 00:40:21,830 --> 00:40:25,780 I shvatili smo, Maru, rekao nam je da je ova linija koda - 906 00:40:25,780 --> 00:40:26,750 pa pogledajmo ovdje. 907 00:40:26,750 --> 00:40:31,745 Ako smo se i istraživali, mi ćemo urediti kao HTML. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 Maru, rekao je, ako ćemo napraviti ovu vrstu sintakse, dobivamo sliku. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 Znači li to smisla? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> To je tip string koji smo stvarno želite staviti u oceanu 914 00:41:05,630 --> 00:41:09,080 dive, ne samo u samom tekstu. 915 00:41:09,080 --> 00:41:12,080 >> PUBLIKA: [nečujan] 916 00:41:12,080 --> 00:41:12,940 >> JASON Hirschhorna: Žao mi je? 917 00:41:12,940 --> 00:41:16,240 >> Ivanković: Ne mogu vam samo kopirati da onaj koji je dao Kianna, 918 00:41:16,240 --> 00:41:17,810 i staviti ga u to - 919 00:41:17,810 --> 00:41:19,570 >> JASON Hirschhorna: Kopiraj ovaj, i staviti ovo ovdje? 920 00:41:19,570 --> 00:41:20,820 >> Publika: Da. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> JASON Hirschhorna: To je u neposrednoj blizini, ali postoji jedan problem s tim, i 923 00:41:25,813 --> 00:41:27,063 Što je to? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML je string, a mi moramo dodavanje žice na njega. 926 00:41:36,370 --> 00:41:37,855 >> Ivanković: Pa onda ga staviti - Nah. 927 00:41:37,855 --> 00:41:40,860 >> JASON Hirschhorna: I mi imamo tri - ovo ovdje nije niz. 928 00:41:40,860 --> 00:41:42,921 Kako ćemo to učiniti niz? 929 00:41:42,921 --> 00:41:45,474 Kako biste uvijek bili nešto string? 930 00:41:45,474 --> 00:41:47,242 >> Ivanković: Ne znam. 931 00:41:47,242 --> 00:41:49,570 >> JASON Hirschhorna: Ako sam tekst, kako mogu napraviti da string? 932 00:41:49,570 --> 00:41:51,615 Sviđa ovdje na ovoj liniji ovdje? 933 00:41:51,615 --> 00:41:54,160 >> PUBLIKA: Stavite ga na stol? 934 00:41:54,160 --> 00:41:56,450 >> JASON Hirschhorna: Što je ovo? 935 00:41:56,450 --> 00:41:57,290 >> PUBLIKA: Citat. 936 00:41:57,290 --> 00:41:58,670 >> JASON Hirschhorna: Bračni citati, zar ne? 937 00:41:58,670 --> 00:42:00,860 Navodnicima čini nešto string. 938 00:42:00,860 --> 00:42:03,720 Tako da se čini da je string, a to je niz. 939 00:42:03,720 --> 00:42:05,990 Kako mogu staviti dvije žice zajedno u JavaScriptu? 940 00:42:05,990 --> 00:42:06,842 >> PUBLIKA: Dot. 941 00:42:06,842 --> 00:42:07,960 >> JASON Hirschhorna: Ne dot. 942 00:42:07,960 --> 00:42:10,462 To je PHP. 943 00:42:10,462 --> 00:42:11,358 >> PUBLIKA: Plus. 944 00:42:11,358 --> 00:42:13,200 >> JASON Hirschhorna: Plus, točno. 945 00:42:13,200 --> 00:42:15,900 Dakle plus, a zatim ono što vam je činiti predlažu da radim ovdje? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> Ivanković: Još jedan citat. 948 00:42:22,400 --> 00:42:24,100 >> JASON Hirschhorna: Još jedan citat, OK. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 Kako mogu završiti niz? 951 00:42:34,322 --> 00:42:35,660 >> Ivanković: Još jedan citat. 952 00:42:35,660 --> 00:42:36,180 >> JASON Hirschhorna: Još jedan citat. 953 00:42:36,180 --> 00:42:38,740 I kako sam stavio ovaj niz zajedno s ovom nizu? 954 00:42:38,740 --> 00:42:39,810 Plus. 955 00:42:39,810 --> 00:42:40,630 To je točno. 956 00:42:40,630 --> 00:42:41,540 Upravo si to učinio za nas. 957 00:42:41,540 --> 00:42:42,590 To je savršen. 958 00:42:42,590 --> 00:42:46,320 >> Pa sad idemo donijeti ovo. 959 00:42:46,320 --> 00:42:49,050 A gledajte, mi smo dobili jednu cjelinu hrpa slika. 960 00:42:49,050 --> 00:42:49,860 Oh, moj Bože. 961 00:42:49,860 --> 00:42:50,770 To su zastrašujuće. 962 00:42:50,770 --> 00:42:51,720 Idemo istražiti ih u sekundi. 963 00:42:51,720 --> 00:42:52,010 Da, Noah? 964 00:42:52,010 --> 00:42:54,520 >> Ivanković: Znam da zapravo ne obzira na to, ali treba zatvorite 965 00:42:54,520 --> 00:42:56,005 elementi sa slike oznaku? 966 00:42:56,005 --> 00:42:58,250 >> JASON Hirschhorna: Mogli bi, ako smo htjeli, zatvoriti našu sliku 967 00:42:58,250 --> 00:43:02,284 tag samo tako. 968 00:43:02,284 --> 00:43:04,719 Idemo uzvratiti to. 969 00:43:04,719 --> 00:43:06,330 On, ne, ne možemo to učiniti. 970 00:43:06,330 --> 00:43:07,580 >> Publika: Oh, to sam razbio. 971 00:43:07,580 --> 00:43:09,090 >> JASON Hirschhorna: Mislim da je ovo je provjera valjanosti, ipak. 972 00:43:09,090 --> 00:43:12,380 Ja ne mislim da je potrebno zatvaranja udarac. 973 00:43:12,380 --> 00:43:13,490 OK, ovo je super. 974 00:43:13,490 --> 00:43:14,150 Carlos, hvala ti. 975 00:43:14,150 --> 00:43:16,270 Do sada četiri od vas učinili strašan posao. 976 00:43:16,270 --> 00:43:19,650 >> Naravno, kao što možete vidjeti, mi smo stvarajući neku vrstu stolnog kosina. 977 00:43:19,650 --> 00:43:21,490 I želim te stvari da se u tablici. 978 00:43:21,490 --> 00:43:24,970 Pa kako ću staviti te stvari u tablici? 979 00:43:24,970 --> 00:43:27,020 I očito je potrebno još malo HTML. 980 00:43:27,020 --> 00:43:28,680 Assam, kakav HTML sam ja nedostaje? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> PUBLIKA: Što vam je činiti želite učiniti, mi? 983 00:43:33,370 --> 00:43:37,430 >> JASON Hirschhorna: Ja želim staviti sve ove slike su u tablici, tako da svaka slika 984 00:43:37,430 --> 00:43:41,020 trebaju biti u jednoj koloni tablice. 985 00:43:41,020 --> 00:43:42,480 Kako ću reći da je ovo jedan stupac? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 Vidjeli ste ovaj kod prije. 988 00:43:46,010 --> 00:43:46,910 To je u P postaviti sedam. 989 00:43:46,910 --> 00:43:48,870 >> PUBLIKA: Sjećam se jednog je tr? 990 00:43:48,870 --> 00:43:50,120 >> JASON Hirschhorna: tr je za redom. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> Ivanković: Ne znam off moje srce, ali sam mogao provjeriti. 993 00:43:56,430 --> 00:43:57,140 >> JASON Hirschhorna: Da li netko sjetiti? 994 00:43:57,140 --> 00:43:57,870 >> PUBLIKA: td? 995 00:43:57,870 --> 00:44:01,250 >> JASON Hirschhorna: td, točno. td to stavlja kao stupac. 996 00:44:01,250 --> 00:44:03,150 Dakle, ako sam stavio TD postoji, Assam, Što trebam staviti? 997 00:44:03,150 --> 00:44:04,600 Što još moram dodati? 998 00:44:04,600 --> 00:44:05,620 >> PUBLIKA: Morate ga zatvoriti? 999 00:44:05,620 --> 00:44:06,240 >> JASON Hirschhorna: Točno. 1000 00:44:06,240 --> 00:44:07,490 Kamo ide? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> PUBLIKA: Upravo tamo? 1003 00:44:11,090 --> 00:44:11,970 >> JASON Hirschhorna: Ovdje? 1004 00:44:11,970 --> 00:44:13,850 >> Ivanković: Mislim da jest. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> JASON Hirschhorna: Što je ovo zatvaranja ovdje? 1007 00:44:18,600 --> 00:44:19,340 Što je ovo? 1008 00:44:19,340 --> 00:44:20,320 To plavu stvar? 1009 00:44:20,320 --> 00:44:21,280 >> Ivanković: To je za sliku. 1010 00:44:21,280 --> 00:44:22,100 To bi trebao ići nakon, mislim. 1011 00:44:22,100 --> 00:44:24,770 >> JASON Hirschhorna: OK, točno. 1012 00:44:24,770 --> 00:44:26,020 Pa da vidimo što je to učinio. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 Oh, to je nezgodno. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 Idemo otvoriti ocean, stol, Tablica tijelo, tr. 1017 00:44:39,470 --> 00:44:44,410 Dakle, imamo tonu, ali ja ne vidim slike. 1018 00:44:44,410 --> 00:44:45,110 To je malo čudno. 1019 00:44:45,110 --> 00:44:48,360 To izgleda kao da ju je izgradio, ali nije mi pokazati slike. 1020 00:44:48,360 --> 00:44:50,425 Bilo koji ideja zašto bi to mogao biti slučaj? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 Bilo misli? 1023 00:44:59,140 --> 00:45:01,550 >> Ivanković: Ako se pomaknete prema dolje, vidjet ćete ih. 1024 00:45:01,550 --> 00:45:02,430 >> JASON Hirschhorna: Boom! 1025 00:45:02,430 --> 00:45:06,130 Dakle, oni su tu, ali da je čudno da je oni su skroz tamo dolje. 1026 00:45:06,130 --> 00:45:07,670 >> Ivanković: Oni su i sve je u redu. 1027 00:45:07,670 --> 00:45:11,280 >> JASON Hirschhorna: I oni su svi u red, i oni su svi različite veličine. 1028 00:45:11,280 --> 00:45:14,440 Dakle Assam, daj mi još jednu liniju koda ako ja mogu učiniti sve slike 1029 00:45:14,440 --> 00:45:17,420 iste veličine, i to izgleda kao da sam već naznačeno veličina sam 1030 00:45:17,420 --> 00:45:18,440 želimo da budu. 1031 00:45:18,440 --> 00:45:20,025 Kako ja mogu učiniti svaku sliku iste veličine? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 Dajte divlje pogoditi. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> Što o toj liniji koda? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> PUBLIKA: Možete li napraviti Kao stalna? 1038 00:45:43,650 --> 00:45:46,740 >> JASON Hirschhorna: Ili gdje je još stavljajte sam mogao staviti ovu liniju koda, 1039 00:45:46,740 --> 00:45:47,740 ako sam ga kopirati? 1040 00:45:47,740 --> 00:45:49,280 >> Ivanković: Sve putu prema dolje na toj istoj liniji? 1041 00:45:49,280 --> 00:45:52,000 >> JASON Hirschhorna: OK, neka je stavi je ovdje, upravo pravo. 1042 00:45:52,000 --> 00:45:54,320 A sada da vidimo što će se dogoditi. 1043 00:45:54,320 --> 00:45:56,030 Oh, moj Bože! 1044 00:45:56,030 --> 00:46:00,290 Sada to izgleda kao da smo s početkom u dobiti nešto, i to izgleda kao da 1045 00:46:00,290 --> 00:46:06,950 sve nekako uklopiti u tablici koja smo izgrađena u svakom TD. 1046 00:46:06,950 --> 00:46:10,195 >> Također, Assam, recimo ja volim svoje Visine se biti malo više - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 Visine stvar me baca off, tako ono što sam trebao postaviti na vrhuncu? 1049 00:46:19,260 --> 00:46:20,210 Pick bilo koji broj. 1050 00:46:20,210 --> 00:46:20,860 >> PUBLIKA: 200? 1051 00:46:20,860 --> 00:46:21,000 >> JASON Hirschhorna: 200. 1052 00:46:21,000 --> 00:46:22,380 Idem pokupiti 100. 1053 00:46:22,380 --> 00:46:22,940 To je super. 1054 00:46:22,940 --> 00:46:25,540 Za stvarno poput 200. 1055 00:46:25,540 --> 00:46:26,140 Tu smo! 1056 00:46:26,140 --> 00:46:31,830 OK, sada se to počinje izgledati malo bolje i malo više organizirani. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> Bilo koji drugi misli za ono što nam je potrebno da se učiniti za pohranu slika dupina? 1059 00:46:38,170 --> 00:46:38,530 Da? 1060 00:46:38,530 --> 00:46:42,810 >> PUBLIKA: Jesu li citati, ili pojedinačni citati, oko vrijednosti za 1061 00:46:42,810 --> 00:46:45,015 Izvor, visina, širina, onih opcija? 1062 00:46:45,015 --> 00:46:46,710 >> JASON Hirschhorna: Gdje su jednostruke navodnike? 1063 00:46:46,710 --> 00:46:50,340 >> PUBLIKA: Kao u neki od primjera, ti bi kao i visine 1064 00:46:50,340 --> 00:46:53,050 jednako citat "150". Je to nije neophodno. 1065 00:46:53,050 --> 00:46:54,510 >> JASON Hirschhorna: Tako ćemo pogledati ovdje. 1066 00:46:54,510 --> 00:47:04,120 Ako kliknete na oceanu, ide u tablicu, primijetit ćete ovdje ga zapravo 1067 00:47:04,120 --> 00:47:05,540 dodao je te citati za mene. 1068 00:47:05,540 --> 00:47:08,310 >> Ivanković: U redu. 1069 00:47:08,310 --> 00:47:12,080 >> JASON Hirschhorna: I tako sam shvatiti što radimo čini bolno spor. 1070 00:47:12,080 --> 00:47:14,950 Mi samo sam napisao tri linije koda Do sada, ili četiri linija koda, ali 1071 00:47:14,950 --> 00:47:18,130 to je u tome da je postupak I proći kroz svaki put želim 1072 00:47:18,130 --> 00:47:18,990 napraviti ovu web stranicu. 1073 00:47:18,990 --> 00:47:22,800 Redak po redak, koristeći konzolu dolje Ovdje, istražujući stvari i figuring 1074 00:47:22,800 --> 00:47:24,320 iz korak-po-korak ono što želim učiniti. 1075 00:47:24,320 --> 00:47:28,580 Dakle, nadamo se, to oponaša za vas dečki u dobrom, pedagoški način ono što 1076 00:47:28,580 --> 00:47:31,055 zapravo će biti događaj kada stvarate svoju web stranicu. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> Idemo dalje. 1079 00:47:35,410 --> 00:47:36,500 Stvorili smo te stvari. 1080 00:47:36,500 --> 00:47:37,240 Idem zapravo - 1081 00:47:37,240 --> 00:47:40,950 Avie, imam veliku pitanje za vas. 1082 00:47:40,950 --> 00:47:43,350 Ne znam, mi ćemo krenuti dalje. 1083 00:47:43,350 --> 00:47:48,950 Idemo na "vlak dupina kada je slika je kliknuo. "Kako vam je činiti 1084 00:47:48,950 --> 00:47:51,288 predlažu sam napisati da je linija koda? 1085 00:47:51,288 --> 00:47:54,235 >> Ivanković: Ne postoji funkcija pod nazivom "vlak." 1086 00:47:54,235 --> 00:47:57,030 >> JASON Hirschhorna: Tu je funkciju pod nazivom "vlak", točno. 1087 00:47:57,030 --> 00:47:59,520 >> PUBLIKA: On očekuje indeks. 1088 00:47:59,520 --> 00:48:02,630 >> JASON Hirschhorna: Vlak očekuje index, tako, u redu. 1089 00:48:02,630 --> 00:48:05,020 Avie, to je točno obrazloženje da ja volio vidjeti. 1090 00:48:05,020 --> 00:48:06,320 Vlak očekuje indeks. 1091 00:48:06,320 --> 00:48:08,230 >> Ivanković: Pa ideš imati za petlju. 1092 00:48:08,230 --> 00:48:11,540 >> JASON Hirschhorna: Pa, želim napraviti kada je slika kliknuli, tako Avie, 1093 00:48:11,540 --> 00:48:15,140 Kako mogu pratiti kada slika je kliknuo? 1094 00:48:15,140 --> 00:48:16,380 Postoji nekoliko načina kako to učiniti. 1095 00:48:16,380 --> 00:48:20,330 To je moć JavaScript i jQuery, ali i najteži dio. 1096 00:48:20,330 --> 00:48:22,950 >> Ivanković: Ako zagrada, ne. 1097 00:48:22,950 --> 00:48:27,390 Ili, ako zagrada događaj, ili tako nešto relativno jednostavna? 1098 00:48:27,390 --> 00:48:30,850 >> JASON Hirschhorna: Tako smo vidjeli par načina da to učinite to na predavanju. 1099 00:48:30,850 --> 00:48:36,860 Jedna stvar je da, ovdje dolje, što bi moglo nešto kao da bi mogao stvoriti 1100 00:48:36,860 --> 00:48:39,340 funkcija kao na klik, ili napraviti nešto kao na klik. 1101 00:48:39,340 --> 00:48:41,620 Svatko zapamtiti gledajući nešto slično? 1102 00:48:41,620 --> 00:48:46,630 Možete to učiniti unutar HTML tag. 1103 00:48:46,630 --> 00:48:47,910 Vidim neke prazne lica. 1104 00:48:47,910 --> 00:48:49,910 Neki ljudi su kao što je on to govori? 1105 00:48:49,910 --> 00:48:52,150 >> To je u redu, jer mislim da je to složeniji način da to učinite. 1106 00:48:52,150 --> 00:48:55,110 Mi ćemo učiniti mnogo lakše način koristeći jQuery. 1107 00:48:55,110 --> 00:48:55,560 Dakle, Avie? 1108 00:48:55,560 --> 00:48:57,350 >> PUBLIKA: Hm? 1109 00:48:57,350 --> 00:49:00,280 >> JASON Hirschhorna: Ako želim napraviti nešto jQuery, ja očito početak, 1110 00:49:00,280 --> 00:49:05,090 Kao i prije, s ovim znak za dolar, otvoren zagr, bliski zagr i dvostruka 1111 00:49:05,090 --> 00:49:06,120 citira ovdje. 1112 00:49:06,120 --> 00:49:07,660 Sada znamo Trebam selektor ovdje. 1113 00:49:07,660 --> 00:49:11,720 Što selektor predlažete bi se primjenjivala za svaku pojedinu sliku ili svaka 1114 00:49:11,720 --> 00:49:14,680 jedna slika? 1115 00:49:14,680 --> 00:49:16,160 >> PUBLIKA: slike? 1116 00:49:16,160 --> 00:49:17,840 >> JASON Hirschhorna: To je točno u pravu. 1117 00:49:17,840 --> 00:49:20,240 To će se odnositi na svaku sliku. 1118 00:49:20,240 --> 00:49:20,940 Dobiva sve njih. 1119 00:49:20,940 --> 00:49:24,005 Nije ID, to nije klasa, to je vrsta krpa, a to će se 1120 00:49:24,005 --> 00:49:24,970 dobiti svakog pojedinca. 1121 00:49:24,970 --> 00:49:27,610 >> I sad ću vam reći ovo za sada, a možete pogledati više 1122 00:49:27,610 --> 00:49:33,540 dokumentaciju o tome kasnije, ali to stvar se zove "na" bavi događajima. 1123 00:49:33,540 --> 00:49:37,370 Dakle, ono što se sada učiniti, a što je super moćan, je reći što tip 1124 00:49:37,370 --> 00:49:40,260 Događaj što tražite i što želite učiniti kada 1125 00:49:40,260 --> 00:49:41,160 dobivate taj događaj. 1126 00:49:41,160 --> 00:49:43,155 Zato ću vam dati malo malo više koda, Avie, a zatim 1127 00:49:43,155 --> 00:49:44,200 moraš ići, OK? 1128 00:49:44,200 --> 00:49:46,700 >> Ivanković: U redu. 1129 00:49:46,700 --> 00:49:50,030 >> PUBLIKA: On - idemo reći "Klik" u ovom slučaju, koji ćete 1130 00:49:50,030 --> 00:49:50,750 uglavnom koriste. 1131 00:49:50,750 --> 00:49:54,460 Dakle, na klik, a zatim ćemo to prođe anonimni funkciju. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 A to sintaksa ćeš vidjeti Puno, i nadamo se da će 1134 00:50:04,100 --> 00:50:05,210 pisati puno. 1135 00:50:05,210 --> 00:50:10,350 Što to znači, opet, na klik u nešto što se zove slike, što god, 1136 00:50:10,350 --> 00:50:14,960 ništa se zove slika, reći ćemo pokrenuti ovaj anonimni funkciju. 1137 00:50:14,960 --> 00:50:16,260 >> Neću mu daje ime. 1138 00:50:16,260 --> 00:50:18,180 Nisam to prolazi sve argumente. 1139 00:50:18,180 --> 00:50:21,870 Ja sam samo, kao što je, stvarajući evo funkcionirati, a evo što je kod 1140 00:50:21,870 --> 00:50:22,750 idete raditi. 1141 00:50:22,750 --> 00:50:24,310 To je s ovim sintakse sredstvima. 1142 00:50:24,310 --> 00:50:27,500 A isto tako, kao što ćete primijetiti, to izgleda vrlo sličan ovome ovdje gore kako bismo 1143 00:50:27,500 --> 00:50:29,310 pisao prije. 1144 00:50:29,310 --> 00:50:30,400 >> OK, Avie. 1145 00:50:30,400 --> 00:50:34,720 Dakle, želite nazvati vlak na indeksu. 1146 00:50:34,720 --> 00:50:35,690 Je li to ono što želite učiniti? 1147 00:50:35,690 --> 00:50:36,400 >> Publika: Da. 1148 00:50:36,400 --> 00:50:36,800 >> JASON Hirschhorna: To je? 1149 00:50:36,800 --> 00:50:37,840 OK. 1150 00:50:37,840 --> 00:50:38,610 Da vidimo što će se dogoditi. 1151 00:50:38,610 --> 00:50:39,420 >> Publika: Čekajte, ipak. 1152 00:50:39,420 --> 00:50:41,240 Indeks nije varijabla upravo sada. 1153 00:50:41,240 --> 00:50:42,520 >> JASON Hirschhorna: Tako je indeks nije varijabla upravo sada. 1154 00:50:42,520 --> 00:50:43,780 Ne znam gdje ste ga dobili od. 1155 00:50:43,780 --> 00:50:45,030 >> PUBLIKA: [nečujan]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 Dakle, trebate prvo shvatiti koji dupin dobio kliknuo? 1158 00:50:51,280 --> 00:50:52,440 >> JASON Hirschhorna: Izvrsno. 1159 00:50:52,440 --> 00:50:55,260 Morate shvatiti što dupin dobio kliknuli. 1160 00:50:55,260 --> 00:50:56,840 To je divlja pucao u mraku. 1161 00:50:56,840 --> 00:50:59,355 Bilo tko imati bilo koji ideja kako ja mogu shvatiti što dupin dobio kliknuo? 1162 00:50:59,355 --> 00:51:03,280 Ako ne, samo ću ga dati, jer je to prilično ludo. 1163 00:51:03,280 --> 00:51:04,350 OK. 1164 00:51:04,350 --> 00:51:06,670 Tako ćemo ispisati putem console.log. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> To je stvar. 1167 00:51:19,550 --> 00:51:25,830 Dakle, znak dolara, otvorena zagrada, ovako blizu zagr. 1168 00:51:25,830 --> 00:51:28,110 Dakle, kada sam kliknite na ovu sliku, idem ispisati to na konzoli, 1169 00:51:28,110 --> 00:51:29,030 pa da vidimo što će se dogoditi. 1170 00:51:29,030 --> 00:51:30,820 Vratimo se ovdje. 1171 00:51:30,820 --> 00:51:31,640 Idemo na konzole. 1172 00:51:31,640 --> 00:51:33,950 Nema pogreške, hvala Bogu. 1173 00:51:33,950 --> 00:51:35,420 >> OK. 1174 00:51:35,420 --> 00:51:36,040 Kliknuo sam. 1175 00:51:36,040 --> 00:51:37,660 Dopustite mi da to učiniti opet. 1176 00:51:37,660 --> 00:51:43,290 Ja kliknuo ovu prvu sliku, a to dobio ispisan na konzolu, 1177 00:51:43,290 --> 00:51:44,200 Ova linija stvari. 1178 00:51:44,200 --> 00:51:47,230 Idem se pomoću Riječ "to" puno. 1179 00:51:47,230 --> 00:51:52,000 To što upravo ovdje, ovo je vrlo posebna, i to rade upravo ono što 1180 00:51:52,000 --> 00:51:53,340 Avie želi to učiniti. 1181 00:51:53,340 --> 00:51:57,640 To je sve ono što je kliknuli na ili što god. 1182 00:51:57,640 --> 00:52:01,850 Jer opet, ovaj odabir se događa nositi se s mnogim stvarima, mi ne 1183 00:52:01,850 --> 00:52:05,310 mora znati što je stvar da smo pričaju, pa želimo shvatiti 1184 00:52:05,310 --> 00:52:08,300 iz koje stvar pričamo o putem ovog sintakse. 1185 00:52:08,300 --> 00:52:12,320 U ovom slučaju upravo ovdje, hashtag oceana, uvijek znamo što je stvar da smo 1186 00:52:12,320 --> 00:52:14,740 će se govoriti o tome, tako da mi nikada stvarno potrebno to 1187 00:52:14,740 --> 00:52:15,880 unutar hashtag oceana. 1188 00:52:15,880 --> 00:52:18,430 To je uvijek ocean, da je div. 1189 00:52:18,430 --> 00:52:21,770 To je ID, jedini mogući stvar. 1190 00:52:21,770 --> 00:52:25,840 >> No, u ovom slučaju, to se odnosi na puno slika, u stvari, šest slika, 1191 00:52:25,840 --> 00:52:28,180 pa želimo znati što se posebno slika je kliknuli. 1192 00:52:28,180 --> 00:52:33,022 I izgleda da je to Vrsta podataka koje dobijete. 1193 00:52:33,022 --> 00:52:41,540 Mi smo dobili to izgleda kao neka velika string, a mi smo dobili sve to 1194 00:52:41,540 --> 00:52:43,890 Informacije s tim. 1195 00:52:43,890 --> 00:52:46,550 Mi smo dobili tone i tone i tona stvari. 1196 00:52:46,550 --> 00:52:48,020 jQuery je iznimno moćan. 1197 00:52:48,020 --> 00:52:53,890 To što nam je tonu informacija o ovom konkretnom HTML elementa. 1198 00:52:53,890 --> 00:52:58,484 Avie, što želimo znati o ovom HTML elementa? 1199 00:52:58,484 --> 00:53:00,306 >> PUBLIKA: Nešto poput osobne iskaznice. 1200 00:53:00,306 --> 00:53:01,190 >> JASON Hirschhorna: ID. 1201 00:53:01,190 --> 00:53:04,375 Pa, imamo izvor, širine i visine. 1202 00:53:04,375 --> 00:53:06,246 >> Ivanković: Možemo koristiti izvor. 1203 00:53:06,246 --> 00:53:07,190 >> JASON Hirschhorna: Mi Možete koristiti izvor. 1204 00:53:07,190 --> 00:53:09,140 To će nam dati niz, URL string. 1205 00:53:09,140 --> 00:53:10,330 Što ćemo učiniti s da, kada smo to? 1206 00:53:10,330 --> 00:53:11,800 Kako ćemo se vratiti u naš indeks u ocean_array? 1207 00:53:11,800 --> 00:53:14,725 >> Ivanković: Možemo usporediti da druge. 1208 00:53:14,725 --> 00:53:16,910 >> JASON Hirschhorna: Pa što smo mogli petlja kroz svaki. 1209 00:53:16,910 --> 00:53:21,350 Sada smo mogli petlju ponovno i onda to usporediti. 1210 00:53:21,350 --> 00:53:23,860 Predvidjeti što će biti jednostavniji način, ako bi mogao samo zamisliti jednu? 1211 00:53:23,860 --> 00:53:25,564 >> Ivanković: Ne moraju petlje. 1212 00:53:25,564 --> 00:53:26,930 >> JASON Hirschhorna: Ne moraju petlje. 1213 00:53:26,930 --> 00:53:29,210 >> PUBLIKA: Samo figuring out dupin, [nečujan]. 1214 00:53:29,210 --> 00:53:31,430 >> JASON Hirschhorna: figuring što dupin. 1215 00:53:31,430 --> 00:53:31,940 OK. 1216 00:53:31,940 --> 00:53:34,780 Tako ćemo spasiti tu informaciju na ovoj slici oznaku. 1217 00:53:34,780 --> 00:53:37,370 A opet, upravo sada, dio te stvari samo je čarobno, jer sam mogao 1218 00:53:37,370 --> 00:53:39,950 treba vam pokazuje to po prvi put, ali nadamo se to su stvari 1219 00:53:39,950 --> 00:53:41,140 ti si idući u biti događaj. 1220 00:53:41,140 --> 00:53:43,440 Dakle, to je nešto čarobni možete učiniti. 1221 00:53:43,440 --> 00:53:46,500 Možete uštedjeti nešto extra metapodataka u elementu. 1222 00:53:46,500 --> 00:53:48,080 To se neće pojaviti, to neće utjecati na bilo što. 1223 00:53:48,080 --> 00:53:49,370 Vi samo možete ga spremiti postoji. 1224 00:53:49,370 --> 00:53:54,170 I predlažem štedimo index sa svake slike. 1225 00:53:54,170 --> 00:54:03,020 >> Dakle, način na koji to učiniti je da stvorite atribut zove podaci crtica i 1226 00:54:03,020 --> 00:54:04,750 onda sve što vas ime žele ga dati. 1227 00:54:04,750 --> 00:54:08,940 Crtica podataka je posebna stvar koja je s obzirom na vas, a kaže da je ovo 1228 00:54:08,940 --> 00:54:10,990 nešto što korisnik će se stvoriti. 1229 00:54:10,990 --> 00:54:17,380 Dakle, mi stvaramo ovu stvar zove index, ovaj ključ se zove indeks. 1230 00:54:17,380 --> 00:54:21,530 >> A unutar nje, mi ćemo staviti Ne samo jedan svaki put, ali što učiniti 1231 00:54:21,530 --> 00:54:22,710 stavili smo unutar nje, Avie? 1232 00:54:22,710 --> 00:54:23,960 Što se događa ovdje? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> PUBLIKA: Dolphin. 1235 00:54:29,954 --> 00:54:31,140 >> JASON Hirschhorna: Dolphin. 1236 00:54:31,140 --> 00:54:33,370 To se ne da riječ. 1237 00:54:33,370 --> 00:54:34,920 Dolphin. 1238 00:54:34,920 --> 00:54:38,300 I opet, mi već tiskani dupina ranije, da je 0, 1, 2, 3, 4, 5, i 1239 00:54:38,300 --> 00:54:39,590 Štedimo da sa slike. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> Pa sad, ako mi je činiti - i opet, štedimo da metapodataka. 1242 00:54:48,580 --> 00:54:50,070 Kako ćete pristupiti da meta? 1243 00:54:50,070 --> 00:54:52,690 To je s funkcije samo pod nazivom "podataka." A morate ga proći jedan 1244 00:54:52,690 --> 00:54:57,960 i samo jedan argument, koji je naziv stvar. 1245 00:54:57,960 --> 00:55:00,150 Tako da ću ispisati ovo, a onda ću uzeti pitanja. 1246 00:55:00,150 --> 00:55:04,800 Ali u biti, želim reći daj mi to Objekt koji je kliknuo na, izgleda 1247 00:55:04,800 --> 00:55:07,790 na svim svojim podatkovnim atributa, i jedan se zove "indeksiraju" 1248 00:55:07,790 --> 00:55:09,080 daj mi tu vrijednost. 1249 00:55:09,080 --> 00:55:11,580 >> Pa da vidimo što će se dogoditi kada se smo osvježite ovu stranicu. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 Točno ono što smo očekivali. 1252 00:55:17,580 --> 00:55:18,910 Opet, to je bio prilično čarobno. 1253 00:55:18,910 --> 00:55:20,680 Upravo smo učinili puno tamo. 1254 00:55:20,680 --> 00:55:22,360 Tko ima bilo kakvih pitanja u vezi toga? 1255 00:55:22,360 --> 00:55:22,560 Da? 1256 00:55:22,560 --> 00:55:24,540 >> Ivanković: Imam samo jedno pitanje o svom live koda. 1257 00:55:24,540 --> 00:55:27,590 Možete koristiti kao jedan citat, dvostrukog citat, kao i tamo. 1258 00:55:27,590 --> 00:55:28,534 >> JASON Hirschhorna: Ovdje. 1259 00:55:28,534 --> 00:55:29,006 >> Publika: Da. 1260 00:55:29,006 --> 00:55:33,300 Postoji razlog zašto vam je činiti jedan citat, dvostruki navodnici? 1261 00:55:33,300 --> 00:55:35,190 >> JASON Hirschhorna: Postoji razlog, a to seže u ono Marcus 1262 00:55:35,190 --> 00:55:35,830 pitao ranije. 1263 00:55:35,830 --> 00:55:38,940 U skladu s tim, da sam bio malo bolji u mom kodiranje. 1264 00:55:38,940 --> 00:55:43,810 Želim to, a to je ono što ja iskreno trebala učiniti sve 1265 00:55:43,810 --> 00:55:46,240 vrijeme, za širinu i visinu posebno. 1266 00:55:46,240 --> 00:55:49,090 Pogledajmo ovdje. 1267 00:55:49,090 --> 00:55:50,280 Vidjet ćete upravo ovdje, može li to vidjeli? 1268 00:55:50,280 --> 00:55:54,620 Znam da je to neka vrsta male, ali podaci crtica indeks je u navodnicima. 1269 00:55:54,620 --> 00:55:56,240 Te stvari se uvijek trebaju biti u navodnicima. 1270 00:55:56,240 --> 00:55:58,630 Vrijednost uvijek treba biti u navodnicima. 1271 00:55:58,630 --> 00:56:01,910 >> Ali ovdje, ako sam dupli citat, koji će završiti ovaj niz ovdje, 1272 00:56:01,910 --> 00:56:03,930 i sada ne bi bilo tipkanje u nizu. 1273 00:56:03,930 --> 00:56:09,600 Tako sam se oko da je samo pomoću jedan citat, jer je jedan citat 1274 00:56:09,600 --> 00:56:13,120 ne završava JavaScript string, ali u HTML-u to ne zanima, ako ste 1275 00:56:13,120 --> 00:56:14,270 dajući mu jednu citati ili dvostrukih navodnika. 1276 00:56:14,270 --> 00:56:16,395 To će samo to tumače kao navodnicima. 1277 00:56:16,395 --> 00:56:17,460 Ima li to smisla? 1278 00:56:17,460 --> 00:56:17,855 Da? 1279 00:56:17,855 --> 00:56:21,225 >> PUBLIKA: Kako ste dobili da IP adresa u dnu svog klijenta? 1280 00:56:21,225 --> 00:56:22,473 Mine kaže nema IP adresu. 1281 00:56:22,473 --> 00:56:24,450 Ima li nešto što bih trebao učinili u [nečujan]. 1282 00:56:24,450 --> 00:56:26,385 >> JASON Hirschhorna: U Vašem aparatu, to nema veze? 1283 00:56:26,385 --> 00:56:27,043 >> Publika: Da. 1284 00:56:27,043 --> 00:56:29,540 >> JASON Hirschhorna: Ima nešto možete učiniti da to popraviti, ali ja nisam 1285 00:56:29,540 --> 00:56:31,030 će provesti vrijeme hodanja kroz koji upravo sada. 1286 00:56:31,030 --> 00:56:33,705 No, možemo to učiniti nakon sekcije. 1287 00:56:33,705 --> 00:56:38,520 >> Ivanković: Ako se vratite na konzola, zašto je 1288 00:56:38,520 --> 00:56:41,168 broj naveden 012.321? 1289 00:56:41,168 --> 00:56:42,480 >> JASON Hirschhorna: konzole? 1290 00:56:42,480 --> 00:56:44,760 Oh, zato što sam bio samo klikom oko mahnito. 1291 00:56:44,760 --> 00:56:45,440 >> Publika: Oh, u redu. 1292 00:56:45,440 --> 00:56:46,410 Ništa za to. 1293 00:56:46,410 --> 00:56:50,754 >> JASON Hirschhorna: I opet, ja mogu kliknite na nešto bajillion puta. 1294 00:56:50,754 --> 00:56:53,500 >> Ivanković: Imam pitanje o Vaš petlje opet, tvoj za petlje. 1295 00:56:53,500 --> 00:56:56,450 Jer znate u P postaviti osam, oni koristiti drugačiji oblik tog kruga. 1296 00:56:56,450 --> 00:57:02,210 Dakle, oni se kao var i = 0, i manje nego, ocean_array.length, i + +. 1297 00:57:02,210 --> 00:57:04,160 Jesu li oni jednako? 1298 00:57:04,160 --> 00:57:06,070 >> JASON Hirschhorna: To je standard za petlju. 1299 00:57:06,070 --> 00:57:07,570 Ili da, to je za petlje. 1300 00:57:07,570 --> 00:57:08,565 Zapravo, vidjeli smo da je ekvivalent. 1301 00:57:08,565 --> 00:57:10,450 >> Ivanković: Pa to je ekvivalent to što si učinio ovdje? 1302 00:57:10,450 --> 00:57:12,030 Je jedan smatra boljim od drugih? 1303 00:57:12,030 --> 00:57:13,280 >> JASON Hirschhorna: Ne. 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> Dakle, opet smo otišli nad nekim stvarima. 1306 00:57:20,110 --> 00:57:23,170 Sada smo se preselili izvan naše zone udobnosti i počeo raditi neke stvarno cool 1307 00:57:23,170 --> 00:57:26,840 stvari koje nismo nužno i otišao više u klasi i prije, ali će 1308 00:57:26,840 --> 00:57:28,870 nadamo se biti vrlo moćan za tebe kada kodiranje. 1309 00:57:28,870 --> 00:57:30,670 >> Avie, vratimo se ovdje. 1310 00:57:30,670 --> 00:57:31,890 Imam indeks dupina. 1311 00:57:31,890 --> 00:57:32,850 Sada ono što trebam učiniti? 1312 00:57:32,850 --> 00:57:34,760 >> PUBLIKA: Morate ga trenirati. 1313 00:57:34,760 --> 00:57:39,985 Dakle, umjesto stavljanja console.log, te Možete postaviti varijabla jednaka onoj? 1314 00:57:39,985 --> 00:57:40,680 >> JASON Hirschhorna: OK. 1315 00:57:40,680 --> 00:57:41,440 Dakle? 1316 00:57:41,440 --> 00:57:44,450 >> Ivanković: Nisam siguran Ako možete to učiniti. 1317 00:57:44,450 --> 00:57:46,880 >> JASON Hirschhorna: Pa var x jednaka to, bez obzira na to vraća, 1318 00:57:46,880 --> 00:57:47,650 to će ga vratiti. 1319 00:57:47,650 --> 00:57:48,350 Nije važno. 1320 00:57:48,350 --> 00:57:49,490 To može vratiti bilo koju varijablu. 1321 00:57:49,490 --> 00:57:51,580 Nema tipova ovdje. 1322 00:57:51,580 --> 00:57:53,970 >> PUBLIKA: Ili ste mogli samo funkcioniraju poziv. 1323 00:57:53,970 --> 00:57:55,465 >> JASON Hirschhorna: Da, zašto ne bih to učinio? 1324 00:57:55,465 --> 00:57:58,191 Samo to je funkcija poziva. 1325 00:57:58,191 --> 00:57:59,105 >> Publika: Da. 1326 00:57:59,105 --> 00:58:01,100 Stavite drugi set zagradi. 1327 00:58:01,100 --> 00:58:02,330 >> JASON Hirschhorna: Savršeno. 1328 00:58:02,330 --> 00:58:03,580 To je točno. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 Tako da će pozvati funkciju vlak. 1331 00:58:08,830 --> 00:58:14,020 Naravno, ništa nije u vlaku funkcija, pa predlažu, Akshar, ono što ja 1332 00:58:14,020 --> 00:58:15,440 treba učiniti u funkciji željezničke. 1333 00:58:15,440 --> 00:58:16,400 Daj mi malo pseudo kod. 1334 00:58:16,400 --> 00:58:20,940 >> Ivanković: Mislim da bi trebalo ukloniti Delfin iz izvorne tablice. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> JASON Hirschhorna: I to je sve Noi ranije zašto smo kopirali 1337 00:58:27,010 --> 00:58:30,510 je u novi niz. 1338 00:58:30,510 --> 00:58:34,650 Točno, ne zato što nam je činiti kako urediti naše Dupini polja, jer što ako drugi 1339 00:58:34,650 --> 00:58:37,390 Program je to koristite ili što ako želimo pristupiti negdje drugdje? 1340 00:58:37,390 --> 00:58:41,005 Mi želimo napraviti kopiju, a to je jedan ćemo urediti. 1341 00:58:41,005 --> 00:58:46,565 >> PUBLIKA: Onda položaj je u svom novom mjestu. 1342 00:58:46,565 --> 00:58:48,990 >> JASON Hirschhorna: A što učiniti moramo učiniti nakon toga? 1343 00:58:48,990 --> 00:58:53,298 >> Ivanković: I onda isprintati Informacije o dupina. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> JASON Hirschhorna: To je točno u pravu. 1346 00:58:57,970 --> 00:59:03,835 Mi smo ga izvadili iz ocean_array, mi stavi ga u bazenu, a onda skrećemo 1347 00:59:03,835 --> 00:59:06,870 ocean u bazenu. 1348 00:59:06,870 --> 00:59:09,625 Kako mogu ukloniti dupin iz ocean_array? 1349 00:59:09,625 --> 00:59:12,102 >> PUBLIKA: Možete ići na indeksu. 1350 00:59:12,102 --> 00:59:13,280 Oh, u redu. 1351 00:59:13,280 --> 00:59:16,076 Koristite funkciju uplesti. 1352 00:59:16,076 --> 00:59:17,720 >> JASON Hirschhorna: U redu, tako da je u pravu. 1353 00:59:17,720 --> 00:59:20,950 Ja mogu koristiti funkciju uplesti što traje nešto iz niza i 1354 00:59:20,950 --> 00:59:22,250 kondenzira ga. 1355 00:59:22,250 --> 00:59:23,560 To je nešto novo što nisam vidio prije. 1356 00:59:23,560 --> 00:59:26,120 Ali ja zapravo žele zadržati razmak tamo, jer želim ispisati 1357 00:59:26,120 --> 00:59:28,092 prazan prostor u oceanu. 1358 00:59:28,092 --> 00:59:36,480 >> Ivanković: Pa onda možete postaviti sliku tog indeksa, ocean_array 1359 00:59:36,480 --> 00:59:39,636 index dot slika. 1360 00:59:39,636 --> 00:59:41,730 >> JASON Hirschhorna: OK, ocean_array, index. 1361 00:59:41,730 --> 00:59:43,125 >> PUBLIKA: Dot slika. 1362 00:59:43,125 --> 00:59:44,300 >> JASON Hirschhorna: Dot slika. 1363 00:59:44,300 --> 00:59:45,910 >> Publika: A što ste ga postavili na nulu? 1364 00:59:45,910 --> 00:59:47,080 >> JASON Hirschhorna: Jednako null. 1365 00:59:47,080 --> 00:59:49,440 OK. 1366 00:59:49,440 --> 00:59:53,230 Dakle, ništa tamo, pa onda kako mogu staviti u bazen? 1367 00:59:53,230 --> 00:59:56,880 Konstantin je, kako ja radim stavite ga u bazen? 1368 00:59:56,880 --> 01:00:00,140 Mi imamo ovu varijablu smo nazvali, zove bazen, ovdje. 1369 01:00:00,140 --> 01:00:10,810 >> PUBLIKA: Nemojte mi samo napraviti dosegne ocean_array index? 1370 01:00:10,810 --> 01:00:12,575 >> Ivanković: Ne bi li prebaciti nalog? 1371 01:00:12,575 --> 01:00:14,325 >> JASON Hirschhorna: Jedna sek. 1372 01:00:14,325 --> 01:00:14,770 Da? 1373 01:00:14,770 --> 01:00:16,980 >> Publika: Da, to je bilo zapravo dobra stvar. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> JASON Hirschhorna: Što se događa ovdje? 1376 01:00:24,372 --> 01:00:25,510 >> PUBLIKA: Je li index? 1377 01:00:25,510 --> 01:00:27,240 >> JASON Hirschhorna: Index, točno. 1378 01:00:27,240 --> 01:00:29,400 A što ste vi rekli, Konstantina, je nešto što smo trebali učiniti? 1379 01:00:29,400 --> 01:00:31,530 >> Ivanković: Trebali bi možda prebaciti nalog. 1380 01:00:31,530 --> 01:00:34,300 >> JASON Hirschhorna: A zašto bi zamijenimo redoslijed, možda? 1381 01:00:34,300 --> 01:00:36,166 >> PUBLIKA: zato što je to ukazuju da je već null. 1382 01:00:36,166 --> 01:00:39,755 >> JASON Hirschhorna: Pa to nije sve null, ali smo izgubili URL slike. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 Jesmo li ga zauvijek izgubljen? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> PUBLIKA: tehnički nema? 1387 01:00:48,970 --> 01:00:50,540 >> JASON Hirschhorna: Jeste ćemo ga zauvijek izgubljen? 1388 01:00:50,540 --> 01:00:51,290 >> Ivanković: Ne. 1389 01:00:51,290 --> 01:00:52,780 >> JASON Hirschhorna: Pa, gdje je? 1390 01:00:52,780 --> 01:00:54,220 >> Ivanković: U svom izvornom dupina - 1391 01:00:54,220 --> 01:00:56,310 >> JASON Hirschhorna: To je u dupina, ali u ocean_array 1392 01:00:56,310 --> 01:00:57,630 mi smo ga izgubili zauvijek. 1393 01:00:57,630 --> 01:01:01,910 Tako je Konstantin, možete predložiti bolji način napisati ovaj redak? 1394 01:01:01,910 --> 01:01:03,350 Zapravo, ispričavam se, to je spašen u bazenu. 1395 01:01:03,350 --> 01:01:08,640 Mi ih imamo u bazenu, jer Bazen je objekt, zar ne? 1396 01:01:08,640 --> 01:01:12,310 Ocean_array indeks, ocean_array je niz objekata. 1397 01:01:12,310 --> 01:01:15,590 >> Dakle, bazen je objekt, a mi smo URL tamo, i dolje 1398 01:01:15,590 --> 01:01:16,220 ovdje je postavljen na nulu. 1399 01:01:16,220 --> 01:01:19,280 Pa zapravo, nemamo ga zauvijek izgubljen. 1400 01:01:19,280 --> 01:01:20,080 To je upravo sprema u bazen. 1401 01:01:20,080 --> 01:01:23,730 No, to sigurno nije u ocean_array, i kao što si rekao, Carlos, što je u 1402 01:01:23,730 --> 01:01:25,010 Dupini polje. 1403 01:01:25,010 --> 01:01:25,720 >> Dakle, ovo izgleda slatko. 1404 01:01:25,720 --> 01:01:27,550 I onda, kako ćemo privući ocean i bazen? 1405 01:01:27,550 --> 01:01:27,780 Mario? 1406 01:01:27,780 --> 01:01:33,060 >> PUBLIKA: Vi samo možete nazvati draw_pool i draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 Dakle, kao što je, draw_pool, a onda - 1408 01:01:36,060 --> 01:01:39,522 Pa, da, to ne poduzeti ništa. 1409 01:01:39,522 --> 01:01:40,840 >> JASON Hirschhorna: Velika. 1410 01:01:40,840 --> 01:01:42,350 Što draw_pool će učiniti? 1411 01:01:42,350 --> 01:01:43,715 >> PUBLIKA: Nacrtajte bazen? 1412 01:01:43,715 --> 01:01:45,360 >> JASON Hirschhorna: Da, dobro, Što će učiniti? 1413 01:01:45,360 --> 01:01:46,605 >> Ivanković: Žao mi je. 1414 01:01:46,605 --> 01:01:48,310 Ti bi mogao učiniti isto stvar, kao što su - 1415 01:01:48,310 --> 01:01:49,670 >> JASON Hirschhorna: Čekaj, ćemo do njih doći. 1416 01:01:49,670 --> 01:01:49,880 Ništa. 1417 01:01:49,880 --> 01:01:50,950 To ne čini ništa u ovom trenutku. 1418 01:01:50,950 --> 01:01:52,080 Da vidimo je li se to radi, ipak. 1419 01:01:52,080 --> 01:01:52,520 Tko nam je dao taj kod? 1420 01:01:52,520 --> 01:01:54,640 Akshar i Konstantin Dao nam taj kod? 1421 01:01:54,640 --> 01:01:56,640 U redu, da vidimo što se događa. 1422 01:01:56,640 --> 01:01:57,810 >> Ah! 1423 01:01:57,810 --> 01:01:59,650 To je tako uzbudljivo. 1424 01:01:59,650 --> 01:02:00,790 Otišlo je. 1425 01:02:00,790 --> 01:02:01,810 O, čovječe. 1426 01:02:01,810 --> 01:02:03,060 To je lijepo od ružnog. 1427 01:02:03,060 --> 01:02:04,670 Pa, možemo se vratiti i popraviti da kasnije. 1428 01:02:04,670 --> 01:02:06,490 Pitam se gdje je to? 1429 01:02:06,490 --> 01:02:07,890 Spasili smo ga u toj varijabli bazen. 1430 01:02:07,890 --> 01:02:10,160 Kako ja mogu shvatiti, ako je to u toj varijabli bazen? 1431 01:02:10,160 --> 01:02:15,780 Pa, opet, moć JavaScript, i posebno alati koji 1432 01:02:15,780 --> 01:02:18,280 Chrome vam daje, je li sad mogu pregledati tu varijablu bazen. 1433 01:02:18,280 --> 01:02:19,220 To je globalno, sjećaš se? 1434 01:02:19,220 --> 01:02:20,960 Nismo stavili var ključnu riječ. 1435 01:02:20,960 --> 01:02:23,430 Dakle, ako sam tip Unesite upravo ovdje, Konstantin, što ti misliš da sam ja 1436 01:02:23,430 --> 01:02:24,800 će doći kad sam udario Unesite? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> Ivanković: Ne znam. 1439 01:02:30,950 --> 01:02:31,470 >> JASON Hirschhorna: Pogodite. 1440 01:02:31,470 --> 01:02:32,110 >> PUBLIKA: Ništa? 1441 01:02:32,110 --> 01:02:33,680 >> JASON Hirschhorna: Ništa, u redu. 1442 01:02:33,680 --> 01:02:35,030 To je bio dobar pogodak, ipak. 1443 01:02:35,030 --> 01:02:35,920 Dobio sam objekt. 1444 01:02:35,920 --> 01:02:37,680 Sjeti se što mi je dao da je linija koda. 1445 01:02:37,680 --> 01:02:41,550 Bazen, spasio si u tome varijabla objekta. 1446 01:02:41,550 --> 01:02:45,180 I doista, vidimo objekt ste spremili u njega. 1447 01:02:45,180 --> 01:02:46,710 To je super. 1448 01:02:46,710 --> 01:02:48,510 Možemo pregledati ovdje. 1449 01:02:48,510 --> 01:02:52,110 To je gotovo kao u stvarnom vremenu GDB da možemo gledati kroz naše koda i 1450 01:02:52,110 --> 01:02:53,520 shvatiti stvari van. 1451 01:02:53,520 --> 01:02:55,780 To je super cool i super moćan. 1452 01:02:55,780 --> 01:02:56,860 >> U redu, idemo završiti ovo gore. 1453 01:02:56,860 --> 01:02:59,710 Idemo izvući iz bazena u pet minuta. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 Maru, daj mi liniju Kod izvući iz bazena. 1456 01:03:05,370 --> 01:03:08,975 >> Ivanković: Mogli biste imati još jedan promjenjiva HTML, ali / za. 1457 01:03:08,975 --> 01:03:11,070 >> JASON Hirschhorna: Učinimo je vrlo jednostavan za sada. 1458 01:03:11,070 --> 01:03:14,156 Recimo samo ispisati ime dupin smo trening. 1459 01:03:14,156 --> 01:03:20,910 >> Ivanković: I onda možete napraviti dolar potpisati, otvorene zagrade, 1460 01:03:20,910 --> 01:03:23,850 a potom otvoreni citat. 1461 01:03:23,850 --> 01:03:26,420 Valjda funta bazen, ako to je stvar. 1462 01:03:26,420 --> 01:03:27,240 Ne sjećam se. 1463 01:03:27,240 --> 01:03:28,950 >> JASON Hirschhorna: Pogledajmo natrag. 1464 01:03:28,950 --> 01:03:29,570 Mislim da je to stvar. 1465 01:03:29,570 --> 01:03:30,660 >> Ivanković: U redu, da. 1466 01:03:30,660 --> 01:03:36,460 A onda je u neposrednoj blizini citat, bliski zagrade . Html, otvorene zagrade, 1467 01:03:36,460 --> 01:03:45,880 a onda valjda bazen, kao i otvorenim zagrada 0 ili nešto slično. 1468 01:03:45,880 --> 01:03:47,500 Zatvori ime dot. 1469 01:03:47,500 --> 01:03:49,720 Ja ne znam da li se to radi. 1470 01:03:49,720 --> 01:03:51,723 >> Ivanković: U redu, da vidimo što se događa. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 "Ne mogu pročitati ime vlasništvu od nedefinirano. "Pa opet, evo što 1473 01:03:59,040 --> 01:03:59,770 idemo provjeriti. 1474 01:03:59,770 --> 01:04:00,500 Mi ćemo istražiti to. 1475 01:04:00,500 --> 01:04:02,710 Učinili ste otvoreni bazen, bracket0,. Naziv. 1476 01:04:02,710 --> 01:04:06,060 Opet, ja to cijelo vrijeme, a ja sam zbunjena što se događa, što se 1477 01:04:06,060 --> 01:04:07,040 Ovo upozorenje znači. 1478 01:04:07,040 --> 01:04:09,140 Pogledajmo bazen. 1479 01:04:09,140 --> 01:04:12,520 Pogledajmo bazen zagrada 0, nedefinirano. 1480 01:04:12,520 --> 01:04:14,430 Dakle, to je mjesto gdje smo trčanje u naš problem, zar ne? 1481 01:04:14,430 --> 01:04:16,130 Bazen bracket 0 ne, Očito, postoje. 1482 01:04:16,130 --> 01:04:19,760 Što ti misliš ne postoji? 1483 01:04:19,760 --> 01:04:21,885 >> PUBLIKA: Je bazen samo Predmet sam po sebi? 1484 01:04:21,885 --> 01:04:23,550 >> JASON Hirschhorna: Pa, ono što piše ovdje? 1485 01:04:23,550 --> 01:04:25,850 Kada smo pogodak Ulaziti na bazenu, što to govori da je to? 1486 01:04:25,850 --> 01:04:26,510 >> PUBLIKA: Objekt. 1487 01:04:26,510 --> 01:04:28,076 >> JASON Hirschhorna: To je objekt, tako? 1488 01:04:28,076 --> 01:04:28,860 >> Publika: Oh, da. 1489 01:04:28,860 --> 01:04:30,700 Dakle, samo pool.name umjesto - 1490 01:04:30,700 --> 01:04:34,650 >> JASON Hirschhorna: Pool.name daje upravo ono što ste željeli. 1491 01:04:34,650 --> 01:04:38,060 I shvatio sam da ću kroz ovo polako i belaboring ovu točku, ali 1492 01:04:38,060 --> 01:04:39,720 to je točno kako sam to učiniti stvari. 1493 01:04:39,720 --> 01:04:42,270 Ti ćeš upasti u tih bugova tijekom svog konačnog projekta, pa se nadam 1494 01:04:42,270 --> 01:04:44,360 ovo je osnaživanje vas biti u mogućnosti koristiti sve te alate. 1495 01:04:44,360 --> 01:04:47,780 To su ključna i volje dobili ste super naj daleko. 1496 01:04:47,780 --> 01:04:50,050 >> Dakle, ja ne želim da se samo ispisati ime. 1497 01:04:50,050 --> 01:04:54,375 Učinimo to malo malo ljepše od toga. 1498 01:04:54,375 --> 01:04:56,000 >> PUBLIKA: Što još ne želimo učiniti? 1499 01:04:56,000 --> 01:04:56,460 >> JASON Hirschhorna: U redu, u redu. 1500 01:04:56,460 --> 01:04:57,390 Mi ćemo učiniti upravo to. 1501 01:04:57,390 --> 01:04:57,760 Uh. 1502 01:04:57,760 --> 01:05:00,354 Dečki, nemate života. 1503 01:05:00,354 --> 01:05:02,720 >> OK, bum, dobio ga. 1504 01:05:02,720 --> 01:05:04,040 Izgleda dobro. 1505 01:05:04,040 --> 01:05:09,910 Vidjet ćete, Akshar, ovdje dolje, smo null, nije pronađena. 1506 01:05:09,910 --> 01:05:14,760 Tako to izgleda kao da još uvijek pokušava nađi neku sliku, a to nije učinio 1507 01:05:14,760 --> 01:05:15,720 upravo ono što smo htjeli napraviti. 1508 01:05:15,720 --> 01:05:18,690 Nećemo ulaziti u to sada, ali tu je vjerojatno čišći način 1509 01:05:18,690 --> 01:05:19,835 to. 1510 01:05:19,835 --> 01:05:24,475 >> PUBLIKA: Možete li ostaviti ovako prazan prostor za sliku? 1511 01:05:24,475 --> 01:05:27,080 Kao i umjesto da je postavljanje na nulu, mogli ste postavili to željeli prazna 1512 01:05:27,080 --> 01:05:28,732 string ili nešto? 1513 01:05:28,732 --> 01:05:30,020 >> JASON Hirschhorna: Kao što je ovaj? 1514 01:05:30,020 --> 01:05:31,270 >> Publika: Da. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> JASON Hirschhorna: [nerazumljivo]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 Nije pronađen. 1519 01:05:42,860 --> 01:05:44,810 Tako postoji bolji način od događaj. 1520 01:05:44,810 --> 01:05:46,290 Ja bih predložio to. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 Samo postavljanje null postoji. 1523 01:05:53,080 --> 01:05:54,200 Tada, naravno, ono što je će se dogoditi? 1524 01:05:54,200 --> 01:05:56,050 To će nestati u potpunosti. 1525 01:05:56,050 --> 01:06:01,420 Dakle, ako smo htjeli zadržati prostor i učiniti da, vjerojatno želite učiniti nešto 1526 01:06:01,420 --> 01:06:05,140 se i ovdje. 1527 01:06:05,140 --> 01:06:06,650 Ja ću dobiti koju je započeo. 1528 01:06:06,650 --> 01:06:09,076 Akshar, daj mi tu liniju koda stvarno brzo. 1529 01:06:09,076 --> 01:06:17,480 >> Ivanković: Ako ocean_array, dupina, jednaka, jednaka, jednaka - jednako null? 1530 01:06:17,480 --> 01:06:20,342 Da. 1531 01:06:20,342 --> 01:06:21,466 >> JASON Hirschhorna: I što onda? 1532 01:06:21,466 --> 01:06:24,046 >> PUBLIKA: Onda to html. 1533 01:06:24,046 --> 01:06:27,920 Vi samo kopirati donji kôd, stvarno. 1534 01:06:27,920 --> 01:06:29,100 >> JASON Hirschhorna: Kopiranje što? 1535 01:06:29,100 --> 01:06:30,290 >> PUBLIKA: Možete kopirati - 1536 01:06:30,290 --> 01:06:30,340 >> JASON Hirschhorna: Ovaj? 1537 01:06:30,340 --> 01:06:31,310 >> Publika: Da. 1538 01:06:31,310 --> 01:06:33,115 >> JASON Hirschhorna: Sve? 1539 01:06:33,115 --> 01:06:35,082 Nemamo sliku. 1540 01:06:35,082 --> 01:06:37,386 >> Ivanković: I ti misliš Možete ostaviti - 1541 01:06:37,386 --> 01:06:39,651 Da, možete jednostavno zatvoriti. 1542 01:06:39,651 --> 01:06:41,560 Ali mislim da morate postaviti širinu. 1543 01:06:41,560 --> 01:06:45,280 >> JASON Hirschhorna: Pa, samo stvorite praznu kolonu. 1544 01:06:45,280 --> 01:06:45,910 OK. 1545 01:06:45,910 --> 01:06:48,480 A onda je u tom slučaju, vjerojatno ćemo želim to učiniti kao dobro. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> Ups. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 Oh. 1550 01:06:59,820 --> 01:07:01,800 Nije upalilo, ali nismo uzimajući tu pogrešku. 1551 01:07:01,800 --> 01:07:03,090 Idemo vidjeti što se dogodilo ovdje. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> Dakle, tu nema ništa, pa što ste rekli bismo trebali dodati? 1554 01:07:09,690 --> 01:07:14,746 >> PUBLIKA: Trebamo postaviti Širina reda. 1555 01:07:14,746 --> 01:07:15,585 >> JASON Hirschhorna: Za što? 1556 01:07:15,585 --> 01:07:17,590 >> Ivanković: Mislim da je 150. 1557 01:07:17,590 --> 01:07:19,650 >> Publika: Da, to je bio 150. 1558 01:07:19,650 --> 01:07:21,390 >> JASON Hirschhorna: Mi ćemo staviti ovo ovdje da moj broj dosljedni. 1559 01:07:21,390 --> 01:07:21,730 Ali ovo nije jedan. 1560 01:07:21,730 --> 01:07:22,350 U redu, dobro. 1561 01:07:22,350 --> 01:07:23,050 Objavljeno. 1562 01:07:23,050 --> 01:07:25,650 OK? 1563 01:07:25,650 --> 01:07:28,241 Dakle, to je još uvijek ide dalje. 1564 01:07:28,241 --> 01:07:29,780 >> Publika: Oh, nazvati širinu? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> JASON Hirschhorna: Izgleda kao i širina je 150. 1567 01:07:35,140 --> 01:07:36,290 Idemo vidjeti. 1568 01:07:36,290 --> 01:07:39,375 Sada ćemo napraviti konačni, super, moćna stvar da sam 1569 01:07:39,375 --> 01:07:40,500 će vam pokazati. 1570 01:07:40,500 --> 01:07:43,830 Nećemo završiti ovaj kod, ali online prije nego što smo zatvorili, sve to 1571 01:07:43,830 --> 01:07:44,580 Kod će biti točna. 1572 01:07:44,580 --> 01:07:48,970 Ja ću vam e-mail ispravljenu verziju uz neke svoje styling nakon 1573 01:07:48,970 --> 01:07:51,020 poglavlje, a to će biti objavljena na internetu. 1574 01:07:51,020 --> 01:07:53,920 Ohrabrujem vas da nastavite istraživati ​​ovo i koristiti kao referencu, ali ja 1575 01:07:53,920 --> 01:07:58,250 Želim ti pokazati konačni alat za to klase, te da je ovdje na 1576 01:07:58,250 --> 01:07:58,920 desna ruka. 1577 01:07:58,920 --> 01:08:01,700 I mi pogledao ovaj prošli tjedan, ali sada nadam se da je malo više upoznati 1578 01:08:01,700 --> 01:08:02,970 vama i udobna. 1579 01:08:02,970 --> 01:08:06,730 >> Ti dinamički mogu igrati s CSS stranice. 1580 01:08:06,730 --> 01:08:09,570 Mi smo zapravo već nas vidjeli dinamički igrati s HTML. 1581 01:08:09,570 --> 01:08:13,470 Zapamti da smo postupili ispravno kliknite Uredi kao HTML? 1582 01:08:13,470 --> 01:08:14,090 Upravo ovdje? 1583 01:08:14,090 --> 01:08:16,080 Tako smo dinamički sam igrao s HTML-u. 1584 01:08:16,080 --> 01:08:20,620 >> U konzoli, dinamički mogu igrati s JavaScript stranice. 1585 01:08:20,620 --> 01:08:24,899 Na primjer, to je valjana JavaScript linija. 1586 01:08:24,899 --> 01:08:26,870 Boom, dobio sam upravo ono što sam želio. 1587 01:08:26,870 --> 01:08:30,060 Tako smo dinamički se igraju s HTML, dinamički se igraju s 1588 01:08:30,060 --> 01:08:30,550 JavaScript. 1589 01:08:30,550 --> 01:08:32,810 Sada idemo u dinamički igrati sa CSS. 1590 01:08:32,810 --> 01:08:36,630 >> A sve to je zato što je kao instant, živimo GDB povratne informacije, i tako si 1591 01:08:36,630 --> 01:08:39,979 može znati nešto je pravo prije nego što ići svoj kod, i možete 1592 01:08:39,979 --> 01:08:41,790 nije valjda ono nešto što je kako će izgledati. 1593 01:08:41,790 --> 01:08:43,050 Dakle, ovo je super naj cool. 1594 01:08:43,050 --> 01:08:45,850 >> I neka je napokon pogledati dinamički igrati sa CSS. 1595 01:08:45,850 --> 01:08:49,560 To je ovdje na desnoj strani strana ruku, element.style. 1596 01:08:49,560 --> 01:08:50,420 Idemo na to. 1597 01:08:50,420 --> 01:08:51,740 Evo našeg elementa. 1598 01:08:51,740 --> 01:08:54,689 Dajmo mu neki dodatni CSS. 1599 01:08:54,689 --> 01:09:00,300 >> Ili mi je, možemo mu dati neke dodatne CSS, ali vjerojatno ćemo se, u ovom slučaju, 1600 01:09:00,300 --> 01:09:03,330 želite mijenjati taj atribut. 1601 01:09:03,330 --> 01:09:05,535 Dakle, idemo ovdje na ovoj liniji. 1602 01:09:05,535 --> 01:09:06,785 Oh, ne mogu to učiniti ovdje. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 Oprostite. 1605 01:09:11,689 --> 01:09:12,939 Uredite AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 , tako da je, kako se moglo urediti CSS. 1608 01:09:19,270 --> 01:09:21,804 Mi se ne ide na uređivanje CSS ovo Drugi, ali mi ne želimo urediti 1609 01:09:21,804 --> 01:09:24,439 HTML i dati mu dodatni atribut. 1610 01:09:24,439 --> 01:09:26,762 Što ste predložiti promjenu to? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 Mislio sam Avie imao prijedlog. 1613 01:09:31,170 --> 01:09:32,420 >> PUBLIKA: Col širina? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> JASON Hirschhorna: To je izgledalo kao to nije ništa bilo. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 Pokušajmo CSS. 1618 01:09:45,803 --> 01:09:46,707 >> PUBLIKA: [nečujno] klase? 1619 01:09:46,707 --> 01:09:48,310 >> JASON Hirschhorna: To govori to ne radi. 1620 01:09:48,310 --> 01:09:49,260 To daje taj žuti stvar. 1621 01:09:49,260 --> 01:09:51,660 >> PUBLIKA: Ali [nečujan]. 1622 01:09:51,660 --> 01:09:56,883 >> PUBLIKA: Jeste li postavljanje širinu od slike do 150, kada ste to učinili? 1623 01:09:56,883 --> 01:09:59,741 Kao ne bi li samo koristiti širinu? 1624 01:09:59,741 --> 01:10:00,740 >> JASON Hirschhorna: Da. 1625 01:10:00,740 --> 01:10:02,785 >> PUBLIKA: Ali nemamo slika više. 1626 01:10:02,785 --> 01:10:03,340 >> JASON Hirschhorna: Ne. 1627 01:10:03,340 --> 01:10:04,290 Nemamo ništa tamo. 1628 01:10:04,290 --> 01:10:07,990 Pa nećemo riješiti specifičan problem. 1629 01:10:07,990 --> 01:10:11,190 Mi ćemo se vratiti u Akshar-a rješenje, jer želim postaviti 1630 01:10:11,190 --> 01:10:14,160 dupina besplatno za sada, ili da je posljednja 1631 01:10:14,160 --> 01:10:14,710 Ono što želim završiti. 1632 01:10:14,710 --> 01:10:18,340 Tako ćemo ostaviti ovo ovdje a priznaje da nije sasvim 1633 01:10:18,340 --> 01:10:19,870 točna, i idemo da se vratim na njega. 1634 01:10:19,870 --> 01:10:21,230 >> Oprostite. 1635 01:10:21,230 --> 01:10:23,380 Rekao sam što možemo dinamički mijenjati CSS. 1636 01:10:23,380 --> 01:10:26,060 Pogledajmo to i učiniti da jako brzo. 1637 01:10:26,060 --> 01:10:28,910 Dakle, ako sam pregledati ovaj element ovdje dolje, i reći ja želim da bude plavo, 1638 01:10:28,910 --> 01:10:32,850 možete doći ovamo, u boji, jer Znam da mijenja boju 1639 01:10:32,850 --> 01:10:36,710 nešto, a vidjeli smo kako je je promijenio plava. 1640 01:10:36,710 --> 01:10:38,850 Tako da sam ja dinamički promjenom CSS. 1641 01:10:38,850 --> 01:10:42,150 Zar ga promijeniti za dobro, ali onda Ja mogu ići natrag u mojoj CSS datoteke i 1642 01:10:42,150 --> 01:10:44,990 promijeniti boju nekog objekta. 1643 01:10:44,990 --> 01:10:46,610 >> OK. 1644 01:10:46,610 --> 01:10:48,180 To je bilo dosta. 1645 01:10:48,180 --> 01:10:50,480 Nismo završili svoj nevjerojatan program. 1646 01:10:50,480 --> 01:11:00,352 Dopustite mi da vam pokazati što vrlo brzo, i onda ćemo glavu. 1647 01:11:00,352 --> 01:11:01,860 Oh, gdje je? 1648 01:11:01,860 --> 01:11:02,710 Ne! 1649 01:11:02,710 --> 01:11:03,960 Držite se. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> OK, kako ste pakirati, nevjerojatna pregled, ili naprijed 1652 01:11:24,350 --> 01:11:25,330 vidjeli, od sljedećeg puta. 1653 01:11:25,330 --> 01:11:30,880 To je Dolphin trener 2013 i to ne radi. 1654 01:11:30,880 --> 01:11:32,048 Velika. 1655 01:11:32,048 --> 01:11:36,240 >> [Smijeh] 1656 01:11:36,240 --> 01:11:37,300 >> JASON Hirschhorna: Oh! 1657 01:11:37,300 --> 01:11:38,085 Boom! 1658 01:11:38,085 --> 01:11:38,950 Što to znači? 1659 01:11:38,950 --> 01:11:39,700 >> PUBLIKA: Nisi chmod. 1660 01:11:39,700 --> 01:11:41,430 >> JASON Hirschhorna: Nisam ga chmod. 1661 01:11:41,430 --> 01:11:42,680 >> PUBLIKA: Redak jedan. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> JASON Hirschhorna: Oh, pogledaj ovo. 1664 01:11:54,930 --> 01:11:55,710 OK. 1665 01:11:55,710 --> 01:11:57,280 Dakle, imam šest dupina. 1666 01:11:57,280 --> 01:11:57,730 Što se događa? 1667 01:11:57,730 --> 01:11:58,060 Idemo vidjeti. 1668 01:11:58,060 --> 01:12:02,595 Ako sam trenirati jedan, sada trening Lili. 1669 01:12:02,595 --> 01:12:04,910 Oh, želim te osloboditi, Lili. 1670 01:12:04,910 --> 01:12:06,660 Postoji li ići, natrag u ocean. 1671 01:12:06,660 --> 01:12:07,950 >> Dakle, to je bilo ovaj tjedan. 1672 01:12:07,950 --> 01:12:09,500 Ako imate bilo kakvih pitanja, ćemo biti vani. 1673 01:12:09,500 --> 01:12:11,340 I opet, ja ću ti poslati Ostatak ovog koda. 1674 01:12:11,340 --> 01:12:12,590 Hvala vam, momci. 1675 01:12:12,590 --> 01:12:15,723