JASON Hirschhorna: Dobrodošli, svatko, u tjedan devet. Imamo uzbudljiv tjedan pred nama jer mi imamo konačni problema set. Također imamo potpuno novi jezik, JavaScript, koje su već u usred pomoću ne samo za to Problem set, ali mnogi će od vas Vjerojatno ga koristiti za konačni projekti, a posebno web-based završne projekti. Dakle, to je ono što ćemo ići preko danas poslije ukratko govori o resursima, što nam je činiti svaki tjedan. Mi ćemo skočiti u JavaScriptu, a zatim ćemo provesti sve sekcije s hands-on aktivnosti kodiranja Dolphin trenera 2K13, koja je poput Madden 2013, ali za dupine i JavaScript. 

[Smijeh] 

JASON Hirschhorna: Dakle, kao i uvijek, popis resursa za vas da provjerite. Ovi resursi su posebno važni jer sljedeći tjedan na Srijeda je kviz jedan, vaš drugi i konačna kviz na ovom tečaju. Baš kao i kviz nula, to je 75 minuta i počne nešto poslije 13:00. Ona pokriva sve, još od nultog dana ovog tečaja, ali sigurno naglašava sve što ima dogodilo od kviza jedan. 

Ali, naravno, pokriveni smo na petlji u početku godine. Za petlje vjerojatno još uvijek ide na biti dio ovog kviza, tako da to nije kao što možete ignorirati sve što dogodilo prije tjedan pet ili kviza nula jer je to naravno gradi Na sebi puno. No, svakako će naglasak biti na stvari koje smo naučili od šestom tjednu. To uključuje PHP, JavaScript, SQL svakako, ali i naprednije strukture podataka smo razgovarali o tome u C. Cijeli niz drugih tema, ali mi će o tome razgovarati sljedeći tjedan kao što smo pregled za kviz. 

I također, kao i uvijek, ako imate bilo pitanja o kvizu kao što ste priprema, slobodno pošaljite ih na svoj način. Upravo sada, ne bilo tko imati bilo kratkih pitanja o kvizu? 

OK. Ne morate brinuti o tome ili freak se o upravo sada, ali imajte to na pozadini vašeg uma, jer to je događa tjedan dana i dan od sada. 

Konačno, ja znam da smo trčati prema kraj semestra - postoje samo dvije sekcije ostaju nakon - ali ja sam još uvijek uzbuđen i željan za vaše povratne informacije ako imate bilo. Želim da se one Najbolje dvije sekcije ikad. Oni će vjerojatno biti, jer svaka dio je nevjerojatna i najbolji ikada. Ja ne znam kako je to moguće, ali Svi su bili fantastični, mislim. 

Povratne informacije sam dobio je utihnuo ništa i nitko od za Posljednjih nekoliko tjedana, pa vas molimo da daju ja neke povratne informacije, ako ga imate. To traje tri minute. Možete mi reći dobre stvari vas Želite li da bi radili ili stvari koje mogu raditi. Ja pokušavam biti najbolji učitelj moguće, ili ja pokušavam napraviti najbolje Ja mogu, ali ja to ne mogu učiniti, ako mi se ne znam kako vi radite. A to je teško reći zašto ste pada spava u razredu, pa mi dopustite Znaš, nakon toga je to bio slučaj. 

Pokazala sam ti ovu sliku prošlog tjedna. To je Teenage Mutant Ninja Turtles bicikl sam imao kad sam bio mlađi, a mi smo i dalje gurati vi momci bez treninga kotača kao što smo uroniti li na nekom drugom jeziku. No, budite uvjereni, JavaScript, kao što su PHP, Vrlo je sličan stvari koje ste učinjeno u prošlosti. Puno logike prenosi preko, ako Ne sintaksa, točno jedan-na-jedan. Ali opet, sve te jezike koje smo otišli više u posljednjih nekoliko tjedana, iako oni činiti neodoljiv, su nevjerojatno snažni i da će omogućiti što učiniti puno u svoj konačni projekt , a vjerojatno i druge web stranice koje ste kod u budućnosti. 

Dakle, bez dodatnih teškoća, idemo za početak zaroniti u JavaScriptu. Idemo razgovarati o tome kratko i onda stvarno dobili u ruke-o kodiranja dio ovog poglavlja. Dakle JavaScript je na strani klijenta skripti jezik, što znači da je razlikuje od PHP i to je drugačija od C. JavaScript nije sastavljen i to nije izvršen od strane poslužitelja. Umjesto toga, možete ga učitati. Možete učitati stranicu JavaScript prilikom učitavanja web stranica, a zatim izvršava na vašem računalu. Što znači da možete vidjeti sve JavaScript kod koji je poslan na vašem računalu. 

Ponekad je skratiti ili kodirane A malo, kodiran malo, tako da Ne mogu reći izričito ono što se događa. Na primjer, ako provjerite CS50 ili Rješenje osoblje za ovotjedni Problem postaviti, a vi idite na service.js, primijetit ćete vi zapravo ne može reći što učiniti od onoga što smo vam dali. Kodiran smo ga malo napraviti da malo teže. Ipak, možete vidjeti točno JavaScript sliku da smo izvršavanju i naš program izvodi. Dakle, to je ono što to znači biti skriptni jezik na strani klijenta. 

Slično C i PHP, iako, JavaScript ima za petlje, ako / ostalo uvjeti, dok petlje. Slično PHP, ima foreach petlje kao dobro. I opet, vrlo sličan syntaxes koje smo vidjeli u jezici koje smo već radio. 

Konačno, jedan od najboljih dijelova JavaScript, i nešto što će biti radi puno i danas, a vjerojatno da ćete se radi puno s P skupa, ako vam nisam to doživio već, je li Možete provjeriti sve pogreške koje ste u kodu preko Konzola JavaScripta. Mi smo gledali na njega malo prošlog tjedna. Mi smo gledali na drugu vrstu konzole pregledati stranicu, ali u Chrome, opet, možete vidjeti izgled, HTML, dokument koji je vaša stranica ti prikazuje na ekranu. Također možete vidjeti sve u JavaScriptu formirati tu stranicu, a također možete, kao i Rekao sam, vidim sve pogreške u Konzola JavaScripta. I mi ćemo doživjeti da je više u malo kad počnemo kodiranja. 

Jedna stvar na umu o JavaScript varijabli. Kao PHP varijable, oni su labavo upisali, tako da ne morate dati im određenu vrstu. U pogledu opsega, koji je definiran od strane "var" ključnu riječ. Dakle, ako ne stavi ključnu riječ ispred nečega, što samo napisati ime varijable, onda zadatak operator, u ovom slučaju znak jednakosti. Ja zaboravljam točku zarez tamo, no pretpostavljaju da postoji zarez tamo. 

Onda ste napravili Globalna varijabla. Ako stavite "var" ključnu riječ, a zatim ti si dajući mu neki tip lokalne Opseg, bilo da je to funkcija ili petlje. Dakle, to je jedna stvar Napomena za varijabli. 

JavaScript je jezik. jQuery je knjižnica izgrađena na vrhu JavaScript jezik, i imate ga već vidjeli u predavanju. Ja visoko preporučiti, ako idete na se pomoću JavaScript u vašem finalu Projekt, koji se znati jQuery. To čini sve što želite učiniti mnogo, mnogo lakše. Također dolazi s prekrasno dokumentacija i primjeri kako bi se dobili što je započeo. Danas ćemo se koristeći jQuery kao dobro. 

To, što imam na ovom slajdu, su vrlo osnove jQuery. U vrhu HTML datoteke ili god - vaša index.php datoteku, index.html file - trebate su ove dvije linije. To su prilično generički linije. Prva linija uključuje jQuery JavaScript datoteke, a druga linija uključuje i gdje god da sam napisao sami JavaScript kod. I, naravno, jer je u svoje JavaScript kod vjerojatno ste koristili neki jQuery knjižnica funkcije, koji treba da ide poslije jQuery uključivanje skripte. Istražit ćemo to Ponovno u trenutku. 

I na kraju, u JavaScript datoteku, Zovem to jedan index.js. To bi mogao biti scripts.js. Što god da je, bez obzira na JavaScript file ste, što počnete općenito s ove linije koda, znak dolara, otvorena zagrada, dokument, u neposrednoj blizini zagrada, razdoblje, spremni, otvorena zagrada, funkcija, otvorena zagrada, bliski zagrada, a zatim kovrčava brace. Baci kôd unutra, a zatim prekinite s kovrčave vitice, u neposrednoj blizini zagrada, zarez. 

Dakle, uzmite ovo kao dano. Ako tvoj 'idući u biti koristeći jQuery, zamotajte sve svoje jQuery koda unutar ova linija koda. A mi ćemo opet vidjeti da se u trenu. 

Opet ćemo raditi s jQuery, i molim te postavljati pitanja kako idemo i danas, ali ne bilo tko imati bilo pitanja o jQuery ili JavaScript upravo sada? 

OK. Dakle, bez dodatnih teškoća, predstavljam vama Dolphin trener 2K13. Ja sam super uzbuđen o tome najnovije verzija proizvoda. 

O, ne! Bio sam toliko uzbuđen. Htio sam pokazati da vas dečki, ali izgleda da nismo ga provodi još. Učinimo to malo veći. Dakle, ako sam učitati kod za Dolphin Trener - to Dang. Žao mi je, momci. Radila sam na ovo prije klasi. Mislio sam da sam ga završio, ali mislim da još uvijek imam neke Rad ostavila da se uradi. No, srećom, ti dečki svi imaju neke JavaScript i jQuery praksa, pa idemo naprijed i završiti to zajedno. 

Mislim poslao sam ti dečki kopije toga, jer sam bio super uzbuđen o tome, tako da bi trebao imati Isto kod koji imam. Idemo krenuti u - dang je, dečki, žao mi je. Idemo glavu u terminal, ipak. 

Baš kao i sa svojim proteklog problema seta, ako su moje - neka je to malo veći, također, za vas dečki - što je moj zip datoteku. Vi vjerojatno ga raspakirali. Idemo ovdje. A onda se nadam, da ga preselili u Isto imenik gdje ste spremili tvoj problem postaviti osam kôd. I mi spasiti u tom direktoriju, tako da mogu pristupiti ga - ili smo svi mogu pristupiti Kod u pregledniku Chrome na našem računalu. 

A opet, kako doći do tog koda, jednostavno upišite adresu naći na donja, desna ruka strana vaš uređaj, ovdje dolje. Možete pronaći vašu IP adresu. Možete da u Chrome preglednik na računalu, au ovom slučaju, budući da smo poglavlje devet mape, moramo dodati slash odjeljak devet. 

Neka me - Ups. Idem se smanjila to tako ne znam moraju držati klik kroz to. 

Dakle, to je kako sam postaviti ovaj kôd. Već sam to učinio već. Neću ići kroz one koraka, jer to je ono što počevši od problema postaviti šetnji vas kroz kako to učiniti. Dakle, ići naprijed i dobiti ćete postaviti ovo do u sekundu, ali prvo neka se istraživanje ovog koda kao skupina. 

Idemo vidjeti što sam učinio. Pokušao sam da se većina toga učinio Prije klasi, ali mislim da sam bio malo iza. Tako ćemo otvoriti index.html. 

OK. I index.html je jako jednostavna stranica jer nisam želim se previše luda. Stvarno sam se htio uvjeriti da je to je radio, ali mislim da sam nisu dobili tako daleko. 

Evo glava, koja je u pitanju pravo unutar tih HTML oznake, a uočavamo par stvari pravo isključiti šišmiš. Imamo pravo CSS datoteku Ovdje i odgovarajući Položaj CSS datoteke. Imamo jQuery biblioteku upravo ovdje, a vi ćete primijetiti nešto drugo o tome. Izvor je nešto jako, jako dugo. ajax.googleapis.com/-- nekako izgleda kao URL, ali to nema sigurno ne izgledaju js / jquery.js. 

A to je zato što sam odlučio da ću Ne želim da moram skinuti jQuery podnijeti, i povucite ga i spremiti to je u mojoj knjižnici, i biti odgovorni za to. Umjesto toga, ja samo idem uzeti JavaScript datoteka koje Google poslužuje. Dakle, Google zapravo ugošćuje brojne knjižnice, a jQuery, budući da je jedan od najpopularnijih, domaćini da se kao dobro. 

I zato što je to agresivan, ne znam morate brinuti o tome, a oni ažurirati, iako, kada oni ga ažurirati Vjerojatno ću morati mijenjati to brojevi upravo ovdje. No, to je samo da bi cijelu moju sliku Sustav malo manje čista. Ja stvarno ne sviđa hosting sve te datoteke. To je puno ljepši ako Google mora ih biti domaćin za mene. Pa to je, opet, dobiva cijelu JavaScript sliku, ali to je samo kao priredio Google umjesto na mom datotečni sustav na mom računalu. 

Također smo vidjeli da sam stavio u još dva slika dolphins.js i trainer.js. Mi ćemo gledati na one u sekundi. I na kraju, ovaj naslov ovdje. Tko mi može reći što je to kod unutar ove tagova, gdje koji ide na mojoj stranici? 

PUBLIKA: Kao da je stvar da alatnoj traci ili što? 

JASON Hirschhorna: Da, tab malo Na vrh Chrome prozora. To je mjesto gdje je tekst ide. 

Unutar tijela, kao što možete vidim, nije puno stvari ovdje. Imam samo tri DIVs. Ja ću im dati neke osobne iskaznice, te Stavio sam nešto teksta u. No, mislim da je to razlog zašto mi ne ništa vidjeti ovdje. Zapravo, vidimo dupina trener 2K13. Vidimo todo. Ne znam gdje da dolazi iz jer ja ne vidim da je ovdje. Dakle, možda je to u jednom od moji JavaScript datotekama. Mi ćemo to provjeriti u sekundi. 

Može li mi netko reći što ovaj ID znači upravo ovdje? 

Ivanković: To je način pozivanja specifično poglavlje u [nečujan] podnijeti? 

JASON Hirschhorna: Da. To je samo način na referentni ovaj div. Iskaznice idealno jedinstveno. OK? Tough gužve. Dakle, iskaznice obično jedinstvena. Možete ih dati na jedan specifičan element u kodu. 

Što ako sam želio referentni broj elemenata, bilo da je za CSS styling ili jQuery? Što atributa mogu im dati? 

PUBLIKA: Class. 

JASON Hirschhorna: klase, točno. Točno. 

U redu, tako da index.html, opet, nije mnogo se ovdje događa. Tako ćemo otvoriti još jednu datoteku. Da vidimo što imam. To je sve što imam ovdje. Idemo u JS mapu. Neću se brinuti o CSS za sada. Idemo otvoriti dolphins.js. 

Ups. Ili bolje rečeno - OK. Dakle, dolphins.js, to zapravo izgleda prilično sličan nekim kodom dobili su u problemu postaviti osam. Možete se kretati kroz njega. Može li mi netko reći, ipak, što je dupina? To sve kape dupina? Što je to? Koji tip podataka je to? 

PUBLIKA: Array. 

JASON Hirschhorna: To je polje. A mi znamo da je to polje, jer sam vidi ove uglate zagrade ovdje. A netko drugi, što je to niz? 

PUBLIKA: Objekti? 

JASON Hirschhorna: To je niz objekata. A možete vidjeti da. A kako ti znaš da je niz objekata? 

PUBLIKA: Zato što imaju tu debelo crijevo boot između vitičastih zagrada? 

JASON Hirschhorna: Točno. Dakle, imam ove vitičastim zagradama upravo ovdje, a onda možete vidjeti zarez odvajanje različita objekata u ovom polju. I onda unutar svakog objekta, imam nešto debelo i nešto drugo. I ono što je općenito ovaj prvi dio, stvar na lijevoj strani debelog crijeva? Što bi to zove? Općenito? Kako se misli na to? 

PUBLIKA: Index? 

JASON Hirschhorna: Index, ili vjerojatno općenitije, ključ. A onda na desnoj ruci strana, vrijednost. Dakle, indeks, ključ. Ali, ako govorimo o onima, mi općenito znači stvar na lijevoj strani. 

U jednostavnim polja, opet imali smo indekse 0. 1. 2. 3. 4. I u dupina, morat ćemo dupina 0, Dupini 1, 2 dupina, dupini 3, Dupini 4. Također smo, unutar tog objekta, mi neće općenito referentni stvari. Ili, ako imamo samo ovaj objekt pravo ovdje, nećemo reći objekt 0, Objekt 1, 2 objekta. Mi ćemo reći ime objekta, ili tip objekta, dužina objekta, et cetera. I tako ćemo dobiti vrijednost Na desnoj strani. Dakle, ako smo rekli ime objekta, primjerice, mi bi se ovaj niz, "Grace". 

Dakle, kao što ste vi rekli mi, delfini je jednostavno niz objekata. I vidite sve objekte imati ime, vrstu, rod. Je li to točno izgovara? Svatko? Rod? Velika. 

Duljina, težine. Je li to točno izgovara? Mislim da jesam. A slika, samo URL do neke datoteke online. I upravo ovdje, smo zatvorili niz, tamo desno dolje u vrlo lijevoj ruci strana mog ekrana. Dakle, to je sve dolphins.js je. 

Oh, moj Bože. To sve objašnjava. Mislio sam da sam gotov sve, ali izgled. Tu su svi ti todos. OK, nadamo se da možemo učiniti oni zajedno. No, neka prvi, prije nego što nam je činiti da, baš šetati taj broj vrlo brzo. 

Dakle, kao što sam spomenuo, vidimo na vrlo s početkom ove linije koje sam imao u tobogani, (dokument). spremni (function (). A u biti ono što će nemojte se pričekati sve u vašem stranice je učitan, pa pričekajte dok to je sve niz, sve je dobro ići, a zatim početi izvršavanju ovaj broj. Dakle, ako vam je potrebno za pokretanje neke PHP, ako vam je potrebno da biste dobili neke slike, što god da je, sve koda je set i spreman otići u svoj index stranici ili što god stranica je učitan, i sad ćeš početi izvršavanje koda. 

Dakle, prva stvar koju radimo je postavili smo ovaj niz. A ja nemam var ključnu riječ tamo, tako da ono što je Opseg ovog niza? 

Ivanković: To je globalna. 

JASON Hirschhorna: To je globalno, pa ocean_array može se pristupiti s bilo gdje u ovoj datoteci. 

A onda vidimo to za petlje. To ne kažu foreach, ali ovo je u suštini foreach petlje. A to je upravo JavaScript je verzija, pa za svaki var dupina u DUPINA, što podaci tipa? Iako, opet, JavaScript ne imaju ove vrste podataka po sebi, što tip podataka je dupin? 

PUBLIKA: objekt. 

JASON Hirschhorna: To je objekt. Odlazimo svaki objekt Dupini u nizu. Dakle, ovdje, to izgleda kao da sam zaboravio staviti sve ove dupina iz naše div Dupini misle u ocean_array, tako da smo vjerojatno trebali da je na prvom mjestu. 

A onda, nešto što se zove ova varijabla bazen. Ja sam ga postavite na nulu. A onda sam nazvati tu funkciju draw_ocean. Treniram dupina kada je slika je kliknuo - Nisam to učinio - i postaviti slobodan dupina kada se klikne gumb. 

Dakle, to su stvari koje trebam učiniti. Valjda bih trebao dati neki pozadina na ono što sam pokušava učiniti. Pa ako ćemo ići ovdje, ono što sam stvarno htjela ovo izgleda kao bilo niz up Ovdje, umjesto da kaže "Todo" Ja Htio stol, u biti, s Slike svih dupinima. I onda, kad kliknete na jednoj slici, Htio sam ga je spustiti u donji dio ekrana i dati svi podaci o njemu, a kako bi se dupina u bazenu, dupin ste bili na pripremama. 

Pa sam mislio da će to biti stvarno cool. Imate sve ove dupine u oceanu ovdje, onda kliknite na jedan, i to bih ići na bazen, a onda si ga mogao trenirati. Dakle, to je ono što sam pokušava učiniti. I onda bih se tipka ovdje u bazenu, a možete kliknuti, kao, "osloboditi", a ti bi mogao postaviti dupina besplatno, a to će se vratiti u ocean. 

Dakle, to je ono što mi se pokušava stvoriti, ali opet, ja ću trebati vašu pomoć da ga stvoriti. Dakle, nadamo se, neke od tih ključnih riječi ili neki od ovih uvjeta će početi smisla sada u kontekstu ovog programa. 

Idemo držati obličje kroz ovu datoteku. Mi to nazivamo funkciju draw_ocean. To je jedna i jedina funkcija zovemo od document.ready dijela. Dakle, mi to nazivamo draw_ocean funkciju, a to izgleda kao da stvara niz, promjenjiva, ovdje. Put je nešto u nizu, dodaje više stvari na žici, dodaje više stvari u nizu, a onda je to linija koda. Ja kažem da ispisuje HTML string. A netko mi objasniti što ova linija koda radi? Pa, prije svega, što se da znak za dolar znači? Nije to PHP varijabla, ali ono što to znak dolara znači? 

PUBLIKA: Povezivanje u HTML ID - to je kao da se nadovezuje na HTML kod? 

JASON Hirschhorna: Što je s da znak za dolar? Što to znak dolara pokazuju? 

PUBLIKA: Povezivanje na HTML nekako? 

JASON Hirschhorna: Gdje smo vidjeli ovo dolar potpisati prije u JavaScriptu? Vidjeli smo u predavanju. Razgovarali smo o tome. Što je dolar znak znači? 

PUBLIKA: Nešto s jQuery? 

JASON Hirschhorna: Točno u pravu. To ima veze s jQuery. Ovaj znak dolara znači ja sam koristeći jQuery knjižnica funkcija ovdje. Točno u pravu. 

Tako smo napisati znak za dolar, a zatim imamo otvorenu zagr i zatvorio zagrada, i unutra, što ide unutra kada koristite jQuery biblioteku funkcija, ili ste pomoću jQuery knjižnice? Opet, vidjeli ste to na predavanju. Može li netko dati mi - i vi također vidjeti nešto ovdje. Ono što ide unutra od tamo? 

Jeff, daj mi nagađati. Ono što ovo sliči, # oceana? Gdje smo vidjeli prije? 

PUBLIKA: Je li knjižnica ili tako nešto? Nemam pojma. 

JASON Hirschhorna: Pa, neka da otvorim index točku - Nope, krivo mjesto. 

Dakle, vidimo da imamo nešto zove ocean ovdje. Gdje smo vidjeli # oceana hashtag ocean, sintaksa prije? Da? 

PUBLIKA: CSS? 

JASON Hirschhorna: U CSS. Tako smo htjeli stil nešto, zapamtite bismo stavili hashtag CSS Odabir ili hashtag oceana, na primjer, i sve oblikovanja da smo htjeli dati na stvar uz predočenje osobne oceana smo stavili unutra. 

Dakle, unutar ovdje to nije CSS Selektor ide unutra. jQuery definira vlastitu vrsta selektora. No, to je ista ideja, a zapravo Mnoge od njih se preklapaju s CSS. Dakle, unutar ovih otvorenih zagrada, što staviti izbornik, i bez obzira na Selektor odnosi se, to je ono što ti si idući u biti koristeći. 

Dakle, u ovom slučaju, ja sam odabirom ID ocean. Ako sam imao klasu - recimo imam klasu stvari pod nazivom "slike", a ja to dati puno elemenata, kako mogu referenca klasa stvari zove "slike?" 

Ivanković: Mislim da je točka. 

JASON Hirschhorna: S točkom. Dakle, ako umjesto toga sam stavio slike dot ovdje, da će mi dati klasu stvari koje se zove "slike." 

Naravno, ovo je iznimno moćan, i možete referencu puno stvari. Zapravo, mogao sam referenca osnovi bilo tag u HTML-u. Dakle, ako sam htio učiniti, td, to je tag koje smo vidjeli prije, kada kreiranja tablice. Vi ste vjerojatno upoznati s da iz P postaviti sedam. U ovom slučaju, to je zapravo ide za odabir svih njih. To će mi dati niz svih TD ​​tagova. Ali to može biti malo neodoljiv, pa amo sad smo će se držati samo upućivanjem iskaznice. 

Pa što to radi, opet, je koje dobiva, u ovom slučaju - žao. Idi ovdje, na index.html. To je ocean, a ocean ID reference div, pa je ovaj dio linija koda dobiva taj div. 

A onda to znači dot Zovem funkcija, a ime koje Funkcija je HTML. I to je kratica za, ako vi vidjeli prije, znak dolara, dokument, dot dobiti Element po ID, dot unutarnji HTML. Ovo je samo jQuery verzija. Tako HTML funkcija samo dobiva unutarnji HTML. Od tog elementa. Pa opet, ako ćemo gledati ovdje, mi ćemo vidim da nema unutarnje HTML. I tako, ako sam to učinio, ja bih se pokušavate dobiti HTML. Kad pišem ovo, ja sam postavljanjem HTML. Tako sam prolazi ovu funkciju nizu, niz koji sam stvorio ovdje, i rekao da se stavi unutar oceana div. Da? 

Publika: Kada ste dobili HTML, vi ste samo dobivanje kopija, ako je to, zar ne? Nisi ga maknuti. 

JASON Hirschhorna: Točno. Ako sam to učinio i htio spremiti to u var - Ups. To bi dobiti sve informacije koje bio tamo i spremiti ga u drugu promjenjiva, napraviti kopiju. 

Ivanković: U redu. Uspio sam. 

JASON Hirschhorna: Tako smo stvorili neke HTML, osim što je u nizu. Mi uštedjeti nešto više. Ovdje možete vidjeti da Todo niz. Dakle, to je vjerojatno na mjestu gdje smo uzimajući da Todo od kada idemo na našoj stranici. A zapravo, ako sam desni klik na Todo, Provjeri element, razgovarali smo o ovo prošli tjedan. Tako smo mogli vidjeti HTML Struktura našoj stranici. 

Primijetit ćete da je ovdje - neka je to malo veći, previše - mi imamo div id ocean ovdje. Svi su vidjeli da je linija koda? I to je ono što smo tipove u index.html. 

Unutar toga, vidimo sada ovo Tablica linija koda. A što da je stol linija koda, to je koda smo upravo umetnuta ovaj element. I to mi gledamo unutar nje, mi nikada upisali colgroup i tbody. To je upisan za nas, jer smo napravili neke fancy stvari. No, primijetit ćete da postoji tr, postoji td sa Todo. 

Tako to izgleda, opet, kod koji smo pisali ovdje. To je upravo ono što ovaj linija radi. To je uzimanje našu HTML string i stavljajući ga u ovo div ovdje. Prvotno je ništa. Ova stranica se učitava. Znak dolara, document.ready. To počinje izvršenja. Pozivamo funkciju draw_ocean, a unutar draw_ocean funkciji uzimamo to HTML i staviti ga u tom div. 

Upravo smo prošli kroz mnogo s njima. Da li itko ima bilo kakvih pitanja o tome? Ili kako se to radi, ili jQuery? Jer ako shvatimo, onda jQuery nadamo bi trebao doći relativno lako. Da? 

PUBLIKA: Što ste imali unutar zagradi pod ispisu HTML string, koji je ime HTML varijabla koja ste proglasili ranije? 

JASON Hirschhorna: Ovaj ovdje? 

PUBLIKA: Da 

JASON Hirschhorna: Da. Ivanković: Pa ako je nazvali da nešto drugo, da je nešto drugo bio ono što bi se stavio ovdje. 

JASON Hirschhorna: Točno u pravu. I to je dobra stvar. To je malo zbunjujuće, jer Imam HTML, HTML. Ovaj unutrašnjosti ovdje je ime moga varijabla, a to je upravo ovdje naziv funkcije jQuery. 

PUBLIKA: No, kako za jQuery funkcionirati na posao, morate mu dati Neki HTML ulaz? 

JASON Hirschhorna: Točno. ILI morate mu dati niz. To će staviti taj string unutar od div ili što već. Ovo je samo niz. To ne znam to je HTML, ali Očito ga oblikovati namjerno biti ispravan HTML. Je li to odgovor na pitanje? 

Publika: Da. 

JASON Hirschhorna: OK. Da? 

PUBLIKA: Što ako ocean iz na gumb ili nešto? Što bi. Html učiniti? Bi li to promijeniti Tekst gumb? 

JASON Hirschhorna: Dakle, pitanje je što ako je to navedeno na gumb? To će se promijeniti unutarnja HTML nečega. Dakle, ako ima otvorene oznake i izbliza tag, to će staviti nešto između otvoriti i zatvoriti tag. Ako nema otvaraju i zatvaraju tag, to ne može učiniti ništa. 

Ivanković: To je doslovno kopija Zalijepi i takve stvari? 

JASON Hirschhorna: Da. To je kopija i paste nešto iz bez obzira na promjenjive sam ga proći, Niz sam ga proći, u onima otvaranje i zatvaranje tagova. 

Pogledajmo ovdje. Oh, moj Bože. draw_pool nije ništa tamo. To je neprijatno. Vlak, wow. U redu, tako da nije puno ostalo osim toga. 

Pa počnimo, a Sredit ćemo ovo gore. Ja ću morati svatko pomoći da biste dobili ovaj učinio. Postoje zapravo ne da mnogi linije koda, mislim, da napiše. Mislim da sam to učinio prije dvije godine za 2K12 verziji, a tu Ne bi trebalo biti da su mnogi linije koda za pisanje. Nisam trebao izbrisati taj kod. Trebao bih samo su je spasili. Oh, ludi. 

U svakom slučaju, počnimo. Dakle, ja sam u ovom polju, ili sam u to linije, a ja imam svoj ocean_array. I želim staviti sve to, sve iz ove datoteke, u mom ocean_array. Pa kako ja mogu uzeti sve, od postoji, i staviti ga u ocean_array? To je jedna linija koda. Tko mi može dati tu liniju koda ili reci mi, ima neke ideje što da crta koda bi trebao učiniti? Zašto ne možemo započeti ovdje, a onda ćemo i dalje se kreće po sobi odgovaranja na pitanja. Kurt? Što je prvo? 

Publika: Ocean_array, Nosač, dupina. Jednako dupina, nosač dupina? Dupini i to s velikim svemu. 

JASON Hirschhorna: OK. Idemo prošetati kroz sintakse. Upravo ovdje, ovo je kao foreach petlji, tako da se zapravo radi puno stvari za nas. I dupin je objekt. Dakle, mi ne trebamo nešto napisati kao što su dupini, dupin, jer Dupin je sama po sebi prigovoriti da želim. Nije index. Ima li to smisla? 

Publika: Da. 

JASON Hirschhorna: Pa kako vam je činiti predložiti promjenu svoj kod? Ako znamo da nam je dan indeksa? 

Oh, ispričavam se. Ti si dobra. No, kako je - da vas pitam drugo pitanje. Ako želimo - neka je zapravo pisati ovo. Ništa za to. Mi ćemo napisati ovo. To je super. Oprostite. Upravo sam bio vrlo zbunjujući postoji. 

Ostavimo da za sada, i mi ćemo se vratiti na trening dupina, postavljanje dupina. Ajmo prvo riješiti taj crtež ocean funkcija, a mi ćemo se vratiti da, Kurt. No, do sada, tako dobro. 

Pogledajmo unutar draw_ocean. Linija koja izgleda da je to u redu "pohraniti slike dupina u ocean u HTML string. "A zar Sada, ja baš kao i obveza, ali sam stvarno želite staviti dupine slika u oceanu. Pa ono, Noah, ti misliš je Prva stvar koju sam trebao napraviti? Ako želim proći kroz cijeli polje, što je prvi put što bih trebao napraviti? 

Ivanković: Moramo stvoriti za petlju. 

JASON Hirschhorna: za petlju. I ono što bi trebalo da za petlju izgledati? 

PUBLIKA: Za - moramo proći kroz svaki dupin u oceanu niz. Tako je za var dupina u - Možete li napisati oceana niz? 

JASON Hirschhorna: Kao ovo? 

PUBLIKA: Vjerojatno da je u pravu. 

JASON Hirschhorna: Držimo se da je za sada, a onda ćemo vratiti na njega. I ti ćeš biti odgovoran za tu liniju. Dakle, imam strane za petlju. Michael, ti si do sada. Što da radim sada? 

PUBLIKA: Ti bi trebala potrajati pohraniti slike s dupinima. 

JASON Hirschhorna: Pa gdje je da su pohranjeni? 

Ivanković: U nizu dupina? 

JASON Hirschhorna: Ja sam zbunjen sada previše o tome što se događa. Neka je shvatiti kako možemo napraviti ispravljanje to, a onda ću doći natrag na vas, u redu? Što je ekvivalent printf u JavaScriptu? Annie? 

Ivanković: To je dokument koji pišu? 

JASON Hirschhorna: Ili kako mogu Vidim nešto u tješim se na dno? 

PUBLIKA: Console.log. 

JASON Hirschhorna: Console.log, točno. Tako ćemo napraviti console.log, i neka je samo stavi "Delfin" u, u redu? U idealnom slučaju, ako se to radi, idemo u imati - da vidimo, vratio se u toj datoteci dolphins.js, bilo je šest dupina, tako da sam trebao dobiti šest ili nešto nadam se ispisati na konzola, zar ne? To je mjesto gdje smo do sada, jer smo učinio Kurt je liniju do ovdje, a onda smo učinio Noina za petlje, a imamo ovo liniju, pa se nadam da bismo trebali vidjeti šest stvari tiskane na konzoli. Dakle, idemo ovdje, idemo otvaramo utješiti i osvježiti našu stranicu. 

U redu, tako da izgleda kao Vidjeli smo šest indekse. Nula, jedan, dva, tri, četiri od pet, da. 

PUBLIKA: Kako ste dobili na da stranica unutar vašeg - 

JASON Hirschhorna: kako mogu dobiti na ovu stvar ovdje dolje? 

Ivanković: Ne, stranica Chrome unutar [Nečujan] aparata. Možemo vidjeti da ili ne? 

JASON Hirschhorna: To Chrome stranica ovdje? 

Publika: Da. 

JASON Hirschhorna: Dakle, baš kao u P setu osam, ja sam otvorio prozor Chrome na moj radna površina, na mom Macintosh desktop. A ako primijetite ovdje taj URL se na gore lijevo, koja odgovara tom IP obratiti ovdje. Tako da to učinite, ipak, početak problema postaviti spec. šetnje kroz točno kako to učiniti. Ali sam samo slijedio da, i umjesto toga zajedno s kodom shuttle, upravo sam naš vlastiti kod. 

Super stvar je što također može pregledati ocean_array. Tako to izgleda kao ocean_array je Niz od šest objekata, a neka je otvoriti svatko. Boom! Jedan. 

Dakle Kurt, to izgleda kao vaš Kod radio savršeno. Sve je počeo s radom u ocean_array. Zato sam misspoke ranije. Ali da, strašan posao. Ocean_array je točno, i to izgleda kao što sada vidimo da je dupin broj od 0 do 5, tako da izgleda Poput indeksa u niz. Dakle, s obzirom da je znanje, Michael, Što ćemo sada? Glasno razmišljanje. Ono je nešto što želite učiniti? 

PUBLIKA: Želimo dobiti JPEG za svakog dupina. 

JASON Hirschhorna: OK. Pa kako možemo referenca - kako možemo dobiti JPEG? Odakle početi? Gdje je sve pohranjene? 

Ivanković: U ocean_array? 

JASON Hirschhorna: OK. 

Ivanković: Pa ocean_array, dupin - 

JASON Hirschhorna: Kako nam je činiti dobiti nešto iznutra - pa to nam daje taj objekt. A vidjeli smo to prije uz struk. Pa kakav zapis trebamo koristiti? 

Ivanković: To će biti točka. 

JASON Hirschhorna: dot. I onda ono polje? 

PUBLIKA: Slika? Ili to nije Polje - 

JASON Hirschhorna: Što je to pozvao u dolphins.js? I vidite, možete pogledati. Upravo smo se vratiti ovdje. Možemo vidjeti ocean_array, možemo ga istražiti. Što se to zove? 

PUBLIKA: Tip. Čekaj. Slika? Rekao sam sliku. 

JASON Hirschhorna: Slika. Točno. Vi ne zvuči kao da znate što ste govorili, ipak. To je zvučalo više kao pogodak. Tako da je slika, tako da će dati us URL slike. Jeff, imate pitanje? 

Publika: Da, ja ne mogu dobiti ono što imate na Chrome preglednik na mom računalu. Ja samo dobiti "neuhvaćen referencu pogreška, konzola nije definiran. " 

JASON Hirschhorna: Vi ste postaviti sve? 

Ivanković: Pa, mislim da sam učinio sve što vam je je na velikom ekranu. 

JASON Hirschhorna: A vi chmodded sve datoteke? A jeste li proći kroz cijela postava? 

Publika: Ja ću ga pokušati ponovno. 

JASON Hirschhorna: OK. Sam preskočio da je puno na na početku, ali morate proći kroz cijela postava baš kao i na počevši od problema set spec.. Chmod sve i bi bili sigurni da je u. 

Publika: Ja ću ići i provjeriti to. Mislio sam da sam to učinio, ali Ja ću provjeriti. 

JASON Hirschhorna: Dakle, ovo izgleda kao da će nam dati string i slika. Velika. Imamo URL slike. Kako ćemo sada ga stavili u - što će se dogoditi ako pišemo Upravo to, Michael? 

Ivanković: To samo dobiva sliku. To zapravo ne ističu. 

JASON Hirschhorna: Idemo vidjeti što se događa. Spremit ćemo to. Mi ćemo to raditi ovdje. Izgleda da ne dobivamo ništa. Ako sam istražiti ovaj stol, to izgleda iznutra - Da, izgleda kao da ne dobiva ništa. 

Ivanković: Moramo li - 

JASON Hirschhorna: Ovo je string, ovaj broj ovdje. Gdje želim staviti ovaj niz? 

PUBLIKA: Vi želite stavi ga u ocean? 

JASON Hirschhorna: OK. I ovdje sam stavljajući niz zove html u oceanu. 

Ivanković: Pa bilo bi dolar Znak, oceana, html [nečujan]. 

JASON Hirschhorna: To bi stavi ga ravno tamo. No, što ako želim dodati ga - Ja sam već stvarajući niz, zar ne? Staviti u ocean, što je Ime tog niza? 

PUBLIKA: HTML. 

JASON Hirschhorna: HTML. Dakle, ono što ću napisati sljedeći? 

Publika: Jednako, jednako. Ili samo jednako? 

JASON Hirschhorna: Što će dogoditi ako pišem dosegne? 

Ivanković: Neće da ga postavite jednak - ili neće da - 

PUBLIKA: Dodjela? 

JASON Hirschhorna: To će ga dodijeliti, , ali ono što će se dogoditi na sve koja je pohranjena u njemu prije? 

Ivanković: Bit dobili osloboditi od njega. 

JASON Hirschhorna: To će se riješiti. Pa kako ga mogu dodati na kraju? Ja bih samo kopirati - 

PUBLIKA: Plus jednako. 

JASON Hirschhorna: Plus jednaka, savršena. To je točno. Pa sad idemo provjeriti što to radi. Boom! Oh, moj Bože. To je samo puno teksta. OK. 

Dakle, izgleda da je dobio puno teksta, ali to je super. Vi dečki ste učinili - Znam da je to teško, to je novo. Do sada troje od vas učinio fantastičan. 

OK, ti si sljedeći. Što smo trebali učiniti? Mi očito ne žele igrati samo niz. Da? 

Ivanković: Imam samo jedno pitanje. Znate, kad radite ocean_array, Dupin, u zagradama, nije dupina kao asocijativne Niz u sebi? 

JASON Hirschhorna: misspoke sam. Dupin je index. 

PUBLIKA: ali ne var dupina u oceanu - Mislim, kad ste u početku ga učitati kao dobro, var dupina u dupina, nije da dupina je asocijativni niz? 

JASON Hirschhorna: Ovaj dupin? 

Publika: Da. 

JASON Hirschhorna: Ne. Ovaj dupin je index. 

Ivanković: U redu. Tako je tu varijabla dupina? Mislim, kao ključ dupina asocijativni niz? 

JASON Hirschhorna: Ovdje? Kao, dolphin.name? 

Publika: Da, postoji Poput točke dupina - kao što nije dupina značilo da se svaki objekt? 

Publika: Da, to je ono što sam mislio, previše. 

PUBLIKA: Mislio sam da je to kao dupin asocijativne matrice u dupina. Budući da postoji šest asocijativne polja u DUPINA, zar ne? 

JASON Hirschhorna: Točno. Način na koji smo to napisano Sada, to nije. 

Ivanković: Zašto je to? 

JASON Hirschhorna: Mogli smo to učiniti, a tu je zapravo funkcija jQuery zove. svaki koji daje što svaka stvar. Ali to sintaksa nije - Ja misspoke ranije - ovu sintaksu Nije da je index. To je samo nam daje indekse. No, da bi mogao napraviti znak dolara. Svaki, koja je funkcija jQuery. To će vam dati svaki suradnik polje. Pa to provjeriti. Ali to je ono što sve to kod radi. 

Ivanković: Pa ovo je prvi za petlju, ja Pretpostavljam da će ponoviti šest puta jer imate šest indekse. I onda drugi za petlje, nije da iterating Ista količina vremena? 

JASON Hirschhorna: Da. 

Ivanković: Pa da stvarno nema - mi bi mogao napisati prvi za petlju opet, i to bi radila. Kao, var dupina u DUPINA? 

JASON Hirschhorna: Da, ali mi smo Sada pomoću ocean_array. Mi smo se preselili sve u ocean_array jer kažu mi ikada željeli promijeniti ono što je u dolphins.js, ili ako želimo manipulirati ocean_array kasnije, ne želimo manipulirati dupini, promjenjiva. Želimo da manipuliraju kopiju, jer ako želimo da se nešto se, na taj način mi smo samo će biti na sigurnom. Ima li to smisla. 

Publika: Da. 

JASON Hirschhorna: OK. Dakle, Carlos, kako ću uzeti ovaj niz i čine ga slika umjesto toga, i dobiti stvarna slika? Vi ste vidjeli ovaj kod prije. Kako mi je činiti i sliku na stranici? 

PUBLIKA: Je li to stvar koju smo učinili oko da HTML plus jednako TE poziva crtica širina, ona ga izbrisati? 

JASON Hirschhorna: Ova stvari ovdje? 

Publika: Da. Na neki način. 

JASON Hirschhorna: ne brinuti o tome. To samo počinje HTML string. Ako želim uključiti sliku u mom HTML web stranica, što je oznaka da koristim? 

Ivanković: Ne sjećam se. 

JASON Hirschhorna: OK. Avie, pomoći mu se? 

PUBLIKA: Biste li se sidro, href, a zatim ga povezati? 

JASON Hirschhorna: Pa što je u sidro. 

Ivanković: Ne trebaju povezati ga, ipak, zar ne? 

JASON Hirschhorna: Što ako sam samo želite stvoriti sliku? 

Ivanković: To će biti IMG, a zatim src jednaka bez obzira na struna? 

JASON Hirschhorna: OK, pa to je točno, IMG. Carlos, ti ćeš odvesti ga odavde. IMG je kratica za "slike" i SRC stoji za "izvor". i morate mu dati URL ili neki - ni URL. Neki mjesto gdje je slika je pohranjena. Dakle, ja znam da je ta će mi doći slika, pa sad kako sam to sve stavim zajedno, mislio? Imam neki sintaksu trebam popraviti. Što točno trebam upisivati, Carlos? 

Ivanković: Ne shvaćam što pokušavate učiniti. Tako da pokušavamo staviti sve slike u tablicu? 

JASON Hirschhorna: Želimo prikazati sve slike na stranici. I vidjeli smo kako je ovaj redak koda prava Ovdje dodao žice našem HTML string te ih ispisati kao što je ovaj. Umjesto toga žele prikazati slike. I shvatili smo, Maru, rekao nam je da je ova linija koda - pa pogledajmo ovdje. Ako smo se i istraživali, mi ćemo urediti kao HTML. Maru, rekao je, ako ćemo napraviti ovu vrstu sintakse, dobivamo sliku. Znači li to smisla? 

To je tip string koji smo stvarno želite staviti u oceanu dive, ne samo u samom tekstu. 

PUBLIKA: [nečujan] 

JASON Hirschhorna: Žao mi je? 

Ivanković: Ne mogu vam samo kopirati da onaj koji je dao Kianna, i staviti ga u to - 

JASON Hirschhorna: Kopiraj ovaj, i staviti ovo ovdje? 

Publika: Da. 

JASON Hirschhorna: To je u neposrednoj blizini, ali postoji jedan problem s tim, i Što je to? HTML je string, a mi moramo dodavanje žice na njega. 

Ivanković: Pa onda ga staviti - Nah. 

JASON Hirschhorna: I mi imamo tri - ovo ovdje nije niz. Kako ćemo to učiniti niz? Kako biste uvijek bili nešto string? 

Ivanković: Ne znam. 

JASON Hirschhorna: Ako sam tekst, kako mogu napraviti da string? Sviđa ovdje na ovoj liniji ovdje? 

PUBLIKA: Stavite ga na stol? 

JASON Hirschhorna: Što je ovo? 

PUBLIKA: Citat. 

JASON Hirschhorna: Bračni citati, zar ne? Navodnicima čini nešto string. Tako da se čini da je string, a to je niz. Kako mogu staviti dvije žice zajedno u JavaScriptu? 

PUBLIKA: Dot. 

JASON Hirschhorna: Ne dot. To je PHP. 

PUBLIKA: Plus. 

JASON Hirschhorna: Plus, točno. Dakle plus, a zatim ono što vam je činiti predlažu da radim ovdje? 

Ivanković: Još jedan citat. 

JASON Hirschhorna: Još jedan citat, OK. Kako mogu završiti niz? 

Ivanković: Još jedan citat. 

JASON Hirschhorna: Još jedan citat. I kako sam stavio ovaj niz zajedno s ovom nizu? Plus. To je točno. Upravo si to učinio za nas. To je savršen. 

Pa sad idemo donijeti ovo. A gledajte, mi smo dobili jednu cjelinu hrpa slika. Oh, moj Bože. To su zastrašujuće. Idemo istražiti ih u sekundi. Da, Noah? 

Ivanković: Znam da zapravo ne obzira na to, ali treba zatvorite elementi sa slike oznaku? 

JASON Hirschhorna: Mogli bi, ako smo htjeli, zatvoriti našu sliku tag samo tako. Idemo uzvratiti to. On, ne, ne možemo to učiniti. 

Publika: Oh, to sam razbio. 

JASON Hirschhorna: Mislim da je ovo je provjera valjanosti, ipak. Ja ne mislim da je potrebno zatvaranja udarac. OK, ovo je super. Carlos, hvala ti. Do sada četiri od vas učinili strašan posao. 

Naravno, kao što možete vidjeti, mi smo stvarajući neku vrstu stolnog kosina. I želim te stvari da se u tablici. Pa kako ću staviti te stvari u tablici? I očito je potrebno još malo HTML. Assam, kakav HTML sam ja nedostaje? 

PUBLIKA: Što vam je činiti želite učiniti, mi? 

JASON Hirschhorna: Ja želim staviti sve ove slike su u tablici, tako da svaka slika trebaju biti u jednoj koloni tablice. Kako ću reći da je ovo jedan stupac? Vidjeli ste ovaj kod prije. To je u P postaviti sedam. 

PUBLIKA: Sjećam se jednog je tr? 

JASON Hirschhorna: tr je za redom. 

Ivanković: Ne znam off moje srce, ali sam mogao provjeriti. 

JASON Hirschhorna: Da li netko sjetiti? 

PUBLIKA: td? 

JASON Hirschhorna: td, točno. td to stavlja kao stupac. Dakle, ako sam stavio TD postoji, Assam, Što trebam staviti? Što još moram dodati? 

PUBLIKA: Morate ga zatvoriti? 

JASON Hirschhorna: Točno. Kamo ide? 

PUBLIKA: Upravo tamo? 

JASON Hirschhorna: Ovdje? 

Ivanković: Mislim da jest. 

JASON Hirschhorna: Što je ovo zatvaranja ovdje? Što je ovo? To plavu stvar? 

Ivanković: To je za sliku. To bi trebao ići nakon, mislim. 

JASON Hirschhorna: OK, točno. Pa da vidimo što je to učinio. Oh, to je nezgodno. Idemo otvoriti ocean, stol, Tablica tijelo, tr. Dakle, imamo tonu, ali ja ne vidim slike. To je malo čudno. To izgleda kao da ju je izgradio, ali nije mi pokazati slike. Bilo koji ideja zašto bi to mogao biti slučaj? Bilo misli? 

Ivanković: Ako se pomaknete prema dolje, vidjet ćete ih. 

JASON Hirschhorna: Boom! Dakle, oni su tu, ali da je čudno da je oni su skroz tamo dolje. 

Ivanković: Oni su i sve je u redu. 

JASON Hirschhorna: I oni su svi u red, i oni su svi različite veličine. Dakle Assam, daj mi još jednu liniju koda ako ja mogu učiniti sve slike iste veličine, i to izgleda kao da sam već naznačeno veličina sam želimo da budu. Kako ja mogu učiniti svaku sliku iste veličine? Dajte divlje pogoditi. 

Što o toj liniji koda? 

PUBLIKA: Možete li napraviti Kao stalna? 

JASON Hirschhorna: Ili gdje je još stavljajte sam mogao staviti ovu liniju koda, ako sam ga kopirati? 

Ivanković: Sve putu prema dolje na toj istoj liniji? 

JASON Hirschhorna: OK, neka je stavi je ovdje, upravo pravo. A sada da vidimo što će se dogoditi. Oh, moj Bože! Sada to izgleda kao da smo s početkom u dobiti nešto, i to izgleda kao da sve nekako uklopiti u tablici koja smo izgrađena u svakom TD. 

Također, Assam, recimo ja volim svoje Visine se biti malo više - Visine stvar me baca off, tako ono što sam trebao postaviti na vrhuncu? Pick bilo koji broj. 

PUBLIKA: 200? 

JASON Hirschhorna: 200. Idem pokupiti 100. To je super. Za stvarno poput 200. Tu smo! OK, sada se to počinje izgledati malo bolje i malo više organizirani. 

Bilo koji drugi misli za ono što nam je potrebno da se učiniti za pohranu slika dupina? Da? 

PUBLIKA: Jesu li citati, ili pojedinačni citati, oko vrijednosti za Izvor, visina, širina, onih opcija? 

JASON Hirschhorna: Gdje su jednostruke navodnike? 

PUBLIKA: Kao u neki od primjera, ti bi kao i visine jednako citat "150". Je to nije neophodno. 

JASON Hirschhorna: Tako ćemo pogledati ovdje. Ako kliknete na oceanu, ide u tablicu, primijetit ćete ovdje ga zapravo dodao je te citati za mene. 

Ivanković: U redu. 

JASON Hirschhorna: I tako sam shvatiti što radimo čini bolno spor. Mi samo sam napisao tri linije koda Do sada, ili četiri linija koda, ali to je u tome da je postupak I proći kroz svaki put želim napraviti ovu web stranicu. Redak po redak, koristeći konzolu dolje Ovdje, istražujući stvari i figuring iz korak-po-korak ono što želim učiniti. Dakle, nadamo se, to oponaša za vas dečki u dobrom, pedagoški način ono što zapravo će biti događaj kada stvarate svoju web stranicu. 

Idemo dalje. Stvorili smo te stvari. Idem zapravo - Avie, imam veliku pitanje za vas. Ne znam, mi ćemo krenuti dalje. Idemo na "vlak dupina kada je slika je kliknuo. "Kako vam je činiti predlažu sam napisati da je linija koda? 

Ivanković: Ne postoji funkcija pod nazivom "vlak." 

JASON Hirschhorna: Tu je funkciju pod nazivom "vlak", točno. 

PUBLIKA: On očekuje indeks. 

JASON Hirschhorna: Vlak očekuje index, tako, u redu. Avie, to je točno obrazloženje da ja volio vidjeti. Vlak očekuje indeks. 

Ivanković: Pa ideš imati za petlju. 

JASON Hirschhorna: Pa, želim napraviti kada je slika kliknuli, tako Avie, Kako mogu pratiti kada slika je kliknuo? Postoji nekoliko načina kako to učiniti. To je moć JavaScript i jQuery, ali i najteži dio. 

Ivanković: Ako zagrada, ne. Ili, ako zagrada događaj, ili tako nešto relativno jednostavna? 

JASON Hirschhorna: Tako smo vidjeli par načina da to učinite to na predavanju. Jedna stvar je da, ovdje dolje, što bi moglo nešto kao da bi mogao stvoriti funkcija kao na klik, ili napraviti nešto kao na klik. Svatko zapamtiti gledajući nešto slično? Možete to učiniti unutar HTML tag. Vidim neke prazne lica. Neki ljudi su kao što je on to govori? 

To je u redu, jer mislim da je to složeniji način da to učinite. Mi ćemo učiniti mnogo lakše način koristeći jQuery. Dakle, Avie? 

PUBLIKA: Hm? 

JASON Hirschhorna: Ako želim napraviti nešto jQuery, ja očito početak, Kao i prije, s ovim znak za dolar, otvoren zagr, bliski zagr i dvostruka citira ovdje. Sada znamo Trebam selektor ovdje. Što selektor predlažete bi se primjenjivala za svaku pojedinu sliku ili svaka jedna slika? 

PUBLIKA: slike? 

JASON Hirschhorna: To je točno u pravu. To će se odnositi na svaku sliku. Dobiva sve njih. Nije ID, to nije klasa, to je vrsta krpa, a to će se dobiti svakog pojedinca. 

I sad ću vam reći ovo za sada, a možete pogledati više dokumentaciju o tome kasnije, ali to stvar se zove "na" bavi događajima. Dakle, ono što se sada učiniti, a što je super moćan, je reći što tip Događaj što tražite i što želite učiniti kada dobivate taj događaj. Zato ću vam dati malo malo više koda, Avie, a zatim moraš ići, OK? 

Ivanković: U redu. 

PUBLIKA: On - idemo reći "Klik" u ovom slučaju, koji ćete uglavnom koriste. Dakle, na klik, a zatim ćemo to prođe anonimni funkciju. A to sintaksa ćeš vidjeti Puno, i nadamo se da će pisati puno. Što to znači, opet, na klik u nešto što se zove slike, što god, ništa se zove slika, reći ćemo pokrenuti ovaj anonimni funkciju. 

Neću mu daje ime. Nisam to prolazi sve argumente. Ja sam samo, kao što je, stvarajući evo funkcionirati, a evo što je kod idete raditi. To je s ovim sintakse sredstvima. A isto tako, kao što ćete primijetiti, to izgleda vrlo sličan ovome ovdje gore kako bismo pisao prije. 

OK, Avie. Dakle, želite nazvati vlak na indeksu. Je li to ono što želite učiniti? 

Publika: Da. 

JASON Hirschhorna: To je? OK. Da vidimo što će se dogoditi. 

Publika: Čekajte, ipak. Indeks nije varijabla upravo sada. 

JASON Hirschhorna: Tako je indeks nije varijabla upravo sada. Ne znam gdje ste ga dobili od. 

PUBLIKA: [nečujan]. Dakle, trebate prvo shvatiti koji dupin dobio kliknuo? 

JASON Hirschhorna: Izvrsno. Morate shvatiti što dupin dobio kliknuli. To je divlja pucao u mraku. Bilo tko imati bilo koji ideja kako ja mogu shvatiti što dupin dobio kliknuo? Ako ne, samo ću ga dati, jer je to prilično ludo. OK. Tako ćemo ispisati putem console.log. 

To je stvar. Dakle, znak dolara, otvorena zagrada, ovako blizu zagr. Dakle, kada sam kliknite na ovu sliku, idem ispisati to na konzoli, pa da vidimo što će se dogoditi. Vratimo se ovdje. Idemo na konzole. Nema pogreške, hvala Bogu. 

OK. Kliknuo sam. Dopustite mi da to učiniti opet. Ja kliknuo ovu prvu sliku, a to dobio ispisan na konzolu, Ova linija stvari. Idem se pomoću Riječ "to" puno. To što upravo ovdje, ovo je vrlo posebna, i to rade upravo ono što Avie želi to učiniti. To je sve ono što je kliknuli na ili što god. Jer opet, ovaj odabir se događa nositi se s mnogim stvarima, mi ne mora znati što je stvar da smo pričaju, pa želimo shvatiti iz koje stvar pričamo o putem ovog sintakse. U ovom slučaju upravo ovdje, hashtag oceana, uvijek znamo što je stvar da smo će se govoriti o tome, tako da mi nikada stvarno potrebno to unutar hashtag oceana. To je uvijek ocean, da je div. To je ID, jedini mogući stvar. 

No, u ovom slučaju, to se odnosi na puno slika, u stvari, šest slika, pa želimo znati što se posebno slika je kliknuli. I izgleda da je to Vrsta podataka koje dobijete. Mi smo dobili to izgleda kao neka velika string, a mi smo dobili sve to Informacije s tim. Mi smo dobili tone i tone i tona stvari. jQuery je iznimno moćan. To što nam je tonu informacija o ovom konkretnom HTML elementa. Avie, što želimo znati o ovom HTML elementa? 

PUBLIKA: Nešto poput osobne iskaznice. 

JASON Hirschhorna: ID. Pa, imamo izvor, širine i visine. 

Ivanković: Možemo koristiti izvor. 

JASON Hirschhorna: Mi Možete koristiti izvor. To će nam dati niz, URL string. Što ćemo učiniti s da, kada smo to? Kako ćemo se vratiti u naš indeks u ocean_array? 

Ivanković: Možemo usporediti da druge. 

JASON Hirschhorna: Pa što smo mogli petlja kroz svaki. Sada smo mogli petlju ponovno i onda to usporediti. Predvidjeti što će biti jednostavniji način, ako bi mogao samo zamisliti jednu? 

Ivanković: Ne moraju petlje. 

JASON Hirschhorna: Ne moraju petlje. 

PUBLIKA: Samo figuring out dupin, [nečujan]. 

JASON Hirschhorna: figuring što dupin. OK. Tako ćemo spasiti tu informaciju na ovoj slici oznaku. A opet, upravo sada, dio te stvari samo je čarobno, jer sam mogao treba vam pokazuje to po prvi put, ali nadamo se to su stvari ti si idući u biti događaj. Dakle, to je nešto čarobni možete učiniti. Možete uštedjeti nešto extra metapodataka u elementu. To se neće pojaviti, to neće utjecati na bilo što. Vi samo možete ga spremiti postoji. I predlažem štedimo index sa svake slike. 

Dakle, način na koji to učiniti je da stvorite atribut zove podaci crtica i onda sve što vas ime žele ga dati. Crtica podataka je posebna stvar koja je s obzirom na vas, a kaže da je ovo nešto što korisnik će se stvoriti. Dakle, mi stvaramo ovu stvar zove index, ovaj ključ se zove indeks. 

A unutar nje, mi ćemo staviti Ne samo jedan svaki put, ali što učiniti stavili smo unutar nje, Avie? Što se događa ovdje? 

PUBLIKA: Dolphin. 

JASON Hirschhorna: Dolphin. To se ne da riječ. Dolphin. I opet, mi već tiskani dupina ranije, da je 0, 1, 2, 3, 4, 5, i Štedimo da sa slike. 

Pa sad, ako mi je činiti - i opet, štedimo da metapodataka. Kako ćete pristupiti da meta? To je s funkcije samo pod nazivom "podataka." A morate ga proći jedan i samo jedan argument, koji je naziv stvar. Tako da ću ispisati ovo, a onda ću uzeti pitanja. Ali u biti, želim reći daj mi to Objekt koji je kliknuo na, izgleda na svim svojim podatkovnim atributa, i jedan se zove "indeksiraju" daj mi tu vrijednost. 

Pa da vidimo što će se dogoditi kada se smo osvježite ovu stranicu. Točno ono što smo očekivali. Opet, to je bio prilično čarobno. Upravo smo učinili puno tamo. Tko ima bilo kakvih pitanja u vezi toga? Da? 

Ivanković: Imam samo jedno pitanje o svom live koda. Možete koristiti kao jedan citat, dvostrukog citat, kao i tamo. 

JASON Hirschhorna: Ovdje. 

Publika: Da. Postoji razlog zašto vam je činiti jedan citat, dvostruki navodnici? 

JASON Hirschhorna: Postoji razlog, a to seže u ono Marcus pitao ranije. U skladu s tim, da sam bio malo bolji u mom kodiranje. Želim to, a to je ono što ja iskreno trebala učiniti sve vrijeme, za širinu i visinu posebno. Pogledajmo ovdje. Vidjet ćete upravo ovdje, može li to vidjeli? Znam da je to neka vrsta male, ali podaci crtica indeks je u navodnicima. Te stvari se uvijek trebaju biti u navodnicima. Vrijednost uvijek treba biti u navodnicima. 

Ali ovdje, ako sam dupli citat, koji će završiti ovaj niz ovdje, i sada ne bi bilo tipkanje u nizu. Tako sam se oko da je samo pomoću jedan citat, jer je jedan citat ne završava JavaScript string, ali u HTML-u to ne zanima, ako ste dajući mu jednu citati ili dvostrukih navodnika. To će samo to tumače kao navodnicima. Ima li to smisla? Da? 

PUBLIKA: Kako ste dobili da IP adresa u dnu svog klijenta? Mine kaže nema IP adresu. Ima li nešto što bih trebao učinili u [nečujan]. 

JASON Hirschhorna: U Vašem aparatu, to nema veze? 

Publika: Da. 

JASON Hirschhorna: Ima nešto možete učiniti da to popraviti, ali ja nisam će provesti vrijeme hodanja kroz koji upravo sada. No, možemo to učiniti nakon sekcije. 

Ivanković: Ako se vratite na konzola, zašto je broj naveden 012.321? 

JASON Hirschhorna: konzole? Oh, zato što sam bio samo klikom oko mahnito. 

Publika: Oh, u redu. Ništa za to. 

JASON Hirschhorna: I opet, ja mogu kliknite na nešto bajillion puta. 

Ivanković: Imam pitanje o Vaš petlje opet, tvoj za petlje. Jer znate u P postaviti osam, oni koristiti drugačiji oblik tog kruga. Dakle, oni se kao var i = 0, i manje nego, ocean_array.length, i + +. Jesu li oni jednako? 

JASON Hirschhorna: To je standard za petlju. Ili da, to je za petlje. Zapravo, vidjeli smo da je ekvivalent. 

Ivanković: Pa to je ekvivalent to što si učinio ovdje? Je jedan smatra boljim od drugih? 

JASON Hirschhorna: Ne. 

Dakle, opet smo otišli nad nekim stvarima. Sada smo se preselili izvan naše zone udobnosti i počeo raditi neke stvarno cool stvari koje nismo nužno i otišao više u klasi i prije, ali će nadamo se biti vrlo moćan za tebe kada kodiranje. 

Avie, vratimo se ovdje. Imam indeks dupina. Sada ono što trebam učiniti? 

PUBLIKA: Morate ga trenirati. Dakle, umjesto stavljanja console.log, te Možete postaviti varijabla jednaka onoj? 

JASON Hirschhorna: OK. Dakle? 

Ivanković: Nisam siguran Ako možete to učiniti. 

JASON Hirschhorna: Pa var x jednaka to, bez obzira na to vraća, to će ga vratiti. Nije važno. To može vratiti bilo koju varijablu. Nema tipova ovdje. 

PUBLIKA: Ili ste mogli samo funkcioniraju poziv. 

JASON Hirschhorna: Da, zašto ne bih to učinio? Samo to je funkcija poziva. 

Publika: Da. Stavite drugi set zagradi. 

JASON Hirschhorna: Savršeno. To je točno. Tako da će pozvati funkciju vlak. Naravno, ništa nije u vlaku funkcija, pa predlažu, Akshar, ono što ja treba učiniti u funkciji željezničke. Daj mi malo pseudo kod. 

Ivanković: Mislim da bi trebalo ukloniti Delfin iz izvorne tablice. 

JASON Hirschhorna: I to je sve Noi ranije zašto smo kopirali je u novi niz. Točno, ne zato što nam je činiti kako urediti naše Dupini polja, jer što ako drugi Program je to koristite ili što ako želimo pristupiti negdje drugdje? Mi želimo napraviti kopiju, a to je jedan ćemo urediti. 

PUBLIKA: Onda položaj je u svom novom mjestu. 

JASON Hirschhorna: A što učiniti moramo učiniti nakon toga? 

Ivanković: I onda isprintati Informacije o dupina. 

JASON Hirschhorna: To je točno u pravu. Mi smo ga izvadili iz ocean_array, mi stavi ga u bazenu, a onda skrećemo ocean u bazenu. Kako mogu ukloniti dupin iz ocean_array? 

PUBLIKA: Možete ići na indeksu. Oh, u redu. Koristite funkciju uplesti. 

JASON Hirschhorna: U redu, tako da je u pravu. Ja mogu koristiti funkciju uplesti što traje nešto iz niza i kondenzira ga. To je nešto novo što nisam vidio prije. Ali ja zapravo žele zadržati razmak tamo, jer želim ispisati prazan prostor u oceanu. 

Ivanković: Pa onda možete postaviti sliku tog indeksa, ocean_array index dot slika. 

JASON Hirschhorna: OK, ocean_array, index. 

PUBLIKA: Dot slika. 

JASON Hirschhorna: Dot slika. 

Publika: A što ste ga postavili na nulu? 

JASON Hirschhorna: Jednako null. OK. Dakle, ništa tamo, pa onda kako mogu staviti u bazen? Konstantin je, kako ja radim stavite ga u bazen? Mi imamo ovu varijablu smo nazvali, zove bazen, ovdje. 

PUBLIKA: Nemojte mi samo napraviti dosegne ocean_array index? 

Ivanković: Ne bi li prebaciti nalog? 

JASON Hirschhorna: Jedna sek. Da? 

Publika: Da, to je bilo zapravo dobra stvar. 

JASON Hirschhorna: Što se događa ovdje? 

PUBLIKA: Je li index? 

JASON Hirschhorna: Index, točno. A što ste vi rekli, Konstantina, je nešto što smo trebali učiniti? 

Ivanković: Trebali bi možda prebaciti nalog. 

JASON Hirschhorna: A zašto bi zamijenimo redoslijed, možda? 

PUBLIKA: zato što je to ukazuju da je već null. 

JASON Hirschhorna: Pa to nije sve null, ali smo izgubili URL slike. Jesmo li ga zauvijek izgubljen? 

PUBLIKA: tehnički nema? 

JASON Hirschhorna: Jeste ćemo ga zauvijek izgubljen? 

Ivanković: Ne. 

JASON Hirschhorna: Pa, gdje je? 

Ivanković: U svom izvornom dupina - 

JASON Hirschhorna: To je u dupina, ali u ocean_array mi smo ga izgubili zauvijek. Tako je Konstantin, možete predložiti bolji način napisati ovaj redak? Zapravo, ispričavam se, to je spašen u bazenu. Mi ih imamo u bazenu, jer Bazen je objekt, zar ne? Ocean_array indeks, ocean_array je niz objekata. 

Dakle, bazen je objekt, a mi smo URL tamo, i dolje ovdje je postavljen na nulu. Pa zapravo, nemamo ga zauvijek izgubljen. To je upravo sprema u bazen. No, to sigurno nije u ocean_array, i kao što si rekao, Carlos, što je u Dupini polje. 

Dakle, ovo izgleda slatko. I onda, kako ćemo privući ocean i bazen? Mario? 

PUBLIKA: Vi samo možete nazvati draw_pool i draw_ocean? Dakle, kao što je, draw_pool, a onda - Pa, da, to ne poduzeti ništa. 

JASON Hirschhorna: Velika. Što draw_pool će učiniti? 

PUBLIKA: Nacrtajte bazen? 

JASON Hirschhorna: Da, dobro, Što će učiniti? 

Ivanković: Žao mi je. Ti bi mogao učiniti isto stvar, kao što su - 

JASON Hirschhorna: Čekaj, ćemo do njih doći. Ništa. To ne čini ništa u ovom trenutku. Da vidimo je li se to radi, ipak. Tko nam je dao taj kod? Akshar i Konstantin Dao nam taj kod? U redu, da vidimo što se događa. 

Ah! To je tako uzbudljivo. Otišlo je. O, čovječe. To je lijepo od ružnog. Pa, možemo se vratiti i popraviti da kasnije. Pitam se gdje je to? Spasili smo ga u toj varijabli bazen. Kako ja mogu shvatiti, ako je to u toj varijabli bazen? Pa, opet, moć JavaScript, i posebno alati koji Chrome vam daje, je li sad mogu pregledati tu varijablu bazen. To je globalno, sjećaš se? Nismo stavili var ključnu riječ. Dakle, ako sam tip Unesite upravo ovdje, Konstantin, što ti misliš da sam ja će doći kad sam udario Unesite? 

Ivanković: Ne znam. 

JASON Hirschhorna: Pogodite. 

PUBLIKA: Ništa? 

JASON Hirschhorna: Ništa, u redu. To je bio dobar pogodak, ipak. Dobio sam objekt. Sjeti se što mi je dao da je linija koda. Bazen, spasio si u tome varijabla objekta. I doista, vidimo objekt ste spremili u njega. To je super. Možemo pregledati ovdje. To je gotovo kao u stvarnom vremenu GDB da možemo gledati kroz naše koda i shvatiti stvari van. To je super cool i super moćan. 

U redu, idemo završiti ovo gore. Idemo izvući iz bazena u pet minuta. Maru, daj mi liniju Kod izvući iz bazena. 

Ivanković: Mogli biste imati još jedan promjenjiva HTML, ali / za. 

JASON Hirschhorna: Učinimo je vrlo jednostavan za sada. Recimo samo ispisati ime dupin smo trening. 

Ivanković: I onda možete napraviti dolar potpisati, otvorene zagrade, a potom otvoreni citat. Valjda funta bazen, ako to je stvar. Ne sjećam se. 

JASON Hirschhorna: Pogledajmo natrag. Mislim da je to stvar. 

Ivanković: U redu, da. A onda je u neposrednoj blizini citat, bliski zagrade . Html, otvorene zagrade, a onda valjda bazen, kao i otvorenim zagrada 0 ili nešto slično. Zatvori ime dot. Ja ne znam da li se to radi. 

Ivanković: U redu, da vidimo što se događa. "Ne mogu pročitati ime vlasništvu od nedefinirano. "Pa opet, evo što idemo provjeriti. Mi ćemo istražiti to. Učinili ste otvoreni bazen, bracket0,. Naziv. Opet, ja to cijelo vrijeme, a ja sam zbunjena što se događa, što se Ovo upozorenje znači. Pogledajmo bazen. Pogledajmo bazen zagrada 0, nedefinirano. Dakle, to je mjesto gdje smo trčanje u naš problem, zar ne? Bazen bracket 0 ne, Očito, postoje. Što ti misliš ne postoji? 

PUBLIKA: Je bazen samo Predmet sam po sebi? 

JASON Hirschhorna: Pa, ono što piše ovdje? Kada smo pogodak Ulaziti na bazenu, što to govori da je to? 

PUBLIKA: Objekt. 

JASON Hirschhorna: To je objekt, tako? 

Publika: Oh, da. Dakle, samo pool.name umjesto - 

JASON Hirschhorna: Pool.name daje upravo ono što ste željeli. I shvatio sam da ću kroz ovo polako i belaboring ovu točku, ali to je točno kako sam to učiniti stvari. Ti ćeš upasti u tih bugova tijekom svog konačnog projekta, pa se nadam ovo je osnaživanje vas biti u mogućnosti koristiti sve te alate. To su ključna i volje dobili ste super naj daleko. 

Dakle, ja ne želim da se samo ispisati ime. Učinimo to malo malo ljepše od toga. 

PUBLIKA: Što još ne želimo učiniti? 

JASON Hirschhorna: U redu, u redu. Mi ćemo učiniti upravo to. Uh. Dečki, nemate života. 

OK, bum, dobio ga. Izgleda dobro. Vidjet ćete, Akshar, ovdje dolje, smo null, nije pronađena. Tako to izgleda kao da još uvijek pokušava nađi neku sliku, a to nije učinio upravo ono što smo htjeli napraviti. Nećemo ulaziti u to sada, ali tu je vjerojatno čišći način to. 

PUBLIKA: Možete li ostaviti ovako prazan prostor za sliku? Kao i umjesto da je postavljanje na nulu, mogli ste postavili to željeli prazna string ili nešto? 

JASON Hirschhorna: Kao što je ovaj? 

Publika: Da. 

JASON Hirschhorna: [nerazumljivo]. Nije pronađen. Tako postoji bolji način od događaj. Ja bih predložio to. Samo postavljanje null postoji. Tada, naravno, ono što je će se dogoditi? To će nestati u potpunosti. Dakle, ako smo htjeli zadržati prostor i učiniti da, vjerojatno želite učiniti nešto se i ovdje. Ja ću dobiti koju je započeo. Akshar, daj mi tu liniju koda stvarno brzo. 

Ivanković: Ako ocean_array, dupina, jednaka, jednaka, jednaka - jednako null? Da. 

JASON Hirschhorna: I što onda? 

PUBLIKA: Onda to html. Vi samo kopirati donji kôd, stvarno. 

JASON Hirschhorna: Kopiranje što? 

PUBLIKA: Možete kopirati - 

JASON Hirschhorna: Ovaj? 

Publika: Da. 

JASON Hirschhorna: Sve? Nemamo sliku. 

Ivanković: I ti misliš Možete ostaviti - Da, možete jednostavno zatvoriti. Ali mislim da morate postaviti širinu. 

JASON Hirschhorna: Pa, samo stvorite praznu kolonu. OK. A onda je u tom slučaju, vjerojatno ćemo želim to učiniti kao dobro. 

Ups. Oh. Nije upalilo, ali nismo uzimajući tu pogrešku. Idemo vidjeti što se dogodilo ovdje. 

Dakle, tu nema ništa, pa što ste rekli bismo trebali dodati? 

PUBLIKA: Trebamo postaviti Širina reda. 

JASON Hirschhorna: Za što? 

Ivanković: Mislim da je 150. 

Publika: Da, to je bio 150. 

JASON Hirschhorna: Mi ćemo staviti ovo ovdje da moj broj dosljedni. Ali ovo nije jedan. U redu, dobro. Objavljeno. OK? Dakle, to je još uvijek ide dalje. 

Publika: Oh, nazvati širinu? 

JASON Hirschhorna: Izgleda kao i širina je 150. Idemo vidjeti. Sada ćemo napraviti konačni, super, moćna stvar da sam će vam pokazati. Nećemo završiti ovaj kod, ali online prije nego što smo zatvorili, sve to Kod će biti točna. Ja ću vam e-mail ispravljenu verziju uz neke svoje styling nakon poglavlje, a to će biti objavljena na internetu. Ohrabrujem vas da nastavite istraživati ​​ovo i koristiti kao referencu, ali ja Želim ti pokazati konačni alat za to klase, te da je ovdje na desna ruka. I mi pogledao ovaj prošli tjedan, ali sada nadam se da je malo više upoznati vama i udobna. 

Ti dinamički mogu igrati s CSS stranice. Mi smo zapravo već nas vidjeli dinamički igrati s HTML. Zapamti da smo postupili ispravno kliknite Uredi kao HTML? Upravo ovdje? Tako smo dinamički sam igrao s HTML-u. 

U konzoli, dinamički mogu igrati s JavaScript stranice. Na primjer, to je valjana JavaScript linija. Boom, dobio sam upravo ono što sam želio. Tako smo dinamički se igraju s HTML, dinamički se igraju s JavaScript. Sada idemo u dinamički igrati sa CSS. 

A sve to je zato što je kao instant, živimo GDB povratne informacije, i tako si može znati nešto je pravo prije nego što ići svoj kod, i možete nije valjda ono nešto što je kako će izgledati. Dakle, ovo je super naj cool. 

I neka je napokon pogledati dinamički igrati sa CSS. To je ovdje na desnoj strani strana ruku, element.style. Idemo na to. Evo našeg elementa. Dajmo mu neki dodatni CSS. 

Ili mi je, možemo mu dati neke dodatne CSS, ali vjerojatno ćemo se, u ovom slučaju, želite mijenjati taj atribut. Dakle, idemo ovdje na ovoj liniji. Oh, ne mogu to učiniti ovdje. Oprostite. Uredite AS - , tako da je, kako se moglo urediti CSS. Mi se ne ide na uređivanje CSS ovo Drugi, ali mi ne želimo urediti HTML i dati mu dodatni atribut. Što ste predložiti promjenu to? Mislio sam Avie imao prijedlog. 

PUBLIKA: Col širina? 

JASON Hirschhorna: To je izgledalo kao to nije ništa bilo. Pokušajmo CSS. 

PUBLIKA: [nečujno] klase? 

JASON Hirschhorna: To govori to ne radi. To daje taj žuti stvar. 

PUBLIKA: Ali [nečujan]. 

PUBLIKA: Jeste li postavljanje širinu od slike do 150, kada ste to učinili? Kao ne bi li samo koristiti širinu? 

JASON Hirschhorna: Da. 

PUBLIKA: Ali nemamo slika više. 

JASON Hirschhorna: Ne. Nemamo ništa tamo. Pa nećemo riješiti specifičan problem. Mi ćemo se vratiti u Akshar-a rješenje, jer želim postaviti dupina besplatno za sada, ili da je posljednja Ono što želim završiti. Tako ćemo ostaviti ovo ovdje a priznaje da nije sasvim točna, i idemo da se vratim na njega. 

Oprostite. Rekao sam što možemo dinamički mijenjati CSS. Pogledajmo to i učiniti da jako brzo. Dakle, ako sam pregledati ovaj element ovdje dolje, i reći ja želim da bude plavo, možete doći ovamo, u boji, jer Znam da mijenja boju nešto, a vidjeli smo kako je je promijenio plava. Tako da sam ja dinamički promjenom CSS. Zar ga promijeniti za dobro, ali onda Ja mogu ići natrag u mojoj CSS datoteke i promijeniti boju nekog objekta. 

OK. To je bilo dosta. Nismo završili svoj nevjerojatan program. Dopustite mi da vam pokazati što vrlo brzo, i onda ćemo glavu. Oh, gdje je? Ne! Držite se. 

OK, kako ste pakirati, nevjerojatna pregled, ili naprijed vidjeli, od sljedećeg puta. To je Dolphin trener 2013 i to ne radi. Velika. 

[Smijeh] 

JASON Hirschhorna: Oh! Boom! Što to znači? 

PUBLIKA: Nisi chmod. 

JASON Hirschhorna: Nisam ga chmod. 

PUBLIKA: Redak jedan. 

JASON Hirschhorna: Oh, pogledaj ovo. OK. Dakle, imam šest dupina. Što se događa? Idemo vidjeti. Ako sam trenirati jedan, sada trening Lili. Oh, želim te osloboditi, Lili. Postoji li ići, natrag u ocean. 

Dakle, to je bilo ovaj tjedan. Ako imate bilo kakvih pitanja, ćemo biti vani. I opet, ja ću ti poslati Ostatak ovog koda. Hvala vam, momci.