Jason Hirschhorn: Sveicināti, ikviens, nedēļai deviņi. Mums ir aizraujoša nedēļas pirms mums jo mums ir mūsu gala problēmu kopumu. Mums ir arī pavisam jaunu valodu, JavaScript, ka jums jau ir vidū, izmantojot ne tikai par to problēmu kopums, bet daudzi no jums būs iespējams izmantot to, lai gala projektiem, jo ​​īpaši tīmekļa gala projektus. Tātad tas, ko mēs iet pār šodien pēc Īsi runājot par resursiem, kuru mēs katru nedēļu. Mēs lēkt JavaScript, un pēc tam mēs pavadīt visas sadaļas ar praktisku darbību kodēšana delfīnu treneris 2K13, kas ir, piemēram, Madden 2013 bet delfīniem un JavaScript. [Smiekli] Jason Hirschhorn: Tā kā vienmēr, saraksts resursu, lai jūs varētu pārbaudīt out. Šie resursi ir īpaši svarīgi tāpēc, ka nākamnedēļ uz Trešdiena ir viktorīna viens, jūsu otrā un galīgais viktorīna šajā kursā. Tāpat kā viktorīnu nulles, tas ir 75 minūtes un sāk nedaudz pēc 01:00. Tas aptver visu, jo nulle dienas Šī kursa, bet tas, protams, uzsver visu, kas ir noticis kopš viktorīnas vienu. Bet, protams, mēs uz cilpas , kas sākumā. Uz cilpas, iespējams, vēl būs būt daļa no šīs viktorīnu, tāpēc tas nav kā jūs varat ignorēt visu, kas notika pirms nedēļas pieciem vai viktorīnu nulles jo šis kurss balstās par sevi daudz. Bet, protams, īpaša uzmanība tiks pievērsta Lietas, ko mēs esam iemācījušies kopš nedēļas seši. Tas ietver PHP, Javascript, SQL būt pārliecināti, un arī vairāk uzlabotas datu struktūras mēs runājām par C Vesela virkne citu tēmu, bet mēs apspriedīs, ka nākamajā nedēļā kā mēs pārskatām uz viktorīnas. Un arī, kā vienmēr, ja jums ir kāda jautājumi par viktorīnas, kā tu esi Sagatavojot, justies brīvi sūtīt viņiem savu ceļu. Tieši tagad, vai kāds ir kāda ātri jautājumi par viktorīnu? OK. Nav jāuztraucas par to, vai ķēms informāciju par tieši tagad, bet paturēt to atpakaļ jūsu prātā, jo tas ir notiek nedēļu un dienu no tagad. Visbeidzot, es zinu, ka mēs esam darbojas pret semestra noslēgumā - ir tikai divi posmi paliek pēc šo - bet es esmu joprojām satraukti un vēlas par jūsu atsauksmēm Ja jums ir kādi. Es gribu, lai tiem Labākās divas sekcijas jebkad. Tie, iespējams, būs, jo katra sadaļa ir pārsteidzošs, un labākais jebkad. Es nezinu, kā tas ir iespējams, bet tie visi esam bijuši fantastiski, es domāju. Atsauksmes es esmu gotten ir piekabināmas off nekas un neviens, jo par pēdējo pāris nedēļu laikā, tāpēc, lūdzu, sniegt man dažas atsauksmes, ja esat to. Tas aizņem trīs minūtes. Jūs varat man pateikt, labas lietas jums gribi, lai saglabātu darot vai lietas, es varētu strādāt. Es cenšos būt labākais skolotājs iespējams, vai es cenšos darīt vislabāk Es varu, bet es nevaru darīt, ja man nav zināt, kā jūs guys darāt. Un tas ir grūti pateikt, kāpēc jūs, kas gulēja klasē, tāpēc ļaujiet man zināt, kad, kāpēc tas tika darīts. Es parādīju jums šo attēlu pagājušajā nedēļā. Tas ir Bruņurupuči Nindzjas velosipēds man bija, kad es biju jaunāks, un mēs turpinām virzīt jūs guys bez apmācības riteņiem, kā mēs iegremdēt Jūs citā valodā. Bet esiet droši, JavaScript, piemēram, PHP, ir ļoti līdzīgs, lai lietas, ko esat darīts iepriekš. Loģiku partijas nodod vairāk, ja ne sintakse, tieši viens-for-one. Bet atkal, visas šīs valodas, kas mēs esam pārgājuši pēdējo pāris nedēļas, lai gan tie, šķiet milzīgs, ir neticami spēcīgs un ļaus jums darīt daudz jūsu gala projektu un, iespējams, citas tīmekļa vietnes, kas jums kods nākotnē. Tātad bez papildu ADO, mēs ejam sākt iegremdēšanās JavaScript. Mēs runāsim par to īsi un tad patiešām nokļūt hands-on kodēšanas daļu šajā sadaļā. Tāpēc JavaScript ir klienta puses skriptu valoda, kas nozīmē, ka savādāka nekā PHP, un tas ir atšķirīgs nekā C. JavaScript nav, apkopo un tas nav izpilda serverī. Drīzāk, jūs slodze to. Kad slodze JavaScript lapu, kad jūs slodze mājas lapa, un tad izpilda uz jūsu datora. Kas nozīmē, ka jūs varat redzēt visu JavaScript kods, kas bija nosūtīts uz datoru. Dažreiz tas ir saīsināts vai kodēti A bit, šifrētu mazliet, lai jūs nevar pateikt tieši to, kas notiek. Piemēram, ja jūs izbraukšana CS50 vai darbinieki risinājums šīs nedēļas problēma noteikti, un jums iet uz service.js, Jūs pamanīsiet, jūs nevarat patiešām pateikt ko darīt, no tā, ko mēs deva jums. Mēs šifrēti tā mazliet, lai padarītu ka mazliet grūtāk. Tomēr, jūs varat redzēt precīzu JavaScript failu, ka mēs esam izpildes un mūsu programma darbojas. Tātad tas, ko nozīmē būt klienta puses skriptu valoda. Līdzīga C un PHP, lai gan, JavaScript jau cilpas, ja / cits nosacījumiem, bet cilpas. Līdzīgi PHP, tas ir foreach cilpa, kā arī. Un atkal, ļoti līdzīgs sintakses, ka mēs esam redzējuši valodas, ka mēs jau esam strādāja ar. Visbeidzot, viens no stilīgākais daļām JavaScript, un kaut mēs būsim darot daudz šodien, un, iespējams, jūs darīt daudz ar savu P komplektu, ja jums nav pieredzējis to jau ir jums varat pārbaudīt visas kļūdas esat savu kodu, izmantojot JavaScript konsoli. Mēs paskatījās uz to mazliet pagājušajā nedēļā. Mēs paskatījās cita veida konsole pārbaudīt lapu, bet Hroms, atkal, jūs varat redzēt izkārtojumu, HTML, dokumentētu, ka jūsu lapa ir parāda jums uz ekrāna. Jūs varat arī redzēt visu JavaScript veido šo lapu, un jūs varat arī, piemēram, Es teicu, redzēt visas kļūdas Jo Javascript konsoli. Un mums ir pieredze, ka vairāk mazliet, kad mēs sākam kodēšanu. Viena lieta atzīmēt par JavaScript mainīgie. Piemēram, PHP mainīgie, viņi brīvi-drukāti, tāpēc jums nav nepieciešams dot viņiem konkrētu veidu. Runājot par darbības jomas, kas ir definēta ar "VAR" atslēgvārdu. Tātad, ja jums nav laisti atslēgvārdu priekšā par kaut ko, jūs vienkārši uzrakstīt vārdu mainīgā, tad uzdevums operators, šajā gadījumā vienādības zīme. Es esmu aizmirstot semikolu turpat, bet pieņemu, tur semikolu turpat. Tad jūs veidojat globālo mainīgo. Ja jūs likts "VAR" atslēgvārdu, tad jūs dodot tā kādu vietējo tipu jomu, vai tas ir, lai funkciju vai cilpas. Tāpēc, ka ir viena lieta, atzīmēt uz mainīgajiem. JavaScript ir valoda. jQuery ir bibliotēka veidota uz augšu JavaScript valoda, un jums ir redzējis to pirms lekciju. Es ļoti ieteiktu, ja jūs gatavojas , izmantojot JavaScript savā finālā projekts, kas jums ir jāzina jQuery. Tas padara visu, ko vēlaties darīt daudz, daudz vieglāk. Tas arī nāk ar brīnišķīgu dokumentācija un piemēri, lai palīdzētu iegūt Jums sākusies. Šodien mēs gribam būt izmantojot jQuery, kā arī. Tie, kas man ir uz šo slaidu, ir ļoti pamati jQuery. Augšpusē jūsu HTML failu vai neatkarīgi - jūsu index.php failu, jūsu index.html failu - jums ir nepieciešams, lai iekļaut šīs divas līnijas. Tie ir diezgan vispārīgas līnijas. Pirmā līnija ietver jQuery JavaScript failu, un otrā pozīcija ietver kur jūs esat rakstiski savu JavaScript kodu. Un, protams, jo jūsu JavaScript kods, jūs, iespējams, izmanto daži jQuery bibliotēkas funkcijas, kas nepieciešams, lai iet pēc jQuery iekļaušana skriptu. Mēs izpētīt šo atkal brīdi. Un, visbeidzot, JavaScript failu, Es aicinu šo vienu index.js. Tas varētu būt scripts.js. Neatkarīgi no tā, kāds JavaScript failu jūs esat, jūs sākat vispār ar šo rindiņu kodu, dolāra zīmi, atvērt paren, dokumentu, tuvu paren, periodu, gatavs, atveriet paren, funkcijas, atvērt paren, tuvu paren, un pēc tam cirtaini lencēm. Mest savu kodu iekšā tur, un pēc tam beigās to ar cirtaini lencēm, close paren, semikols. Tāpēc ņemt to kā dota. Ja jūs esat būs izmantojot jQuery, wrap visiem jūsu jQuery kodu iekšpusē šī līnija kodu. Un mēs redzam, ka atkal sekundē. Atkal mēs strādāsim ar jQuery, un, lūdzu, uzdot jautājumus, kā mēs ejam šodien, bet vai kāds ir jebkurš jautājumi par jQuery vai JavaScript tieši tagad? OK. Tātad bez papildu ADO, es klāt lai jums Dolphin treneris 2K13. Es esmu super satraukti par šo jaunāko versiju produktu. Ak, nē! Man bija tik satraukti. Es gatavojas parādīs to jums puiši, bet izskatās, ka mums nav īstenoti to vēl. Veidosim šo mazliet lielāks. Tātad, ja es slodze kodu Dolphin Treneris - dang to. Piedod, puiši. Es strādāju par šo pirms klasi. Es domāju, ka man ir tas pabeigts, bet es domāju, es vēl joprojām ir dažas darbs atstāts jādara. Bet par laimi, jūs puiši visi ir dažas JavaScript un jQuery praksi, lai iesim uz priekšu un pabeigt kopā. Es domāju, ka es nosūtīja jūs guys kopijas to, jo man bija super satraukti par to, lai jūs būtu tas pats kods, kas man ir. Pieņemsim galvu - Dang tā, puiši, es esmu sorry. Pieņemsim galvu terminālu, though. Tāpat kā ar savu pagātnes problēmu komplekti, ja jums ir mana - pieņemsim to nedaudz lielāks, Arī jums puiši - jūs pārņēma manu zip fails. Jūs, iespējams, unzipped tā. Iesim šeit. Un tad, cerams, jūs pārvietot to pašu direktoriju, kur saglabāt jūsu problēma noteikti astoņi kodu. Un mēs saglabātu šajā direktorijā, lai es varētu tai piekļūt - vai mēs visi varam piekļūt kods Chrome pārlūku uz mūsu datorā. Un atkal, lai saņemtu šo kodu, jūs vienkārši ierakstiet adresi atrodama apakšējā, labajā pusē jūsu ierīce, uz leju šeit. Jums atrast savu IP adresi. Rakstot, ka uz Chrome pārlūku datorā, un šajā gadījumā, jo mēs esam sadaļā deviņi mapi, mums ir arī pievienot slash deviņi sadaļu. Let me - Ups. Es esmu gatavojas, lai samazinātu šo tik man nav ir saglabāt noklikšķinot caur to. Tātad, tas ir, kā es izveidoju šo kodu. Esmu jau darīts, ka jau ir. Es neesmu gatavojas iet caur tiem pasākumus, jo tas ir tas, ko sākumā problēmas noteikt pastaigas Jūs ar to, kā to izdarīt. Tik iet uz priekšu, un jūs saņemsiet, lai noteikt šo līdz otrā, bet vispirms pieņemsim izpētītu šo kodu, kā grupa. Paskatīsimies, ko es darīju. Es centos, lai saņemtu lielāko daļu no tā izdarīt pirms klasē, bet es domāju, ka es bija nedaudz atpaliek. Tā ļauj atvērt index.html. OK. Un index.html ir ļoti vienkāršs lapa, jo man nebija vēlas iegūt pārāk traks. Es patiešām gribēju, lai pārliecinātos, ka tas strādāja, bet es domāju, es nesaņēma tik tālu. Šeit ir galvas, kas nāk pa labi iekšā šajos HTML tagus, un mēs pamanām pāris lietas, tiesības pie nūja. Mums ir CSS failu tiesības šeit un atbilstošu atrašanās vieta CSS failu. Mums ir jQuery bibliotēku tieši šeit, un jūs pamanīsiet kaut ko citu par to. Avots ir kaut kas ļoti, ļoti ilgi. ajax.googleapis.com/-- veida izskatās URL, taču tas nav, protams, izskatās js / jquery.js. Un tas ir tāpēc, ka es nolēmu, ka es nevēlos, lai lejupielādētu jQuery failu, un velciet to un saglabājiet tas manā bibliotēkā, un ir atbildīgs par to. Drīzāk, es esmu tikai gatavojas veikt JavaScript failu, ka Google saimniekiem. Tātad Google faktiski atrodas vairākas bibliotēkas, un jQuery, jo tas ir viens no no populārākajiem, tā saimniekiem ka viens, kā labi. Un tāpēc, ka tas ir hosting to, man nav jāuztraucas par to, un viņi atjaunināt, gan tad, kad viņi to atjaunina Es droši vien ir jāmaina šīs numurus šeit. Bet tas ir tikai, lai padarītu visu manu failu Sistēma nedaudz mazāk tīrs. Man nav tiešām patīk hosting visus šos failus. Tas ir daudz jaukāk, ja Google ir uzņemt viņus par mani. Tāpēc tas atkal kļūst visu JavaScript failu, bet tas ir tikai to Google izmitināts, nevis par manu failu sistēma manā datorā. Mēs arī redzam, ka man ir vēl divas faili dolphins.js un trainer.js. Mēs apskatīt tos sekundē. Un, visbeidzot, šī sadaļa tieši šeit. Kas var man pateikt, ko tas kods iekšā šie virsrakstu tagus, kur kas iet manā lapā? Mērķauditorija: Tāpat kā šī lieta, ka rīkjoslā vai kāds? Jason Hirschhorn: Jā, tab maz uz augšu Chrome loga. Tas ir, ja šis teksts iet. Iekšpusē ķermeņa, kā jūs varat Redzi, nav daudz stuff šeit. Man ir tikai trīs divs. Es dodu viņiem kādu ID, un Man mazliet tekstu iekšā Bet es domāju, ka tāpēc mums nav redzēt kaut ko vairāk nekā šeit. Patiesībā, mēs redzam delfīnu treneris 2K13. Mēs redzam TODO. Es nezinu, kur tas nāk no jo es neredzu, ka šeit. Tāpēc varbūt tas ir viens no mans JavaScript failus. Mēs pārbaudīsim, ka no sekundē. Vai kāds cits man pateikt, ko tas ID ir tieši šeit? Mērķauditorija: Tas ir veids, zvanot īpaša sadaļa ar [dzirdams] failu? Jason Hirschhorn: Jā. Tas ir tikai veids, kā atsauces šo konkrēto div. ID ir ideāli unikāls. OK? Grūts pūļa. Tātad, ID parasti ir unikāls. Jums dot viņiem vienu konkrētu elements jūsu kodu. Ko darīt, ja es gribēju, lai atsauces numuru elementu, vai tas ir CSS stils vai jQuery? Kas atribūtu es varu dot viņiem? Mērķauditorija: klase. Jason Hirschhorn: klases, tieši tā. Tiesības. Labi, tāpēc index.html, atkal, nav daudz notiek šeit. Tā ļauj atvērt citu failu. Let 's redzēt, kas man ir. Tas ir viss, kas man ir šeit. Iesim uz JS mapē. Es neesmu gatavojas jāuztraucas par CSS tagad. Pieņemsim atvērt dolphins.js. Hmm. Vai drīzāk - OK. Tātad, dolphins.js, tas tiešām izskatās diezgan līdzīgs daži kodu jums tika dots problēmas noteikti astoņi. Jūs varat ritināt caur to. Var kāds man pateikt, lai gan, kas ir DOLPHINS? Tas viss cepures DOLPHINS? Kas tas ir? Kāda veida dati ir tas, ka? Mērķauditorija: Array. Jason Hirschhorn: Tas ir masīvs. Un mēs zinām, tas ir masīvs, jo es redzēt šīs kvadrātiekavas šeit. Un kāds cits, kas ir tā masīvs? Mērķauditorija: Objekti? Jason Hirschhorn: Ir masīvs objektiem. Un jūs varat redzēt, ka. Un kā jūs zināt, tas ir masīvs objektu? Mērķauditorija: Tāpēc, ka jums ir šī kolu boot starp cirtaini bikšturi? Jason Hirschhorn: Right. Tāpēc man ir šie cirtaini bikšturi tieši šeit, un tad jūs varat redzēt komatu atdalot atšķiras objekti šajā masīvā. Un tad no katra objekta, man ir kaut resnās un kaut kas cits. Un ko parasti šī pirmā daļa, lieta, pa kreisi no resnās zarnas? Kas ir tas sauc? Vispārīgi? Kā mēs atsaucamies uz to? Mērķauditorija: indekss? Jason Hirschhorn: Index, vai, iespējams, vispārīgāk, galvenais. Un pēc tam labajā pusē side vērtība. Tātad indekss, atslēgu. Bet, ja mēs runājam par tiem, mēs parasti nozīmē lieta, par kreisajā pusē. Ar vienkāršu masīvs, atkal, mums bija indeksiem 0. 1. 2. 3. 4. Un delfīniem, mums būs delfīnu 0, delfīni 1, delfīni 2, delfīnu 3, delfīni 4. Mums ir arī iekšpusē šo objektu, mēs kas parasti nav atsauces lietas. Vai arī, ja mēs vienkārši ir šis objekts tiesības šeit mēs nebrauksim teikt objektu 0, objektu 1, objektu 2. Mēs ejam, lai teikt objekta nosaukumu, vai objekta tips, objekta garums, un tā tālāk. Un tas, kā mēs iegūtu vērtību labajā pusē. Tātad, ja mēs teikt objekta nosaukums, piemēram, mēs varētu saņemt šo virkni, "Grace". Tātad, kā jūs puiši man teica, delfīni ir vienkārši masīvs objektiem. Un jūs redzat visus objektus ir nosaukums, tipa, ģints. Vai tas izrunā pareizi? Kāds? Ģints? Lieliski. Garumu, svaru. Vai tas izrunā pareizi? Es domāju, ka jā. Un attēlu, tikai URL uz kādu failu tiešsaistē. Un tieši šeit, mēs cieši masīvs, tur pa labi uz leju ļoti kreisajā rokā pusē manu ekrānu. Tā ka viss dolphins.js ir. Ak, mans Dievs. Tas izskaidro to. Es domāju, ka man gatavo viss, bet izskatās. Ir visi šie todos. OK, cerams, mēs varam darīt tos kopā. Bet pieņemsim vispirms, pirms mēs ka tikai staigāt pa šis kods ir ļoti ātri. Tā kā jau minēju, mēs redzam ļoti sākot šo līniju, kas man bija ar slaidi, (dokuments). gatavs (funkcija (). Un būtībā to, kas notiek, lai Vai ir jāgaida, līdz viss jūsu lapas ir piekrauts, tāpēc pagaidiet, kamēr tas viss masīvs, viss ir labi iet, un tad sākt izpildes šis kods. Tātad, ja jums ir nepieciešams, lai palaistu kādu PHP, ja Jums nepieciešams, lai iegūtu dažus attēlus, neatkarīgi no tā, viss kods ir komplektu un gatavi iet jūsu indekss lapā vai kāds lapa ir ielādēta, un tagad jūs gatavojas sākt izpildīt savu kodu. Tātad pirmā lieta, ko mēs darām, ir mēs izveidojām šo masīvu. Un man nav VAR atslēgvārds tur, lai to, kas ir apjoms šajā masīvā? Mērķauditorija: Tā ir globāla. Jason Hirschhorn: Tā ir globāla, tāpēc ocean_array var piekļūt no visā šajā lietā. Un tad mēs redzam uz cilpas. Tas nav teikt, foreach, bet tas būtībā foreach cilpa. Un tas ir tikai JavaScript versija, tāpēc katram VAR delfīnu ar delfīniem, kādi datu tips? Kaut gan, atkal, JavaScript nav ir šie datu tipi par sevi, ko datu tips ir delfīns? Mērķauditorija: objekts. Jason Hirschhorn: Tas ir objekts. Mēs esam nonākuši katru objektu ar delfīniem masīvā. Tātad šeit, izskatās, ka es aizmirsu visus šos delfīnus no mūsu milzu DOLPHINS domā par ocean_array, lai mēs būtu droši darīt ka pirmais. Un tad, kaut ko sauc šis baseins mainīgs. Es esmu nosakot to null. Un tad es aicinu šo funkciju draw_ocean. Es vilcienu delfīns, ja tā attēls ir noklikšķinājuši - Es neesmu darījis - un noteikt delfīnu bez maksas, ja poga ir uzklikšķināt. Tātad šie ir lietas, kas man jādara. Es domāju, man vajadzētu dot jums dažus fona par to, ko es centos darīt. Tātad, ja mēs ejam šeit, ko es tiešām gribēju tas izskatās bija masīvs augšu šeit, nevis tā sakot "TODO" Es gribēja tabulu, būtībā, ar bildes visu delfīniem. Un tad, kad jūs noklikšķiniet uz viena attēla, Es gribēju, lai to uz leju apakšējā puse no ekrāna, un sniedz jums visu informāciju par to, kā kas būtu delfīnu baseinā, delfīnu jūs apmācību. Tāpēc es domāju, ka būtu ļoti forši. Jums ir visas šīs delfīnu okeānā šeit, tad noklikšķiniet uz vienas, un gribētu iet uz baseinu, un tad jūs varētu apmācīt to. Tātad tas ir tas, ko es centos darīt. Un tad tur būsi poga uz leju šeit baseinā, un jūs varat noklikšķināt, piemēram, "Set Free", un jūs varat iestatīt delfīns bez maksas, un tas iet atpakaļ okeānā. Tātad tas ir tas, ko es centos izveidot, bet atkal, es esmu gatavojas nepieciešama jūsu palīdzība lai radītu to. Tāpēc cerams, daži no šiem atslēgvārdiem vai daži no šiem nosacījumiem sāks izprast tagad kontekstā Šīs programmas. Pieņemsim glabāt meklējat caur šo failu. Mēs saucam šo funkciju draw_ocean. Tas ir viens un tikai funkcija mēs saucam no document.ready sadaļā. Tāpēc mēs to saucam draw_ocean funkciju, un izskatās, ka tas rada virkni, mainīgais, šeit. Put ir kaut virknē, piebilst vairāk stuff virknes, piebilst vairāk sīkumi virknes, un tad šī līnija kodu. Es saku, ka izdrukā HTML virkni. Un kāds paskaidrot man, kas šī līnija kodu dara? Nu, pirmkārt, to, ko dara ka dolāra zīmi nozīmē? Tas nav PHP mainīgo, bet ko tas, ka dolāra zīmi nozīmē? Mērķauditorija: sasaiste ar HTML ID - tas ir tāpat kā tas ir saistīts ar HTML kodu? Jason Hirschhorn: Kas par ka dolāra zīmi? Ko tas dolāra zīmi norāda? Mērķauditorija: sasaiste ar HTML kaut kā? Jason Hirschhorn: Kur mēs esam redzējuši Tas dolāra zīmi pirms JavaScript? Mēs redzējām to lekciju. Mēs runājām par to. Kāda dolāra zīme nozīmē? Mērķauditorija: Kaut kas ar jQuery? Jason Hirschhorn: Tieši labi. Tas ir kaut ko darīt ar jQuery. Tas dolāra zīme nozīmē, ka es esmu, izmantojot jQuery bibliotēkas funkciju šeit. Tieši labi. Tāpēc mēs rakstām dolāra zīmi, un pēc tam mēs esam šo atvērto paren un slēgtas paren, un iekšā tur, kas notiek iekšā tur, ja jūs izmantojat jQuery bibliotēku funkciju, vai arī jūs esat izmantojot jQuery bibliotēku? Atkal, ka redzējāt šo lekciju. Var kāds iedodiet man - un jūs arī redzēt kaut ko šeit. Kas notiek iekšpusē tur? Jeff, man minējums. Ko tas izskatās, # okeānu? Kur mēs esam redzējuši, ka pirms? Mērķauditorija: Vai tas bibliotēka vai kaut ko? Man nav ne jausmas. Jason Hirschhorn: Nu, pieņemsim man atvērt indeksa dot - Nē, nepareizā vietā. Tā mēs redzam, mums ir kaut kas sauc okeāna šeit. Kur mēs esam redzējuši # okeāna hashtag okeāns, sintakse pirms? Yeah? Mērķauditorija: CSS? Jason Hirschhorn: CSS. Tāpēc mēs vēlējāmies, lai stils kaut ko, atcerieties, ka mēs varētu nodot hashtag CSS selektora vai hashtag ocean, piemēram, un visu formatējumu ka mēs vēlējāmies dot lieta ar ID okeānu mēs ieliekam iekšā tur. Tātad iekšā šeit tas nav CSS selektors iet šeit. jQuery definē savu no šķirotāja veidu. Bet tā ir pati ideja, un faktiski daudzi no tiem pārklājas ar CSS. Tā iekšpusē šiem atklātajiem iekavās, jūs likts selektoru, un neatkarīgi selektora attiecas uz, ka tas, ko jūs esat būs izmantojot. Tātad šajā gadījumā, es esmu Izvēloties ID okeānu. Ja man bija klasi - pieņemsim, ka man ir klasi lietas sauc par "bildes", un es dodu, ka, lai elementu daudz, cik es varu atsauce klases lietas sauc par "bildes?" Mērķauditorija: Es domāju, ka tas bija dot. Jason Hirschhorn: Ar punktu. Tātad, ja tā vietā man dot attēlus šeit, kas dotu man klasi lietas, ko sauc par "attēlus." Protams, tas ir super spēcīga, un Jūs varat atsauce daudz lietas. Patiesībā, es varētu atsauce būtībā jebkurš tag HTML. Tātad, ja es gribēju to darīt, td, tas ir tag, ka mēs esam redzējuši iepriekš, kad veidojot tabulu. Jūs, iespējams, iepazinies ar ka no P noteikti septiņi. Šajā gadījumā, tas ir faktiski notiek , lai atlasītu tos visus. Tas ir gatavojas sniegt man masīvs Visu TD tagus. Bet tas var iegūt mazliet milzīgs, tāpēc fro tagad mēs esam gatavojas pieturēties tikai atsauces ID. Tātad, ko tas dara, atkal ir , kas izpaužas, šajā gadījumā - žēl. Iet šeit, lai index.html. Tas ir okeāns, bet okeāns ID atsauces div, tāpēc šo daļu no šīs līnija koda saņem šo div. Un tad šis punkts nozīmē, ka es esmu aicinot funkciju, un nosaukums, kas funkcija ir HTML. Un tas ir īss, ja jūs guys redzēju pirms dolāra zīmi, dokumentu, dot saņemt elementu pēc ID, dot iekšējo HTML. Tas ir tikai jQuery versija. Tāpēc HTML funkcija tikko izpaužas iekšējo HTML. Minētā elementa. Tātad vēlreiz, ja mēs atskatāmies šeit, mēs redzēt tur nav iekšējās HTML. Un tāpēc, ja man bija, es būtu mēģināt iegūt HTML. Kad es tipa šo, es esmu nosakot HTML. Tāpēc es esmu iet šo funkciju virkni, string, ka es esmu izveidojis šeit, un sakot, nodot, ka iekšpusē okeāna div. Yeah? Mērķauditorija: Kad jūs saņemsiet HTML, jūs tikai iegūt kopiju, ja tā, vai ne? Jūs neesat izņemšanas. Jason Hirschhorn: Right. Ja es did this, un gribēja lai saglabātu to VAR - Ups. Kas varētu iegūt visu informāciju, kas bija tur, un saglabājiet to citā mainīgais, veikt kopiju. Mērķauditorija: OK. Got to. Jason Hirschhorn: Tāpēc mēs izveidojām dažus HTML, izņemot to, ka virknē. Mēs ietaupīt dažas vairāk. Šeit jūs redzēsiet, ka ToDo virkni. Tātad tas ir iespējams, ja mēs esam panākt, ka TODO no brīža, kad mēs ejam uz mūsu lapu. Un, patiesībā, ja es labo klikšķi uz TODO, pārbaudīt Element, mēs runājām pagājušajā nedēļā. Tas ir, kā mēs varētu redzēt HTML struktūra mūsu lapā. Jūs pamanīsiet, ka šeit lejā - pieņemsim padara šo mazliet lielāks, arī - mums ir mūsu div ID okeānu tieši šeit. Visi redz, ka rindiņu kodu? Un tas ir tas, ko mēs VEIDI in index.html. Iekšpusē tā, mēs tagad redzam tabula rindiņu kodu. Un ko tas tabula līnija kods ir, tas ir kods, mēs tikko ievietota šis elements. Un tā mēs skatāmies iekšpusē tā, mēs nekad drukāti colgroup un tbody. , Kas tika pievienots mums, jo mēs veicām dažas fancy stuff. Bet jūs ievērosiet, ka ir tr, tur td ar TODO. Tā izskatās, atkal, kods, kas mēs rakstījām šeit. Tas ir tieši tas, ko šis līnija darīja. Tas ir lietojis mūsu HTML virknes un liekot to iekšā šajā div tieši šeit. Tas sākotnēji ir nekas. Šī lapa tiek ielādēta. Dolāra zīmi, document.ready. Tas sākas izpildes. Mēs saucam draw_ocean funkciju, un iekšpusē draw_ocean funkciju mēs ņemtu Tas HTML un nodot to iekšā, ka div. Mēs tikai gāja cauri daudz labi tur. Vai kāds ir kādi jautājumi par to? Vai to, kā tas darbojas, vai jQuery? Jo, ja jūs saprotat, ka, tad jQuery ir cerams jānāk samērā viegli. Yeah? Mērķauditorija: Kas jums bija iekšā iekavās zem izdrukas HTML virkni, kas ir nosaukums HTML mainīgais, kas jums ir paziņojuši agrāk? Jason Hirschhorn: Šīs tiesības šeit? Mērķauditorija: Jā Jason Hirschhorn: Jā. Mērķauditorija: Tātad, ja jums bija nosaucis, ka kaut kas cits, ka kaut kas cits bija tas, ko jūs liktu šeit. Jason Hirschhorn: Tieši labi. Un tas ir labs punkts. Tas ir nedaudz mulsinoši, jo Man ir HTML, html. Šis iekšā šeit ir nosaukums mana mainīgais, un šīs tiesības šeit ir nosaukums, jQuery funkciju. Mērķauditorija: Bet, lai par jQuery darboties uz darbu, jums ir arī tā daži HTML ieejas? Jason Hirschhorn: Tieši tā. Vai jums ir, lai dotu tai virkni. Tas radīs, ka virkne iekšā no div vai neatkarīgi. Tas ir tikai virkne. Tas nav zinu, tas ir HTML, bet acīmredzot formāts to ar nolūku, lai būtu derīgs HTML. Tas, ka atbildēt uz jautājumu? Mērķauditorija: Jā. Jason Hirschhorn: OK. Yeah? Mērķauditorija: Ko darīt, ja okeāns minēts uz pogas vai kaut ko? Kāda būtu. Html darīt? Tas var mainīties teksts pogas? Jason Hirschhorn: Tātad jautājums ir Ko darīt, ja tas atsaucās uz pogas? Tas mainīsies iekšējā HTML kaut ko. Tātad, ja tas ir atvērts tagu un ciešu tag, tas radīs kaut ko starp atvērt un aizvērt tag. Ja nav atvērt un aizvērt tag, tas nav kaut ko darīt. Mērķauditorija: Tas ir burtiski kopija un pastas veida lieta? Jason Hirschhorn: Jā. Tā kopijas un pastas kaut ko no kāds mainīgais es nodot to, string es nodot to iekšpusē tiem atvērt un aizvērt tagus. Apskatīsim uz leju šeit. Ak, mans Dievs. draw_pool nebija darīt kaut ko labi tur. Tas ir bummer. Vilcienu, wow. Labi, tāpēc nav daudz kas cits bez tā. So let s sāktu, un pieņemsim noteikt šo augšu. Es esmu dodas uz nepieciešamību ikviena palīdzēt, lai iegūtu šo izdarīt. Nav reāli, ka daudzi līnijas kodu, es domāju, rakstīt. Es domāju, ka es darīju to pirms pāris gadiem par 2K12 versiju, un tur nevajadzētu būt, ka daudzi līnijas kodu rakstīt. Man nebūtu jāsvītro šo kodu. Es tikko saglabātas to. Ak, crazy. Anyway, pieņemsim sāktu. Tāpēc es esmu šajā masīvā, vai es esmu šajā līniju, un man ir mana ocean_array. Un es gribu, lai tas viss, viss no šī faila, manā ocean_array. Tātad, kā es varu veikt visu, sākot no tur, un nodot to ocean_array? Tā ir viena līnija kodu. Kas var dot man, ka rindiņu kodu vai man pateikt, ir kāda ideja, kas tas līnija Koda vajadzētu darīt? Kāpēc ne mēs sākam šeit, un tad mēs turpināt pārvietojas pa istabu atbildot uz jautājumiem. Kurt? Kas ir pirmais? Mērķauditorija: Ocean_array, bracket, delfīnu. Vienāds ar delfīniem, kronšteinu, delfīns? DOLPHINS ar kapitālu viss. Jason Hirschhorn: OK. Apskatīsim sintaksi. Tieši šeit, tas ir kā foreach cilpas, tāpēc tas ir faktiski dara daudz lietas, par mums. Un delfīnu ir objekts. Tāpēc mums nav nepieciešams, lai kaut ko uzrakstītu piemēram, delfīni, delfīns, jo delfīnu pati par sevi ir iebilst, ka es gribu. Tas nav rādītājs. Vai tas ir jēga? Mērķauditorija: Jā. Jason Hirschhorn: Tātad, kā jūs ierosināt mainīt savu kodu? Ja mēs zinām, mēs esam dota indekss? Ak, piedodiet. Jūs labi. Bet kā - ļaujiet man uzdot citu jautājumu. Ja mēs gribam, lai - pieņemsim faktiski rakstīt to. Nekas. Mēs ejam, lai rakstīt to. Tas ir lieliski. Piedodiet. Man bija tikai ļoti mulsinoši tur. Atstāsim ka tagad, un mēs būsim atpakaļ uz apmācību delfīns, nosakot delfīns. Pieņemsim tikai vispirms noteikt šo zīmēšanas okeānu funkciju, un mēs atgriezties ka, Kurt. Bet līdz šim tik labi. Apskatīsim iekšā draw_ocean. Līnija, kas izskatās, ka ir nepareizi tas ir "uzglabāt attēlus delfīniem okeāna HTML virkni. "Un tieši Tagad, es tāpat kā TODO, bet es patiešām vēlaties likt delfīnus bildes okeānā. Tātad, ko, Noah, Jūsuprāt, ir Pirmā lieta, ko man vajadzētu darīt? Ja es gribu iet cauri visam masīvs, kas ir pirmais lieta, ko man vajadzētu darīt? Mērķauditorija: Mums izveidot uz cilpas. Jason Hirschhorn: uz cilpas. Un kādi būtu, ka cilpa izskatās? Mērķauditorija: For - mums ir nepieciešams, lai iet caur katru delfīns okeānā masīvā. Tātad VAR Dolphin in - Jūs varat rakstīt okeāna masīvs? Jason Hirschhorn: piemēram, ka? Mērķauditorija: Iespējams, tas ir labi. Jason Hirschhorn: Paliksim pie ka tagad, un tad mēs atgriezties pie tā. Un jūs būs atbildīga uz šīs līnijas. Tāpēc man ir ko uz cilpas. Michael, tu esi tagad. Ko man vajadzētu darīt tagad? Mērķauditorija: Jums būtu jāņem uzglabāt attēlus no delfīniem. Jason Hirschhorn: Tātad, ja ir, kas glabājas? Mērķauditorija: In delfīnu masīvu? Jason Hirschhorn: Es esmu sajaukt tagad Arī par to, kas notiek. Pieņemsim saprast, kā mēs varam darīt debug tas, un tad es atnākšu atpakaļ uz jums, OK? Kas ir ekvivalents printf JavaScript? Annie? Mērķauditorija: Tas ir dokuments, kas rakstīt? Jason Hirschhorn: Vai cik var Es redzu kaut ko mierināt leju apakšā? Mērķauditorija: console.log. Jason Hirschhorn: console.log, tieši tā. So let 's do console.log, un pieņemsim vienkārši ielieciet "Delfīns", kas, OK? Ideāli, ja tas izdodas, mēs ejam uz ir - paskatīsimies, atpakaļ failā dolphins.js, seši delfīni, tāpēc man vajadzētu saņemt sešu vai kaut ko cerams, izdrukāt, lai konsole, vai ne? Tas ir, ja mēs esam tik tālu, jo mēs bija Kurt nostājai šeit, un tad mēs bija Noasa par cilpu, un mums ir šī līnija, tāpēc cerams, mums vajadzētu redzēt sešu lietas drukāts ar konsoli. Tāpēc iesim šeit, pieņemsim atvērt mūsu mierināt un atsvaidzināt mūsu lapā. Labi, tā tas izskatās mēs redzējām sešus rādītājus. Nulle, viens, divi, trīs, četri pieci, jā. Mērķauditorija: Kā jūs nokļūt ka lapa iekšā savu - Jason Hirschhorn: kā es varu iegūt šī lieta noteikti šeit? Mērķauditorija: Nē, Chrome lapas iekšpusē [Nedzirdamas] ierīce. Mēs varam redzēt, ka, vai ne? Jason Hirschhorn: Šī Chrome lapa tieši šeit? Mērķauditorija: Jā. Jason Hirschhorn: Tātad tāpat kā P komplektā astoņi, es esmu atvērts Chrome loga uz mana galda, par manu Macintosh desktop. Un, ja jūs pamanāt šeit šo URL līdzi augšējā kreisajā pusē, kas atbilst šo IP adrese leju šeit. Tātad, lai to izdarītu, lai gan, sākums Problēmas noteikti spec pastaigas Jūs izmantojot tieši tā, kā to izdarīt. Bet es tikai seko, ka, un tā vietā un ar atspole kodu, es vienkārši darīju mūsu pašu kodu. Cool lieta ir, mēs varam arī pārbaudīt ocean_array. Tāpēc tas izskatās ocean_array ir masīvs sešiem objektiem, un Atvērsim katru no tām. Boom! Viens. Tātad Kurt, izskatās, ka jūsu kods strādāja perfekti. Viss got sākās ocean_array. Jo es misspoke agrāk. Bet jā, awesome darbu. Ocean_array ir pareizs, un tas izskatās kā tagad mēs redzam, ka delfīns ir skaitlis no 0 līdz 5, lai tā izskatījās piemēram, indeksu masīva. Tātad, ņemot vērā, ka zināšanas, Michael, Ko mums vajadzētu darīt tagad? Domā skaļi. Kas ir kaut ko mēs vēlamies darīt? Mērķauditorija: Mēs vēlamies, lai iegūtu JPEG katram delfīnu. Jason Hirschhorn: OK. Tātad, kā mēs varam atsauce - kā mēs varam iegūt JPEG? Kur sākt? Ja viss glabājas? Mērķauditorija: In ocean_array? Jason Hirschhorn: OK. Mērķauditorija: Tātad ocean_array, delfīns - Jason Hirschhorn: Kā mēs iegūt kaut ko iekšā - tāpēc tas dod mums šo objektu. Un mēs esam redzējuši šo pirms ar struktūrfondiem. Tātad, kāda veida notācijas Vai mums ir nepieciešams, lai izmantotu? Mērķauditorija: Tas būtu dot. Jason Hirschhorn: dot. Un tad kādā jomā? Mērķauditorija: Picture? Vai tas nav joma - Jason Hirschhorn: Kas tas ir sauc dolphins.js? Un redzēt, jūs varat meklēt. Mēs varam tikai iet atpakaļ šeit. Mēs varam redzēt ocean_array, mēs varam izpētīt to. Kas to sauc? Mērķauditorija: Type. Gaidīt. Attēlu? Es teicu attēlu. Jason Hirschhorn: Picture. Tiesības. Jums nav skaņas, piemēram, jūs zināt, ko jūs runājat par, though. Tas izklausījās kā minējums. Lai attēlu, lai dotu mums URL attēla. Jeff, jums ir jautājums? Mērķauditorija: Jā, es nevaru saņemt to, ko Jums ir jūsu Chrome pārlūku uz manu datoru. Es tikai iegūt "uncaught atsauce kļūda, konsole nav definēts. " Jason Hirschhorn: Jūs esat izveidot visu? Mērķauditorija: Nu, es domāju, ka es darīja visu, kas jums darīja uz lielā ekrāna. Jason Hirschhorn: Un jūs chmodded visus failus? Un jūs iet cauri viss setup? Mērķauditorija: Es mēģināšu vēlreiz. Jason Hirschhorn: OK. Es izlaidis vairāk, ka daudz pie sākuma, bet jums ir nepieciešams iet cauri visa uzstādīšanas tāpat kā pie sākot no problēmu kopas spec. Chmod viss un pārliecinieties, ka tas ir iekšā Mērķauditorija: Es iešu un vēlreiz pārbaudiet to. Es domāju, ka es to izdarīju, bet Es vēlreiz pārbaudiet. Jason Hirschhorn: Tātad, tas izskatās kā tas došu mums stīgu un attēlu. Lieliski. Mums ir URL attēlu. Kā mēs tagad nodot to - kas notiek, ja mēs rakstītu tikai tas, Michael? Mērķauditorija: Tas tikai izpaužas attēlu. Tas nav reāli parādītu. Jason Hirschhorn: Pieņemsim, redzēt, kas notiek. Mēs saglabāsim to. Mēs rādīsim to šeit. Izskatās, ka mēs nesaņem neko. Ja es izpētīt šo tabulu, tas izskatās iekšā - Jā, izskatās, ka man nav iegūt neko. Mērķauditorija: Vai mums ir - Jason Hirschhorn: Tas ir virkne, šis kods tieši šeit. Kur es gribu, lai šo string? Mērķauditorija: Jūs vēlaties, lai ielieciet to okeānā? Jason Hirschhorn: OK. Un uz leju, šeit es varēšu virkni aicināja html okeānā. Mērķauditorija: Tātad tas būtu dolārs zīme, okeāns, html [nedzirdama]. Jason Hirschhorn: Tas būtu ielieciet to taisni tur. Bet kas notiks, ja es gribu pievienot to - Es esmu jau rada virkni, vai ne? Likt okeānā, kas ir nosaukt šo string? Mērķauditorija: HTML. Jason Hirschhorn: HTML. Tātad, ko es varu rakstīt tālāk? Mērķauditorija: Vienāds, ir vienāds. Vai tikai vienāds? Jason Hirschhorn: Kāda būs notiktu, ja es rakstītu vienāds? Mērķauditorija: Vai nav, ka noteikt to vienāda - vai nebūs, ka - Mērķauditorija: Piešķirt? Jason Hirschhorn: Tas to piešķirt, bet to, kas notiks ar visu , kas tika glabāti to pirms? Mērķauditorija: Tas būs atbrīvoties no tā. Jason Hirschhorn: Tas būs atbrīvoties no tā. Tātad, kā es varu pievienot to līdz gada beigām? Es vienkārši kopēt - Mērķauditorija: Plus vienāds. Jason Hirschhorn: Plus vienāds, perfekta. Tas ir tieši labi. Tāpēc tagad pieņemsim pārbaudīt to, ko tas dara. Boom! Ak, mans Dievs. Tas ir tikai daudz teksta. OK. Tātad izskatās, ka mēs saņēmām daudz teksta, bet tas ir lieliski. Jums puiši ir darījuši - Es zinu, tas ir grūti, tas ir jauns. Līdz šim trīs no jums, puiši ir darīts fantastiski. Labi, tu esi blakus. Ko mums vajadzētu darīt tālāk? Mēs, protams, negribam to spēlēt tikai virkni. Yeah? Mērķauditorija: Man vienkārši ir jautājums. Jūs zināt, kad jūs ocean_array, delfīns, iekavās, nav Dolphin piemēram, asociatīvās masīvs pats par sevi? Jason Hirschhorn: Es misspoke. Dolphin ir indekss. Mērķauditorija: bet tas nav VAR delfīnu okeānā - Es domāju, ja jūs sākotnēji ielādēt to, kā labi, VAR delfīns ar delfīniem, vai ne ka delfīns ir asociatīvo masīvu? Jason Hirschhorn: Šī delfīns? Mērķauditorija: Jā. Jason Hirschhorn: Nē. Tas delfīns ir indekss. Mērķauditorija: OK. Tā ir tur delfīns mainīgs? Es domāju, piemēram, delfīnu atslēgu asociatīvā masīva? Jason Hirschhorn: Tieši šeit? Tāpat, dolphin.name? Mērķauditorija: Jā, pastāv piemēram, delfīnu dot - tāpat nav delfīns domāts lai katrs objekts? Mērķauditorija: Jā, tas ir ko es domāju, too. Mērķauditorija: Es domāju, delfīns bija kā asociatīvā masīva ar delfīniem. Jo tur ir seši asociatīvais matricas delfīni, labi? Jason Hirschhorn: Right. Veids, kā mēs esam tas rakstīts Tagad, tas nav. Mērķauditorija: Kāpēc tas ir? Jason Hirschhorn: Mēs varētu darīt, un tur tiešām jQuery funkcija sauc. katrs, kas dod Jūs katru lieta. Bet tas sintakse nav - Es misspoke agrāk - šo sintaksi nav tas ir rādītājs. Tas ir tikai dod mums indeksus. Bet jūs varētu darīt dolāra zīmi. Katrs, kas ir jQuery funkcija. Tas dotu jums katram asociētais masīvs. Lai pārbaudītu, ka out. Bet tas, ko visu šo kodu nav. Mērķauditorija: Tātad šis pirmais cilpa, es domāju, ka varētu atkārtot sešas reizes jo jums ir seši indeksus. Un tad otrs uz cilpas, nav tik atkārtojot tikpat daudz reižu? Jason Hirschhorn: Jā. Mērķauditorija: Tātad, tur tiešām nav - mēs varētu būt rakstīts pirmais cilpa atkal, un tas būtu strādājuši. Tāpat, VAR delfīns ir delfīni? Jason Hirschhorn: jā, bet mēs esam Tagad, izmantojot ocean_array. Mēs esam pārvietots viss par ocean_array jo pateikt, ka mēs kādreiz vēlaties , lai mainītu to, kas dolphins.js, vai ja Mēs vēlamies, lai manipulēt ocean_array vēlāk, mēs negribam, lai manipulēt delfīni, mainīgais. Mēs vēlamies, lai manipulētu ar tā kopiju, jo, ja mēs gribam, lai kaut ko out, šādā veidā mēs esam tikai būs droši. Tas, ka jēgas. Mērķauditorija: Jā. Jason Hirschhorn: OK. Tātad, Carlos, kā es varu izmantot šo virkni un padara attēlu vietā, un iegūt faktiskais attēla? Jūs esat redzēt šo kodu pirms. Kā man ietver attēlu uz lapas? Mērķauditorija: Vai tas ir lieta, ko mēs darījām par ka HTML plus vienāds te zvanu domuzīme platums, viņa svītrots to? Jason Hirschhorn: Šis sīkumi tieši šeit? Mērķauditorija: Jā. Veida. Jason Hirschhorn: nav jāuztraucas par to. Kas tikko sāk HTML virkni. Ja es gribu, lai iekļautu attēlu manā HTML mājas lapas, ko tag es varu izmantot? Mērķauditorija: Es neatceros. Jason Hirschhorn: OK. Avie, viņam palīdzēt? Mērķauditorija: Vai tas ir enkurs, href, un tad jūs saistīt to? Jason Hirschhorn: Tā kā enkuru. Mērķauditorija: Jums nav nepieciešams saistīt to, lai gan, vai ne? Jason Hirschhorn: Ko darīt, ja es tikko vēlas, lai izveidotu attēlu? AUDITORIJA: būtu img, un pēc tam SRC vienāds neatkarīgi virkne ir? Jason Hirschhorn: OK, lai tas ir labi, img. Carlos, jūs gatavojas ņemt to no šeit. img nozīmē "tēlu", un SRC stendi par "avots". un jums ir nepieciešams, lai dotu tai URL vai kādu - pat URL. Daži vietu, kur tas attēls tiek saglabāts. Tāpēc es zinu, ka saņems mani attēls, tāpēc tagad, kā es varu īstenot šo visu kopā, domāja? Man ir daži sintaksi, man ir nepieciešams noteikt. Ko tieši man vajag tipa, Carlos? Mērķauditorija: Es nesaprotu, ko jūs mēģināt darīt. Tātad jūs mēģināt likt visiem attēli uz galda? Jason Hirschhorn: Mēs gribam, lai parādītu visi attēli lapā. Un mēs redzējām, kā šī līnija koda tiesības šeit pievienotās virknes mūsu HTML virknes un izdrukāt tos, kā šis. Tā vietā mēs vēlamies parādīt attēlus. Un mēs sapratām, Maru, mums teica ka šī līnija kods - tāpēc pieņemsim apskatīt šeit. Ja mēs devāmies, un izpētīt, mēs rediģēt to kā HTML. Maru, teica, ja mēs šāda veida sintakses, mēs iegūstam attēla. Tātad tas ir jēga? Tas ir string tipa, ka mēs tiešām gribu, lai iekšā okeānā nirt, ne tikai pašu tekstu. Mērķauditorija: [dzirdams] Jason Hirschhorn: Sorry? Mērķauditorija: Nevar jūs vienkārši kopēt ka viens, ka Kianna deva, un nodot to, ka - Jason Hirschhorn: Copy to, un nodot to tieši šeit? Mērķauditorija: Jā. Jason Hirschhorn: Tas ir tuvu, bet tur ir viena problēma ar šo, un kas ir kas? HTML ir virkne, un mums ir nepieciešams pievienot virknes ar to. Mērķauditorija: Tātad, tad jūs nodot to - nah. Jason Hirschhorn: Un mums ir trīs - Šīs tiesības šeit nav virkne. Kā mēs to string? Kā jūs vienmēr kaut stīgu? Mērķauditorija: Es nezinu. Jason Hirschhorn: Ja man ir teksts, kā es varu darīt to string? Patīk šeit šajā pozīcijā tieši šeit? Mērķauditorija: Put to uz galda? Jason Hirschhorn: Kas par to? Mērķauditorija: Citāts. Jason Hirschhorn: Double citātus, labi? Pēdiņas liek kaut ko string. Tā, kas padara, ka virkne, un tas ir string. Kā es varu ievietot divas virknes kopā JavaScript? Mērķauditorija: Dot. Jason Hirschhorn: Nav dot. Tas ir PHP. Mērķauditorija: Plus. Jason Hirschhorn: Plus, tieši labi. Tā kā, un tad to, ko jūs ierosina Man nekā šeit? Mērķauditorija: Vēl viens citāts. Jason Hirschhorn: Vēl viens citātu, OK. Kā es varu beigt virkni? Mērķauditorija: Vēl viens citāts. Jason Hirschhorn: Vēl viens citāts. Un kā es varu nodot šo virkni kopā ar šo stīgu? Plus. Tas ir tieši labi. Jūs vienkārši darīja to mums. Tas ir ideāls. Tāpēc tagad pieņemsim padarīt to. Un izskatās, mēs esam ieguvuši visu ķekars attēlu. Ak, mans Dievs. Tie ir biedējoši. Mēs ejam, lai izpētītu tos sekundē. Jā, Noah? Mērķauditorija: Es zinu, tas nav īsti jautājums, bet, ja jūs slēgt savu elementi ar attēla tagu? Jason Hirschhorn: Mēs varētu, ja Mēs vēlējāmies, aizveriet savu tēlu tag tieši tāpat. Pieņemsim padarīt to. Gada, nē, mēs nevaram darīt. Mērķauditorija: Ak, es lauza to. Jason Hirschhorn: Es domāju, ka tas ir validācija, though. Es nedomāju, ka jums ir nepieciešams noslēguma slīpsvītra. OK, tas ir lieliski. Carlos, paldies. Līdz šim četras no jums, puiši ir paveikuši awesome darbu. Protams, kā jūs varat redzēt, mēs esam radot zināmu galda konusa veida. Un es gribu šīs lietas būt tabulā. Tātad, kā es varu īstenot šos lietas tabulā? Es skaidri nepieciešams vairāk HTML. Assam, kāda veida HTML man trūkst? Mērķauditorija: Ko jūs vēlas darīt, piedodiet? Jason Hirschhorn: Es gribu, lai visi šie attēli tabulā, tāpēc katrs attēls vajadzētu būt vienā kolonnā tabulā. Kā es varu teikt, tas ir viens sleja? Jūs esat redzējuši šo kodu pirms. Tas ir P noteikti septiņi. Mērķauditorija: Es atceros vienu bija tr? Jason Hirschhorn: tr ir rindā. Mērķauditorija: Es nezinu to off mana sirds, bet es varētu pārbaudīt. Jason Hirschhorn: Vai kāds atceries? Mērķauditorija: td? Jason Hirschhorn: td, tieši labi. td liek to kā kolonnu. Tātad, ja man TD tur, Assam, ko man vajag likts? Kas vēl man ir nepieciešams pievienot? Mērķauditorija: Jums ir, lai novērstu to? Jason Hirschhorn: Tieši tā. Ja tas, ka iet? Mērķauditorija: Tieši tur? Jason Hirschhorn: Tieši šeit? Mērķauditorija: Es tā domāju. Jason Hirschhorn: Kas tas ir aizvēršanas tieši šeit? Kas tas ir par? Ka zilā lieta? Mērķauditorija: Tas ir uz attēla. Tam vajadzētu iet pēc tam, es domāju. Jason Hirschhorn: OK, tieši labi. Tātad, pieņemsim redzēt, ko tas darīja. Ak, tas ir neērts. Pieņemsim atvērt okeāna, galds, galda ķermenis, tr. Tāpēc mums ir ton, bet es neredzu attēlus. Tas ir dīvaini. Izskatās, ka tas būvēts, bet neuzrādīja man attēlus. Jebkuras idejas, kāpēc tas varētu būt gadījums? Jebkurš domas? Mērķauditorija: Ja jūs ritināt uz leju, jūs redzēsiet tos. Jason Hirschhorn: Boom! Tāpēc viņi ir tur, bet tas ir dīvaini, ka viņi visi ceļu tur lejā. Mērķauditorija: Viņi arī visu pēc kārtas. Jason Hirschhorn: Un viņi visi rindu, un viņi visi ir dažādi izmēri. Tātad Assam, dod man vēl vienu rindiņu kodu ja es varētu darīt katru attēlu vienāda izmēra, un izskatās, ka es esmu jau norādīts lielums I vēlas tos. Kā es varu padarīt katru attēlu vienāda izmēra? Dot savvaļas minējums. Ko par šo līniju kodu? Mērķauditorija: Vai jūs veicat Piemēram, pastāvīga? Jason Hirschhorn: Vai kur ir vēl viens vietu es varētu nodot šo koda rindu, ja es vienkārši kopēt to? Mērķauditorija: Visu ceļu uz leju tajā pašā rindā? Jason Hirschhorn: Labi, pieņemsim likts tas ir šeit, tieši labi. Un tagad pieņemsim redzēt, kas notiek. Ak, mans Dievs! Tagad izskatās, ka mēs sākam saņemt kaut ko, un izskatās, ka tie visu veida fit tabulā, kas mēs esam būvēti katrā td. Arī Assam, pieņemsim, ka man patīk to augstumu, būt mazliet vairāk - augstumi lieta ir throwing mani off, tāpēc ko man vajadzētu noteikt to augstumu? Izvēlēties jebkuru numuru. Mērķauditorija: 200? Jason Hirschhorn: 200. Es esmu gatavojas uzņemt 100. Tas ir lieliski. Patiešām, piemēram, 200. Tur mēs ejam! Labi, tagad tas sāk izskatīties mazliet labāk un mazliet labāk organizētas. Jebkuras citas domas par to, kas mums ir nepieciešams, lai darīt, lai saglabātu attēlus delfīnu? Yeah? Mērķauditorija: Vai citātus, vai viena citātus, ap vērtībām, par avotu, augstums, platums, ir tie obligāti? Jason Hirschhorn: Kur Ir vienu pēdiņām? Mērķauditorija: Tāpat kā daži no piemēriem, jūs ir, piemēram, augstuma vienāds ar citātu "150." Ir tas nav nepieciešams. Jason Hirschhorn: Tātad, pieņemsim skatīties uz leju šeit. Ja mēs noklikšķiniet uz okeānu, dodieties uz galda, Jūs pamanīsiet šeit lejā to faktiski pievienotās šos citātus par mani. Mērķauditorija: OK. Jason Hirschhorn: Un tā es saprotu, ko mēs darām šķiet sāpīgi lēns. Mēs esam tikai rakstisku trīs rindas kods līdz šim, vai četras rindiņas kodu, bet tas ir faktiski process, kas Es iet caur katru reizi, kad es gribu lai padarītu šo tīmekļa vietni. Pozīcijai, izmantojot konsoli leju šeit, pētot lietas, un norādītas kas soli pa solim, ko es gribu darīt. Tāpēc cerams, tas imitē jums puiši labs, pedagoģiskā veidā, ko jūs faktiski darīt, ja jums izveidot savu mājas lapā. Pieņemsim pāriet. Mēs esam izveidojuši šīs lietas. Es esmu gatavojas faktiski - Avie, man ir liels jautājums jums. Es nezinu, mēs virzīties tālāk. Iesim uz "Vilciena delfīns, ja tās attēls ir uzklikšķināt. "Kā jūs ierosina es rakstu šo rindiņu kodu? Mērķauditorija: Ir funkcija sauc par "vilciens". Jason Hirschhorn: Ir funkcija sauc par "vilciens", tieši labi. Mērķauditorija: Tā cer indeksu. Jason Hirschhorn: Train sagaida indekss, tāpēc, OK. Avie, tas ir tieši tas pamatojums ka es mīlu redzēt. Vilciens sagaida indeksu. Mērķauditorija: Tātad jūs gatavojas ir cilpa. Jason Hirschhorn: Nu, es gribu darīt kad attēls ir noklikšķinājuši, lai Avie, kā es varu kontrolēt, kad attēls ir noklikšķinājuši? Ir pāris veidi, kā to darīt. Šis ir JavaScript jaudas un jQuery, bet arī visgrūtākais daļa. Mērķauditorija: Ja iekavas, ne. Vai, ja iekavas notikums, vai kaut salīdzinoši vienkārši? Jason Hirschhorn: Tātad mēs redzējām pāris veidi, kā to darīt šo lekciju. Viena lieta bija, šeit lejā, jūs varētu kaut ko darīt, piemēram, jūs varētu izveidot funkcija, piemēram, par klikšķi, vai arī kaut kā par klikšķi. Ikviens atcerēties redzēt kaut kā tā? Jūs to iekšā HTML tagu. Es redzu dažas tukšas sejas. Daži cilvēki ir līdzīgi, kādi ir viņš runā? Tas ir labi, jo es domāju, ka tas sarežģītāks veids, kā to darīt. Mēs darīsim daudz vieglāk veidā, izmantojot jQuery. Tātad, Avie? Mērķauditorija: Hm? Jason Hirschhorn: Ja es gribu darīt kaut jQuery, es, protams, sākt, Pirms piemēram, ar šo dolāra zīmi, atvērts paren, tuvu paren, un dubultā citē šeit. Tagad mēs zinām, man vajag selektoru šeit. Kas selektors jūs ierosināt attiektos uz katru atsevišķu attēlu vai ik viens attēls? Mērķauditorija: Image? Jason Hirschhorn: Tas ir tieši labi. Tas attieksies uz katru attēlu. Saņem visu no tiem. Tas nav ID, tas nav klasi, tas ir tipa tag, un tas notiek uz saņemt katru vienu. Un tagad es esmu gatavojas jums pastāstīt šo tagad, un jūs varat meklēt vairāk dokumentācija par to vēlāk, bet tas lieta, ko sauc par "uz" darījumiem ar notikumiem. Tātad, kas jums jādara tagad, un kas ir super spēcīga, ir pateikt, kāda veida veida Pasākums jūs meklējat, un kādi jūs vēlaties darīt, ja jūs saņem šo notikumu. Tāpēc es esmu gatavojas sniegt jums nedaudz nedaudz vairāk kodu, Avie, tad tev iet, OK? Mērķauditorija: OK. Mērķauditorija: On - mēs gatavojamies teikt "Klikšķis", šajā gadījumā, kurā jūs parasti izmanto. Tā par klikšķi, un tad mēs ejam uz nodot to anonīmu funkciju. Un tas sintakse jūs gatavojas redzēt daudz, un, cerams, jums būs rakstot daudz. Kas tas ir, atkal, par klikšķi par kaut ko sauc par attēlu, neatkarīgi, kaut ko sauc par attēlu, mēs gatavojamies lai palaistu šo anonīms funkciju. Es neesmu dodot tai nosaukumu. Es neesmu iet tai nekādus argumentus. Es esmu tikai, piemēram, izveidojot šeit darboties, un šeit ir tas, ko kodu jūs gatavojas darīt. Tas ir ar šo sintaksi līdzekļiem. Un arī, kā jūs pamanīsiet, tas izskatās ļoti līdzīgs šim šeit, ka mēs rakstīja iepriekš. Labi, Avie. Tātad jūs vēlaties, lai izsauktu vilcienu indeksu. Vai tas, ko jūs vēlaties darīt? Mērķauditorija: Jā. Jason Hirschhorn: Tas ir? OK. Let 's redzēt, kas notiek. Mērķauditorija: Pagaidiet, though. Indekss nav mainīgs tiesības tagad. Jason Hirschhorn: Tātad indekss nav mainīgais tiesības tagad. Es nezinu, kur jums to no. Mērķauditorija: [nedzirdama]. Tātad jums ir nepieciešams, lai vispirms noskaidrotu kas delfīnu got uzklikšķināt? Jason Hirschhorn: Excellent. Jums ir nepieciešams, lai noskaidrotu, kas delfīnu got uzklikšķināt. Tas ir savvaļas shot tumsā. Kāds ir kāda ideja, kā es varu izdomāt , ko delfīnu got uzklikšķināt? Ja tā nav, es ņemšu tikai dot jums to, jo tas ir diezgan traks. OK. Tā ļauj izdrukāt, izmantojot console.log. Šī lieta. Tātad, dolāra zīmi, atvērt paren, Šī ciešā paren. Tātad, kad es noklikšķiniet uz šo attēlu, es esmu gatavojas izdrukāt šo konsole, un pieņemsim redzēt, kas notiek. Iesim atpakaļ šeit. Iesim mierināt. Nav kļūdu, paldies dievam. OK. I noklikšķinājuši. Ļaujiet man darīt atkal. Noklikšķināju šo pirmo attēlu, un tas got drukāts ar konsoli, šī līnija lietas. Es esmu būs izmantojot vārdu "tas", daudz. Šī lieta tieši šeit, tas ir ļoti īpašs, un tas dara tieši to, ko Avie vēlas to darīt. Tas kļūst kāds bija uzklikšķināt vai neatkarīgi. Jo atkal, tas atlasītājs notiek lai tiktu galā ar daudzām lietām, mums nav vienmēr zina, ko mēs esam runā, tāpēc mēs vēlamies, lai noskaidrotu , kura lieta, ko mēs runājam par izmantojot šo sintaksi. Šajā gadījumā tieši šeit, hashtag okeāns, mēs vienmēr zinām, kas lieta, ko mēs esam gatavojas runāt par to, lai mēs nekad īsti vajadzīgs šis iekšpusē hashtag okeānā. Tas vienmēr ir okeāns, ka div. Tas ir ID, tikai viena iespējamā lieta. Bet šajā gadījumā, tas attiecas uz daudz attēlu, patiesībā, seši attēlus, un tāpēc mēs gribam zināt, ko īpaši tēls noklikšķinājuši uz. Un izskatās, ka tas ir Informācijas veidu mēs. Mēs saņemam tas izskatās daži lieli stīgu, un mēs visu šo informāciju ar šo. Mēs saņemam tonnas un tonnas un tonnas sīkumi. jQuery ir super spēcīgs. Tas dod mums ton informāciju par šo konkrēto HTML elementa. Avie, ko mēs vēlamies zināt par šo HTML elements? Mērķauditorija: Kaut kā personu apliecinošu dokumentu. Jason Hirschhorn: ID. Nu, mums ir avots, platums, un augstums. Mērķauditorija: Mēs varam izmantot avots. Jason Hirschhorn Mums var izmantot avots. Ka došu mums virkni, URL virkne. Ko mēs darīsim ar ka tad, kad mums ir kas? Kā mēs saņemam atpakaļ uz mūsu indekss ocean_array? Mērķauditorija: Mēs varam salīdzināt tā uz otru. Jason Hirschhorn: lai mēs varētu cilpa ar katru. Tagad mēs varētu cilpa atkal un tad salīdzināt to. Iedomāties, kāds būtu vienkāršāks veids, ja jūs varētu tikai iedomāties vienu? Mērķauditorija: Kam nav cilpu. Jason Hirschhorn: Kam nav cilpu. Mērķauditorija: Just norādītas delfīns, [nedzirdama]. Jason Hirschhorn: Norādītas , ko delfīns. OK. Tā ļauj saglabāt šo informāciju šajā attēla tagu. Un atkal, tieši tagad, kas ir daļa no šīs sīkumi ir tikai burvju tāpēc, ka es varētu parādot jums šo pirmo reizi, bet cerams, ka tās ir lietas, jūs gatavojas darīt. Tāpēc tas ir kaut kas burvju jūs varat darīt. Jūs varat ietaupīt dažus papildu metadatiem in elementa. Tas neparādīsies, tas nav ietekmē neko. Jūs varat saglabāt to tur. Un es ierosinu, mēs ietaupītu indekss katra attēla. Tātad, kā jūs darīt, tas ir, jūs izveidojat atribūts sauc par datu domuzīme, un Tad kāds nosaukums jums vēlas, lai arī tā. Datu domuzīme ir īpaša lieta, kas ir dota jums, un tas saka, ka tas ir kaut lietotājs gatavojas izveidot. Tāpēc mēs radām šī lieta, ko sauc indekss, šī atslēga sauc indeksu. Un iekšpusē tā, mēs gatavojamies nodot ne tikai vienu katru reizi, bet ko darīt mēs ieliekam iekšā no tā, Avie? Kas notiek tieši šeit? Mērķauditorija: Dolphin. Jason Hirschhorn: Dolphin. Tas nav tas vārds. Delfīns. Un atkal, mums jau iespiests delfīns iepriekš, kas ir 0, 1, 2, 3, 4, 5, un mēs esam ietaupot, ka ar attēlu. Tāpēc tagad, ja man - un atkal, mēs glābt šo metadatus. Kā jūs piekļūt ka metadati? Tas ir ar funkciju vienkārši sauc par "dati." Un jums ir nepieciešams, lai iet to par vienu , un tikai viens arguments, kas ir nosaukums lieta. Tāpēc es esmu gatavojas izdrukāt šo out, un tad es ņemšu jautājumiem. Bet būtībā, es saku man tas objekts, kas ir noklikšķinājuši uz, meklēt vispār tās datu atribūtiem, un viens sauc par "indeksē" man šo vērtību. Un redzēsim, kas notiek, kad mēs atsvaidzināt šo lapu. Tieši tas, ko mēs gaidīts. Atkal, tas bija diezgan maģisks. Mēs tikko izdarījām daudz labi tur. Kam ir kādi jautājumi par šo? Yeah? Mērķauditorija: Man vienkārši ir jautājums par savu dzīvu kodu. Jūs varat izmantot, piemēram, vienu citātu, dubultā citāts, piemēram, tiesības tur. Jason Hirschhorn: Tepat. Mērķauditorija: Jā. Vai ir iemesls, kāpēc jūs darāt vienu citātu, dubultā quote? Jason Hirschhorn: Ir iemesls, un tas iet atpakaļ uz to, ko Marcus jautāja agrāk. Šajā līnijā, man tika mazliet labāk manā kodēšanu. Es gribu to, un tas ir tas, ko es godīgi būtu jādara viss laiku, par platumu un augstumu it īpaši. Apskatīsim uz leju šeit. Jūs redzēsiet tieši šeit, jūs varat redzēt, ka? Es zinu, tas ir sava veida maza, bet dati domuzīme indekss ir pēdiņās. Šīs lietas vienmēr vajag būt pēdiņās. Vērtība vienmēr ir jābūt pēdiņās. Bet šeit, ja man dubultu citātu, ka beigsies šo virkni tieši šeit, un tagad es nebūtu ierakstot virkni. Tāpēc man apkārt, ka, tikai izmantojot vienu citātu, jo vienu citātu nebeidzas JavaScript virkni, bet HTML tas nav aprūpi, ja esat piešķirot tai vienu pēdiņām vai pēdiņas. Tas būs tikai interpretēt piemēram, pēdiņas. Vai tas ir jēga? Yeah? Mērķauditorija: Kā jums, ka IP adrese apakšā jūsu klients? Mine saka nav IP adreses. Vai ir kaut kas man vajadzētu esam darījuši [nedzirdama]. Jason Hirschhorn: Jūsu ierīces, tas nav nekas? Mērķauditorija: Jā. Jason Hirschhorn: Tur ir kaut kas jūs varat darīt, lai noteikt to, bet es neesmu gatavojas tērēt laiku staigājot izmantojot šīs tiesības tagad. Bet mēs varam darīt to pēc sadaļā. Mērķauditorija: Ja jūs iet atpakaļ uz konsole, kāpēc bija uzskaitītas 012.321 numurs? Jason Hirschhorn: konsole? Ak, jo es tikko bija uzklikšķinot ap Putnu. Mērķauditorija: Ak, OK. Nekas. Jason Hirschhorn: Un atkal, es varētu noklikšķināt par kaut ko bajillion reizes. Mērķauditorija: Man ir jautājums par Jūsu cilpa atkal, jūsu cilpas. Jo jūs zināt, P noteikti astoņi, viņi izmantot citu šīs cilpas. Lai viņi tāpat VAR i ir vienāds ar 0, i mazāk nekā, ocean_array.length, i + +. Ir tie līdzvērtīgu? Jason Hirschhorn: Tas ir standarts cilpu. Vai yeah, tas ir cilpas. Patiesībā, mēs esam redzējuši, kas ir līdzvērtīgi. Mērķauditorija: Tātad tas ir līdzvērtīgi ko jūs esat darījuši šeit? Ir viens uzskatīts par labāku nekā otrs? Jason Hirschhorn: Nē. Tātad, atkal, mēs esam aizgājuši vairāk nekā dažas lietas. Mēs esam tagad pārcelts mūsu komforta zonas un sāka darīt daži patiešām atdzist lietas, ko mēs ne vienmēr ir aizgājuši vairāk klasē pirms, bet būs cerams, būs ļoti spēcīgs jums, kad kodēšanas. Avie, iesim atpakaļ šeit. Man ir indeksu delfīnu. Tagad to, kas man jādara? Mērķauditorija: Jums ir nepieciešams apmācīt to. Tā vietā liekot console.log, jums var noteikt mainīgais vienāds ar to? Jason Hirschhorn: OK. Tā? Mērķauditorija: Es neesmu pārliecināts, ja jūs varat darīt to. Jason Hirschhorn: Tātad VAR x vienāds Tas, kāds tas atgriežas, tas būs atpakaļ. Nav svarīgi. Tā var atgriezties jebkuru mainīgo. Tur nav veidi šeit. Mērķauditorija: Vai jūs varētu vienkārši do funkciju zvanu. Jason Hirschhorn: Jā, kāpēc ne man darīt? Just do funkciju zvanu. Mērķauditorija: Jā. Put citu komplektu iekavās. Jason Hirschhorn: Perfect. Tas ir tieši labi. Tā, ka aicinās vilciena funkciju. Protams, nekas nav vilcienā funkcija, tāpēc ierosina, Akshar tas, ko es vajadzētu darīt vilciena funkciju. Dodiet man pseido kodu. Mērķauditorija: Es domāju, ka jums vajadzētu noņemt delfīns no sākotnējās tabulas. Jason Hirschhorn: Un tas kļūst Noah agrāk, kāpēc mēs kopēt tā jaunā masīvs. Labi, ka mums nav, lai rediģētu mūsu delfīni masīvs, jo ko tad citu Programma ir, izmantojot to, vai to, ko, ja mēs gribam , lai piekļūtu to kaut kur citur? Mēs vēlamies, lai kopiju, un tas ir viens, mēs ejam, lai rediģētu. Mērķauditorija: Tad jūs stāvoklī tā savā jaunajā atrašanās vietā. Jason Hirschhorn: Un ko darīt mums jādara pēc tam? Mērķauditorija: Un tad jūs izdrukāt informācija par delfīnu. Jason Hirschhorn: Tas ir tieši labi. Mēs noņemtu to no ocean_array, mēs nodot to baseinā, un tad mēs vēršam okeāna baseinā. Kā es varu noņemt delfīns no ocean_array? Mērķauditorija: Tu ej uz indeksu. Ak, OK. Izmantojiet salaist funkciju. Jason Hirschhorn: Labi, Tātad tas ir labi. Es varētu izmantot salaist funkciju, kas ņem kaut ko no masīva un kondensējas to. Tas ir kaut kas jauns, mēs neesmu redzējis. Bet es tiešām gribu, lai saglabātu vietu tur, jo es vēlos, lai izdrukātu Tukšo vietu okeānā. Mērķauditorija: Tātad jūs varat iestatīt attēlu šī indeksa, ocean_array indekss dot attēlu. Jason Hirschhorn: OK, ocean_array, indekss. Mērķauditorija: Dot attēlu. Jason Hirschhorn: Dot attēlu. Mērķauditorija: Un jūs to Null? Jason Hirschhorn: Vienāds null. OK. Tāpēc nekas tur ir, tā tad kā es varu īstenot baseinā? Konstantīns, kā es varu likt to baseinu? Mums ir šo mainīgo, mēs sauc, sauc baseins, šeit. Mērķauditorija: Vai mēs vienkārši darīt vienāds ocean_array indekss? Mērķauditorija: Ja tu pārslēgt pasūtījumu? Jason Hirschhorn: One sek. Yeah? Mērķauditorija: Jā, tas bija tiešām labs punkts. Jason Hirschhorn: Kas notiek šeit? Mērķauditorija: Vai tas ir rādītājs? Jason Hirschhorn: Index, tieši tā. Un ko tu teici, Constantine, ir kaut kas mums būtu jādara? Mērķauditorija: Mums vajadzētu varbūt slēdzis pasūtījumu. Jason Hirschhorn: Un kāpēc mēs pāriet pasūtījumu, varbūt? Mērķauditorija: Tāpēc, ka tas punktu tas jau null. Jason Hirschhorn: Tātad, tas vēl nav viss null, bet mēs esam zaudējuši attēla URL. Vai mēs esam zaudējuši uz visiem laikiem? Mērķauditorija: Tehniski nē? Jason Hirschhorn: Ir mēs esam zaudējuši uz visiem laikiem? Mērķauditorija: Nē. Jason Hirschhorn: Nu, kur tas ir? Mērķauditorija: Jūsu sākotnējā Dolphin - Jason Hirschhorn: tas ir delfīni, bet ocean_array mēs esam zaudējuši uz visiem laikiem. Tātad Constantine, vai varat ieteikt labāks veids, kā rakstīt šo līniju? Patiesībā, sorry, tas ir saglabāts baseinu. Mēs esam to baseinā, jo baseins ir objekts, vai ne? Ocean_array indekss, ocean_array ir masīvs objektiem. Tāpēc baseins ir objekts, un mēs esam URL tur, un lejā Šeit tas ir iestatīts uz null. Tik tiešām, mums nav zaudējis uz visiem laikiem. Tas ir vienkārši saglabāti baseinā. Bet tas noteikti nav ocean_array, un tāpat kā jūs teicāt, Carlos, tas ir delfīni masīvs. Tāpēc tas izskatās salds. Un tad kā mēs izdarīt okeānu un baseinu? Mario? Mērķauditorija: Jūs varat zvanīt draw_pool un draw_ocean? Tātad, piemēram, draw_pool, un pēc tam - labi, jā, tas nav nepieciešams neko. Jason Hirschhorn: Great. Kas draw_pool gatavojas darīt? Mērķauditorija: Zīmēt baseinu? Jason Hirschhorn: Jā, labi, to, kas tas būs jādara? Mērķauditorija: Sorry. Jūs varētu darīt to pašu lieta, tāpat kā ir - Jason Hirschhorn: Pagaidi, Mēs ejam, lai tur nokļūt. Nekas. Tas nekas tagad. Let 's redzēt, ja tas darbojas, though. Kas deva mums šo kodu? Akshar un Constantine deva mums šo kodu? Labi, pieņemsim redzēt, kas notiek. Ah! Tas bija tik aizraujoši. Tas ir pagājis. Ak, zēns. Tas ir sava veida neglīts. Nu, mēs varam doties atpakaļ un noteikt, ka vēlāk. Nez, kur tas ir? Mēs saglabāti to šajā baseins mainīgo. Kā es varu izdomāt, ja tas ir šajā baseins mainīgo? Nu, atkal, jauda JavaScript, un it īpaši līdzekļi, kas Chrome dod jums, ir tagad varat pārbaudīt, ka baseins mainīgo. Tā ir globāla, atceries? Mums nav laidis VAR atslēgvārdu. Tātad, ja es tipa Enter tieši šeit, Konstantīns, ko jūs domājat, ka es esmu gatavojas saņemt, kad es hit Enter? Mērķauditorija: Es nezinu. Jason Hirschhorn: Guess. Mērķauditorija: Nekas? Jason Hirschhorn: Nekas, nepareizi. Tas bija labs minējums, though. Man objektu. Atcerieties, jūs man iedeva ka līnija kodu. Baseins, jums ir saglabātas, ka mainīgs objekts. Un, protams, mēs redzam objektu esat saglabājis tajā. Tas ir lieliski. Mēs varam pārbaudīt no šejienes. Tas ir gandrīz kā reālā laika gdb ka mēs varam meklēt, izmantojot mūsu kodu un izdomāt stuff. Tas ir super foršs un super spēcīgs. Labi, pieņemsim pabeigt šo augšu. Pieņemsim izdarīt baseinu piecās minūtēs. Maru, dod man līniju kodu, lai pievērstu baseinu. Mērķauditorija: Jums varētu būt otra mainīgs HTML, bet / nosaukums. Jason Hirschhorn: Veidosim tas ir ļoti vienkārši tagad. Pieņemsim tikai drukāt nosaukumu delfīnu mēs apmācību. Mērķauditorija: Un tad jūs varat darīt dolāru parakstīt, atvērt iekavas, un tad atveriet cenas. Es domāju mārciņu baseins, ja tas bija lieta. Es neatceros. Jason Hirschhorn: Paskatīsimies atpakaļ. Es domāju, ka tā ir lieta. Mērķauditorija: Labi, jā. Un aizveriet citēju tuvu iekavas . Html, atvērt iekavas, un tad es domāju, baseins, piemēram, atklātā grupā 0 vai kaut kas tamlīdzīgs. Aizvērt dot vārdu. Es nezinu, vai tas darbojas. Mērķauditorija: Labi, pieņemsim redzēt, kas notiek. "Nevar nolasīt īpašuma nosaukumu undefined. "Tātad vēlreiz, lūk, ko Mēs ejam, lai pārbaudītu out. Mēs ejam, lai izpētītu to. Tu baseins, atvērts bracket0. Nosaukumu. Atkal, man tas visu laiku, un es esmu sajaukt to, kas notiek, ko dara Šis brīdinājums nozīmē. Apskatīsim baseinu. Apskatīsim baseins grupā 0, undefined. Tātad, tas ir, ja mēs rīkosim mūsu problēma, vai ne? Baseins kronšteins 0 nav, protams, pastāv. Ko jūs domājat, ka tas pastāv? Mērķauditorija: Vai pool tikai objekts pats par sevi? Jason Hirschhorn: Nu, ko tas saka tieši šeit? Kad mēs hit Enter uz baseinu, ko tas saka, tas ir? Mērķauditorija: Object. Jason Hirschhorn: Tas ir objekts, tā? Mērķauditorija: Ak, jā. Tik vienkārši pool.name vietā - Jason Hirschhorn: Pool.name dod tieši to, ko jūs vēlējāties. Un es saprotu, es eju caur šo lēni un belaboring šo jautājumu, bet tas ir tieši tā, kā man šo stuff. Jūs gatavojas uzskriet šiem kukaiņiem savu galīgo projekta laikā, tāpēc es ceru, ka tas ir ļaujot jums, lai varētu izmantot visus šos rīkus. Tie ir ļoti svarīgi, un būs iegūt jums super duper tālu. Tāpēc es nevēlos, lai tikai izdrukāt nosaukumu. Lai tas nedaudz bit nicer nekā šis. Mērķauditorija: Ko vēl mēs gribam darīt? Jason Hirschhorn: Labi, labi. Mēs darīt tieši to. Ugh. Puiši, jums nav dzīvi. Labi, boom, got to. Izskatās labi. Jūs redzēsiet, Akshar, šeit lejā, mums ir nulle, nav atrasts. Tātad izskatās, ka tas joprojām mēģina atrast kādu attēlu, un kas nav jādara tieši tas, ko mēs gribējām darīt. Mēs nebrauksim iedziļināties, ka tagad, bet tur droši vien tīrāks veids darot. Mērķauditorija: Vai jūs atstāt, piemēram, tukšu telpu attēlu? Piemēram, tā vietā nosakot to uz null, Jūs varētu iestatīt tā, lai, piemēram, tukšu stīgu vai kaut ko? Jason Hirschhorn: Tāpat kā šī? Mērķauditorija: Jā. Jason Hirschhorn: [nedzirdama]. Nav atrasts. Tātad tur ir labāks veids, kā to darīt. Es ieteiktu to izdarīt. Tikai nosakot null tur. Tad, protams, to, kas ir kas notiks? Tas notiek, lai iet prom pavisam. Tātad, ja mēs vēlējāmies, lai saglabātu vietu un darīt ka mēs, iespējams, vēlas darīt kaut ko šeit, kā labi. Es esmu gatavojas iegūt jums sākusies. Akshar, dod man šo līniju Kodu tiešām ātri. Mērķauditorija: Ja ocean_array, delfīns, vienāds, vienāds, vienāds - vienāds null? Jā. Jason Hirschhorn: Ko tad? Mērķauditorija: Tad darīt html. Jūs vienkārši kopēt apakšējā kodu, tiešām. Jason Hirschhorn: Copy, ko? Mērķauditorija: Jūs varat kopēt - Jason Hirschhorn: tas ir? Mērķauditorija: Jā. Jason Hirschhorn: Tas viss? Mums nav attēlu. Mērķauditorija: Es domāju jums var vienkārši atstāt - Jā, jūs varat vienkārši aizvērt to. Bet es domāju, ka jums ir noteikt platumu. Jason Hirschhorn: Nu, vienkārši izveidojiet tukšu kolonnu. OK. Un tad tādā gadījumā mēs, iespējams, vēlaties to darīt, kā labi. Hmm. Oh. Nestrādāja, bet mēs neesam panākt, ka kļūda. Let 's redzēt, kas noticis uz leju šeit. Tāpēc nekas tur, lai to, ko tu teikt, mums vajadzētu pievienot? Mērķauditorija: Mums jānosaka platums no rindas. Jason Hirschhorn: Uz ko? Mērķauditorija: Es domāju, ka tas ir 150. Mērķauditorija: Jā, tas bija 150. Jason Hirschhorn: Mēs nodot šo šeit saglabāt savu kodu konsekventa. Bet tas nav viens. Labi, labi. Ievietojis. OK? Tāpēc tas joprojām dodas prom. Mērķauditorija: Ak, zvaniet platums? Jason Hirschhorn: Tas izskatās piemēram, platums ir 150. Paskatīsimies. Tagad mēs gatavojamies darīt, galīgā redakcija, cool, spēcīgs lieta, ka es esmu gatavojas parādīs. Mēs nebrauksim, lai pabeigtu šo kodu, bet online pirms mēs atmest, tas viss kods būs pareizs. Es e-pastu jums izlaboto versiju ar kādu savu stilu pēc iedaļā, un ka tiks publicēta internetā. Es aicinu jūs, lai saglabātu izpētīt šo un izmantot to kā atsauci, bet es gribu jums parādīt gala instrumentu šo klase, un kas ir vairāk nekā šeit labajā pusē. Un mēs paskatījās šajā pēdējā nedēļā, bet tagad cerams, ka tas ir mazliet vairāk pazīstams jums un ērti. Jūs varat dinamiski spēlēt ar CSS lappuses. Mēs esam faktiski jau ir redzējuši mūs dinamiski spēlēt ar HTML. Atcerieties, mēs to izdarījām pareizo Rediģēt kā HTML? Tieši šeit? Tāpēc mēs esam dinamiski spēlēja ar HTML. Konsole, jūs varat dinamiski spēlēt ar JavaScript lappuses. Tā, piemēram, kas ir derīga JavaScript līnija. Boom, es saņēmu tieši to, ko es gribēju. Tātad, mēs varam dinamiski spēlēt ar HTML, dinamiski spēlēt ar JavaScript. Tagad mēs ejam, lai dinamiski spēlē ar CSS. Un tas viss ir tāpēc, ka tas ir tāpat kā instant, dzīvo GDB atgriezenisko saiti, un tāpēc jums var kaut ko zināt tiesības, pirms iet savu kodu, un jūs varat nevar uzminēt, kas kaut ko ir gatavojas izskatās. Tāpēc tas ir super duper forši. Un pieņemsim, visbeidzot apskatīt dinamiski spēlē ar CSS. Tas ir vairāk nekā šeit labajā pusē labajā pusē, element.style. Iesim uz to. Lūk, mūsu elements. Let 's dod tai papildus CSS. Vai žēl, mēs varētu arī tā dažas papildus CSS, taču mēs, iespējams, šajā gadījumā vēlaties mainīt šo atribūtu. Tātad, pieņemsim iet uz leju šeit, lai šo līniju. Ak, es nevaru darīt šeit. Piedodiet. Rediģēt AS - lai ir, kā jūs varētu rediģēt CSS. Mēs nebrauksim, lai rediģētu CSS at this otrkārt, bet mēs gribam, lai rediģētu HTML un piešķir tai papildus atribūts. Ko jūs ierosināt mainīt šo? Es domāju, Avie bija ierosinājumu. Mērķauditorija: Col platums? Jason Hirschhorn: Tas izskatījās tā nedarīja neko, vai nu. Pamēģināsim CSS. Mērķauditorija: [dzirdams] klasē? Jason Hirschhorn: Tajā teikts tas nedarbojas. Tas dod šo dzelteno lieta. Mērķauditorija: Bet [nedzirdama]. Mērķauditorija: Vai tu nosakot platums no attēla līdz 150, kad jūs to darīt? Piemēram, nebūtu jūs tikai izmantot platums? Jason Hirschhorn: Jā. Mērķauditorija: Bet mums nav attēlu vairs. Jason Hirschhorn: Nē. Mums nav kaut ko tur. Tāpēc mēs nebrauksim, lai atrisinātu īpaša problēma. Mēs ejam, lai dotos atpakaļ uz Akshar s risinājums, jo es vēlos, lai uzstādītu Dolphin bezmaksas pagaidām, vai tas ir pēdējais lieta, ko es gribu, lai pabeigtu. Tāpēc mēs esam gatavojas atstāt šo šeit vienlaikus atzīstot, ka tas nav gluži pareizi, un mēs ejam atgriezties pie tā. Piedodiet. Es teicu, mēs varam dinamiski mainīt CSS. Apskatīsim šo un to kas tiešām ātri. Tātad, ja es pārbaudīt šo elementu šeit lejā, un teikt, es gribu, lai būtu zila, Jūs varat nākt nekā šeit, krāsu, jo Es zinu, kas maina krāsu kaut ko, un mēs redzējām, kā tā ir mainījusies tā zilā krāsā. Tātad, tas ir man dinamiski mainot CSS. Nemaina to labi, bet tad Es varu iet atpakaļ uz manu CSS failu un mainīt krāsu objektu. OK. Tas bija daudz. Mums nav pabeidzis savu apbrīnojamo programmu. Ļaujiet man parādīs jums tas ļoti ātri, un tad mēs galvu. Ak, kur tas ir? Nē! Turiet par. Labi, lai jūs esat iepakošanas augšu, pārsteidzošs preview, vai priekšā skatīt, un nākamo reizi. Tas ir Dolphin Trainer 2013 un tā nedarbojas. Lieliski. [Smiekli] Jason Hirschhorn: Oh! Boom! Ko tas nozīmē? Mērķauditorija: Jūs neesat chmod. Jason Hirschhorn: man nav chmod to. Mērķauditorija: Rinda vienu. Jason Hirschhorn: Ak, paskaties uz to. OK. Tātad, man ir mana sešas delfīnus. Kas notiek? Paskatīsimies. Ja es apmācīt vienu, tagad mācību Lili. Ak, es gribu, lai jūs brīvus, Lili. Tur jums iet, atpakaļ okeānā. Tā tas bija šonedēļ. Ja Jums ir kādi jautājumi, mēs būsim ārā. Un atkal, es jums nosūtīsim pārējā šo kodu. Paldies, puiši.