1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> Jason Hirschhorn: Sveicināti, ikviens, nedēļai deviņi. 3 00:00:10,850 --> 00:00:14,800 Mums ir aizraujoša nedēļas pirms mums jo mums ir mūsu gala problēmu kopumu. 4 00:00:14,800 --> 00:00:18,330 Mums ir arī pavisam jaunu valodu, JavaScript, ka jums jau ir 5 00:00:18,330 --> 00:00:22,690 vidū, izmantojot ne tikai par to problēmu kopums, bet daudzi no jums būs 6 00:00:22,690 --> 00:00:24,780 iespējams izmantot to, lai gala projektiem, jo ​​īpaši 7 00:00:24,780 --> 00:00:26,000 tīmekļa gala projektus. 8 00:00:26,000 --> 00:00:32,330 Tātad tas, ko mēs iet pār šodien pēc Īsi runājot par resursiem, 9 00:00:32,330 --> 00:00:33,180 kuru mēs katru nedēļu. 10 00:00:33,180 --> 00:00:36,850 Mēs lēkt JavaScript, un pēc tam mēs pavadīt visas sadaļas ar 11 00:00:36,850 --> 00:00:44,460 praktisku darbību kodēšana delfīnu treneris 2K13, kas ir, piemēram, Madden 12 00:00:44,460 --> 00:00:48,650 2013 bet delfīniem un JavaScript. 13 00:00:48,650 --> 00:00:49,910 >> [Smiekli] 14 00:00:49,910 --> 00:00:53,670 >> Jason Hirschhorn: Tā kā vienmēr, saraksts resursu, lai jūs varētu pārbaudīt out. 15 00:00:53,670 --> 00:01:00,040 Šie resursi ir īpaši svarīgi tāpēc, ka nākamnedēļ uz 16 00:01:00,040 --> 00:01:05,630 Trešdiena ir viktorīna viens, jūsu otrā un galīgais viktorīna šajā kursā. 17 00:01:05,630 --> 00:01:10,700 Tāpat kā viktorīnu nulles, tas ir 75 minūtes un sāk nedaudz pēc 01:00. 18 00:01:10,700 --> 00:01:16,400 Tas aptver visu, jo nulle dienas Šī kursa, bet tas, protams, 19 00:01:16,400 --> 00:01:20,360 uzsver visu, kas ir noticis kopš viktorīnas vienu. 20 00:01:20,360 --> 00:01:23,610 >> Bet, protams, mēs uz cilpas , kas sākumā. 21 00:01:23,610 --> 00:01:27,130 Uz cilpas, iespējams, vēl būs būt daļa no šīs viktorīnu, tāpēc tas nav 22 00:01:27,130 --> 00:01:31,050 kā jūs varat ignorēt visu, kas notika pirms nedēļas pieciem vai viktorīnu nulles 23 00:01:31,050 --> 00:01:32,910 jo šis kurss balstās par sevi daudz. 24 00:01:32,910 --> 00:01:37,080 Bet, protams, īpaša uzmanība tiks pievērsta Lietas, ko mēs esam iemācījušies kopš nedēļas seši. 25 00:01:37,080 --> 00:01:42,520 Tas ietver PHP, Javascript, SQL būt pārliecināti, un arī vairāk uzlabotas 26 00:01:42,520 --> 00:01:46,560 datu struktūras mēs runājām par C Vesela virkne citu tēmu, bet mēs 27 00:01:46,560 --> 00:01:49,860 apspriedīs, ka nākamajā nedēļā kā mēs pārskatām uz viktorīnas. 28 00:01:49,860 --> 00:01:52,940 >> Un arī, kā vienmēr, ja jums ir kāda jautājumi par viktorīnas, kā tu esi 29 00:01:52,940 --> 00:01:56,690 Sagatavojot, justies brīvi sūtīt viņiem savu ceļu. 30 00:01:56,690 --> 00:02:00,230 Tieši tagad, vai kāds ir kāda ātri jautājumi par viktorīnu? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> OK. 33 00:02:03,380 --> 00:02:06,440 Nav jāuztraucas par to, vai ķēms informāciju par tieši tagad, bet paturēt to 34 00:02:06,440 --> 00:02:10,130 atpakaļ jūsu prātā, jo tas ir notiek nedēļu un dienu no tagad. 35 00:02:10,130 --> 00:02:15,030 >> Visbeidzot, es zinu, ka mēs esam darbojas pret semestra noslēgumā - 36 00:02:15,030 --> 00:02:19,910 ir tikai divi posmi paliek pēc šo - bet es esmu joprojām satraukti un 37 00:02:19,910 --> 00:02:21,930 vēlas par jūsu atsauksmēm Ja jums ir kādi. 38 00:02:21,930 --> 00:02:24,500 Es gribu, lai tiem Labākās divas sekcijas jebkad. 39 00:02:24,500 --> 00:02:27,670 Tie, iespējams, būs, jo katra sadaļa ir pārsteidzošs, un labākais jebkad. 40 00:02:27,670 --> 00:02:32,260 Es nezinu, kā tas ir iespējams, bet tie visi esam bijuši fantastiski, es domāju. 41 00:02:32,260 --> 00:02:37,560 >> Atsauksmes es esmu gotten ir piekabināmas off nekas un neviens, jo par 42 00:02:37,560 --> 00:02:40,880 pēdējo pāris nedēļu laikā, tāpēc, lūdzu, sniegt man dažas atsauksmes, ja esat to. 43 00:02:40,880 --> 00:02:42,910 Tas aizņem trīs minūtes. 44 00:02:42,910 --> 00:02:44,900 Jūs varat man pateikt, labas lietas jums gribi, lai saglabātu darot vai 45 00:02:44,900 --> 00:02:46,080 lietas, es varētu strādāt. 46 00:02:46,080 --> 00:02:49,700 Es cenšos būt labākais skolotājs iespējams, vai es cenšos darīt vislabāk 47 00:02:49,700 --> 00:02:52,920 Es varu, bet es nevaru darīt, ja man nav zināt, kā jūs guys darāt. 48 00:02:52,920 --> 00:02:55,080 Un tas ir grūti pateikt, kāpēc jūs, kas gulēja klasē, tāpēc ļaujiet man 49 00:02:55,080 --> 00:02:58,250 zināt, kad, kāpēc tas tika darīts. 50 00:02:58,250 --> 00:03:00,940 >> Es parādīju jums šo attēlu pagājušajā nedēļā. 51 00:03:00,940 --> 00:03:06,910 Tas ir Bruņurupuči Nindzjas velosipēds man bija, kad es biju jaunāks, 52 00:03:06,910 --> 00:03:12,350 un mēs turpinām virzīt jūs guys bez apmācības riteņiem, kā mēs iegremdēt 53 00:03:12,350 --> 00:03:13,630 Jūs citā valodā. 54 00:03:13,630 --> 00:03:18,420 Bet esiet droši, JavaScript, piemēram, PHP, ir ļoti līdzīgs, lai lietas, ko esat 55 00:03:18,420 --> 00:03:18,990 darīts iepriekš. 56 00:03:18,990 --> 00:03:24,100 Loģiku partijas nodod vairāk, ja ne sintakse, tieši viens-for-one. 57 00:03:24,100 --> 00:03:26,910 Bet atkal, visas šīs valodas, kas mēs esam pārgājuši pēdējo pāris 58 00:03:26,910 --> 00:03:30,175 nedēļas, lai gan tie, šķiet milzīgs, ir neticami spēcīgs un ļaus 59 00:03:30,175 --> 00:03:34,440 jums darīt daudz jūsu gala projektu un, iespējams, citas tīmekļa vietnes, kas jums 60 00:03:34,440 --> 00:03:36,180 kods nākotnē. 61 00:03:36,180 --> 00:03:41,000 >> Tātad bez papildu ADO, mēs ejam sākt iegremdēšanās JavaScript. 62 00:03:41,000 --> 00:03:44,630 Mēs runāsim par to īsi un tad patiešām nokļūt hands-on 63 00:03:44,630 --> 00:03:48,300 kodēšanas daļu šajā sadaļā. 64 00:03:48,300 --> 00:03:53,000 Tāpēc JavaScript ir klienta puses skriptu valoda, kas nozīmē, ka 65 00:03:53,000 --> 00:03:56,740 savādāka nekā PHP, un tas ir atšķirīgs nekā C. JavaScript nav, apkopo un 66 00:03:56,740 --> 00:03:58,740 tas nav izpilda serverī. 67 00:03:58,740 --> 00:04:02,090 Drīzāk, jūs slodze to. 68 00:04:02,090 --> 00:04:06,710 Kad slodze JavaScript lapu, kad jūs slodze mājas lapa, un tad izpilda 69 00:04:06,710 --> 00:04:08,020 uz jūsu datora. 70 00:04:08,020 --> 00:04:11,120 Kas nozīmē, ka jūs varat redzēt visu JavaScript kods, kas bija 71 00:04:11,120 --> 00:04:12,240 nosūtīts uz datoru. 72 00:04:12,240 --> 00:04:21,750 >> Dažreiz tas ir saīsināts vai kodēti A bit, šifrētu mazliet, lai jūs 73 00:04:21,750 --> 00:04:23,390 nevar pateikt tieši to, kas notiek. 74 00:04:23,390 --> 00:04:26,920 Piemēram, ja jūs izbraukšana CS50 vai darbinieki risinājums šīs nedēļas 75 00:04:26,920 --> 00:04:31,260 problēma noteikti, un jums iet uz service.js, Jūs pamanīsiet, jūs nevarat patiešām pateikt 76 00:04:31,260 --> 00:04:32,560 ko darīt, no tā, ko mēs deva jums. 77 00:04:32,560 --> 00:04:37,020 Mēs šifrēti tā mazliet, lai padarītu ka mazliet grūtāk. 78 00:04:37,020 --> 00:04:40,450 Tomēr, jūs varat redzēt precīzu JavaScript failu, ka mēs esam izpildes 79 00:04:40,450 --> 00:04:42,010 un mūsu programma darbojas. 80 00:04:42,010 --> 00:04:46,510 Tātad tas, ko nozīmē būt klienta puses skriptu valoda. 81 00:04:46,510 --> 00:04:51,280 >> Līdzīga C un PHP, lai gan, JavaScript jau cilpas, ja / cits 82 00:04:51,280 --> 00:04:52,715 nosacījumiem, bet cilpas. 83 00:04:52,715 --> 00:04:58,290 Līdzīgi PHP, tas ir foreach cilpa, kā arī. 84 00:04:58,290 --> 00:05:02,270 Un atkal, ļoti līdzīgs sintakses, ka mēs esam redzējuši 85 00:05:02,270 --> 00:05:04,430 valodas, ka mēs jau esam strādāja ar. 86 00:05:04,430 --> 00:05:07,650 >> Visbeidzot, viens no stilīgākais daļām JavaScript, un kaut mēs būsim 87 00:05:07,650 --> 00:05:10,010 darot daudz šodien, un, iespējams, jūs darīt daudz ar savu P komplektu, ja jums 88 00:05:10,010 --> 00:05:13,810 nav pieredzējis to jau ir jums varat pārbaudīt visas kļūdas esat 89 00:05:13,810 --> 00:05:16,290 savu kodu, izmantojot JavaScript konsoli. 90 00:05:16,290 --> 00:05:17,770 Mēs paskatījās uz to mazliet pagājušajā nedēļā. 91 00:05:17,770 --> 00:05:21,800 Mēs paskatījās cita veida konsole pārbaudīt lapu, bet 92 00:05:21,800 --> 00:05:28,420 Hroms, atkal, jūs varat redzēt izkārtojumu, HTML, dokumentētu, ka jūsu lapa ir 93 00:05:28,420 --> 00:05:29,310 parāda jums uz ekrāna. 94 00:05:29,310 --> 00:05:33,820 Jūs varat arī redzēt visu JavaScript veido šo lapu, un jūs varat arī, piemēram, 95 00:05:33,820 --> 00:05:36,410 Es teicu, redzēt visas kļūdas Jo Javascript konsoli. 96 00:05:36,410 --> 00:05:40,110 Un mums ir pieredze, ka vairāk mazliet, kad mēs sākam kodēšanu. 97 00:05:40,110 --> 00:05:42,380 >> Viena lieta atzīmēt par JavaScript mainīgie. 98 00:05:42,380 --> 00:05:46,950 Piemēram, PHP mainīgie, viņi brīvi-drukāti, tāpēc jums nav nepieciešams 99 00:05:46,950 --> 00:05:48,690 dot viņiem konkrētu veidu. 100 00:05:48,690 --> 00:05:52,330 Runājot par darbības jomas, kas ir definēta ar "VAR" atslēgvārdu. 101 00:05:52,330 --> 00:05:54,890 Tātad, ja jums nav laisti atslēgvārdu priekšā par kaut ko, jūs vienkārši uzrakstīt vārdu 102 00:05:54,890 --> 00:05:57,870 mainīgā, tad uzdevums operators, šajā gadījumā vienādības zīme. 103 00:05:57,870 --> 00:06:00,360 Es esmu aizmirstot semikolu turpat, bet pieņemu, tur semikolu 104 00:06:00,360 --> 00:06:01,590 turpat. 105 00:06:01,590 --> 00:06:03,520 >> Tad jūs veidojat globālo mainīgo. 106 00:06:03,520 --> 00:06:06,960 Ja jūs likts "VAR" atslēgvārdu, tad jūs dodot tā kādu vietējo tipu 107 00:06:06,960 --> 00:06:10,050 jomu, vai tas ir, lai funkciju vai cilpas. 108 00:06:10,050 --> 00:06:12,215 Tāpēc, ka ir viena lieta, atzīmēt uz mainīgajiem. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript ir valoda. 111 00:06:17,550 --> 00:06:21,830 jQuery ir bibliotēka veidota uz augšu JavaScript valoda, un jums ir 112 00:06:21,830 --> 00:06:24,180 redzējis to pirms lekciju. 113 00:06:24,180 --> 00:06:28,010 Es ļoti ieteiktu, ja jūs gatavojas , izmantojot JavaScript savā finālā 114 00:06:28,010 --> 00:06:29,690 projekts, kas jums ir jāzina jQuery. 115 00:06:29,690 --> 00:06:33,140 Tas padara visu, ko vēlaties darīt daudz, daudz vieglāk. 116 00:06:33,140 --> 00:06:36,730 Tas arī nāk ar brīnišķīgu dokumentācija un piemēri, lai palīdzētu iegūt 117 00:06:36,730 --> 00:06:37,080 Jums sākusies. 118 00:06:37,080 --> 00:06:39,430 Šodien mēs gribam būt izmantojot jQuery, kā arī. 119 00:06:39,430 --> 00:06:43,320 >> Tie, kas man ir uz šo slaidu, ir ļoti pamati jQuery. 120 00:06:43,320 --> 00:06:47,200 Augšpusē jūsu HTML failu vai neatkarīgi - jūsu index.php failu, jūsu 121 00:06:47,200 --> 00:06:50,070 index.html failu - jums ir nepieciešams, lai iekļaut šīs divas līnijas. 122 00:06:50,070 --> 00:06:51,540 Tie ir diezgan vispārīgas līnijas. 123 00:06:51,540 --> 00:06:57,350 Pirmā līnija ietver jQuery JavaScript failu, un otrā pozīcija 124 00:06:57,350 --> 00:07:00,410 ietver kur jūs esat rakstiski savu JavaScript kodu. 125 00:07:00,410 --> 00:07:03,240 Un, protams, jo jūsu JavaScript kods, jūs, iespējams, izmanto 126 00:07:03,240 --> 00:07:07,800 daži jQuery bibliotēkas funkcijas, kas nepieciešams, lai iet pēc 127 00:07:07,800 --> 00:07:09,650 jQuery iekļaušana skriptu. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 Mēs izpētīt šo atkal brīdi. 130 00:07:15,550 --> 00:07:21,640 >> Un, visbeidzot, JavaScript failu, Es aicinu šo vienu index.js. 131 00:07:21,640 --> 00:07:22,640 Tas varētu būt scripts.js. 132 00:07:22,640 --> 00:07:26,510 Neatkarīgi no tā, kāds JavaScript failu jūs esat, jūs sākat vispār 133 00:07:26,510 --> 00:07:30,780 ar šo rindiņu kodu, dolāra zīmi, atvērt paren, dokumentu, tuvu paren, 134 00:07:30,780 --> 00:07:34,810 periodu, gatavs, atveriet paren, funkcijas, atvērt paren, tuvu paren, un pēc tam 135 00:07:34,810 --> 00:07:35,490 cirtaini lencēm. 136 00:07:35,490 --> 00:07:38,930 Mest savu kodu iekšā tur, un pēc tam beigās to ar cirtaini lencēm, close 137 00:07:38,930 --> 00:07:40,590 paren, semikols. 138 00:07:40,590 --> 00:07:42,550 >> Tāpēc ņemt to kā dota. 139 00:07:42,550 --> 00:07:47,250 Ja jūs esat būs izmantojot jQuery, wrap visiem jūsu jQuery kodu iekšpusē 140 00:07:47,250 --> 00:07:49,230 šī līnija kodu. 141 00:07:49,230 --> 00:07:53,150 Un mēs redzam, ka atkal sekundē. 142 00:07:53,150 --> 00:07:56,170 >> Atkal mēs strādāsim ar jQuery, un, lūdzu, uzdot jautājumus, kā mēs ejam 143 00:07:56,170 --> 00:07:58,420 šodien, bet vai kāds ir jebkurš jautājumi par jQuery vai 144 00:07:58,420 --> 00:07:59,670 JavaScript tieši tagad? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> OK. 147 00:08:11,780 --> 00:08:16,780 Tātad bez papildu ADO, es klāt lai jums Dolphin treneris 2K13. 148 00:08:16,780 --> 00:08:20,656 Es esmu super satraukti par šo jaunāko versiju produktu. 149 00:08:20,656 --> 00:08:22,620 >> Ak, nē! 150 00:08:22,620 --> 00:08:23,590 Man bija tik satraukti. 151 00:08:23,590 --> 00:08:28,030 Es gatavojas parādīs to jums puiši, bet izskatās, ka mums nav 152 00:08:28,030 --> 00:08:28,720 īstenoti to vēl. 153 00:08:28,720 --> 00:08:30,340 Veidosim šo mazliet lielāks. 154 00:08:30,340 --> 00:08:35,789 Tātad, ja es slodze kodu Dolphin Treneris - dang to. 155 00:08:35,789 --> 00:08:37,210 Piedod, puiši. 156 00:08:37,210 --> 00:08:38,520 Es strādāju par šo pirms klasi. 157 00:08:38,520 --> 00:08:40,350 Es domāju, ka man ir tas pabeigts, bet es domāju, es vēl joprojām ir dažas 158 00:08:40,350 --> 00:08:41,210 darbs atstāts jādara. 159 00:08:41,210 --> 00:08:44,400 Bet par laimi, jūs puiši visi ir dažas JavaScript un jQuery praksi, lai 160 00:08:44,400 --> 00:08:48,110 iesim uz priekšu un pabeigt kopā. 161 00:08:48,110 --> 00:08:50,360 >> Es domāju, ka es nosūtīja jūs guys kopijas to, jo man bija super satraukti 162 00:08:50,360 --> 00:08:52,710 par to, lai jūs būtu tas pats kods, kas man ir. 163 00:08:52,710 --> 00:08:55,490 Pieņemsim galvu - 164 00:08:55,490 --> 00:08:56,600 Dang tā, puiši, es esmu sorry. 165 00:08:56,600 --> 00:08:59,280 Pieņemsim galvu terminālu, though. 166 00:08:59,280 --> 00:09:02,770 >> Tāpat kā ar savu pagātnes problēmu komplekti, ja jums ir mana - 167 00:09:02,770 --> 00:09:05,130 pieņemsim to nedaudz lielāks, Arī jums puiši - 168 00:09:05,130 --> 00:09:06,740 jūs pārņēma manu zip fails. 169 00:09:06,740 --> 00:09:10,670 Jūs, iespējams, unzipped tā. 170 00:09:10,670 --> 00:09:12,970 Iesim šeit. 171 00:09:12,970 --> 00:09:22,360 Un tad, cerams, jūs pārvietot to pašu direktoriju, kur saglabāt 172 00:09:22,360 --> 00:09:23,540 jūsu problēma noteikti astoņi kodu. 173 00:09:23,540 --> 00:09:26,780 Un mēs saglabātu šajā direktorijā, lai es varētu tai piekļūt - vai mēs visi varam piekļūt 174 00:09:26,780 --> 00:09:31,740 kods Chrome pārlūku uz mūsu datorā. 175 00:09:31,740 --> 00:09:36,880 >> Un atkal, lai saņemtu šo kodu, jūs vienkārši ierakstiet adresi atrodama 176 00:09:36,880 --> 00:09:41,180 apakšējā, labajā pusē jūsu ierīce, uz leju šeit. 177 00:09:41,180 --> 00:09:42,490 Jums atrast savu IP adresi. 178 00:09:42,490 --> 00:09:45,260 Rakstot, ka uz Chrome pārlūku datorā, un šajā gadījumā, 179 00:09:45,260 --> 00:09:49,110 jo mēs esam sadaļā deviņi mapi, mums ir arī pievienot 180 00:09:49,110 --> 00:09:51,340 slash deviņi sadaļu. 181 00:09:51,340 --> 00:09:52,820 >> Let me - 182 00:09:52,820 --> 00:09:54,070 Ups. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 Es esmu gatavojas, lai samazinātu šo tik man nav ir saglabāt noklikšķinot caur to. 185 00:09:58,980 --> 00:10:00,150 >> Tātad, tas ir, kā es izveidoju šo kodu. 186 00:10:00,150 --> 00:10:01,710 Esmu jau darīts, ka jau ir. 187 00:10:01,710 --> 00:10:04,080 Es neesmu gatavojas iet caur tiem pasākumus, jo tas ir tas, ko 188 00:10:04,080 --> 00:10:06,090 sākumā problēmas noteikt pastaigas Jūs ar to, kā to izdarīt. 189 00:10:06,090 --> 00:10:11,520 Tik iet uz priekšu, un jūs saņemsiet, lai noteikt šo līdz otrā, bet vispirms pieņemsim 190 00:10:11,520 --> 00:10:14,740 izpētītu šo kodu, kā grupa. 191 00:10:14,740 --> 00:10:15,990 >> Paskatīsimies, ko es darīju. 192 00:10:15,990 --> 00:10:18,340 Es centos, lai saņemtu lielāko daļu no tā izdarīt pirms klasē, bet es domāju, ka es 193 00:10:18,340 --> 00:10:20,140 bija nedaudz atpaliek. 194 00:10:20,140 --> 00:10:22,643 Tā ļauj atvērt index.html. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> OK. 197 00:10:36,920 --> 00:10:39,780 Un index.html ir ļoti vienkāršs lapa, jo man nebija 198 00:10:39,780 --> 00:10:40,630 vēlas iegūt pārāk traks. 199 00:10:40,630 --> 00:10:43,200 Es patiešām gribēju, lai pārliecinātos, ka tas strādāja, bet es domāju, es 200 00:10:43,200 --> 00:10:44,830 nesaņēma tik tālu. 201 00:10:44,830 --> 00:10:48,600 >> Šeit ir galvas, kas nāk pa labi iekšā šajos HTML tagus, un mēs pamanām 202 00:10:48,600 --> 00:10:50,180 pāris lietas, tiesības pie nūja. 203 00:10:50,180 --> 00:10:55,320 Mums ir CSS failu tiesības šeit un atbilstošu 204 00:10:55,320 --> 00:10:57,600 atrašanās vieta CSS failu. 205 00:10:57,600 --> 00:11:02,080 Mums ir jQuery bibliotēku tieši šeit, un jūs pamanīsiet kaut ko citu 206 00:11:02,080 --> 00:11:03,470 par to. 207 00:11:03,470 --> 00:11:06,070 Avots ir kaut kas ļoti, ļoti ilgi. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 veida izskatās URL, taču tas nav, protams, izskatās 210 00:11:12,880 --> 00:11:15,380 js / jquery.js. 211 00:11:15,380 --> 00:11:20,280 >> Un tas ir tāpēc, ka es nolēmu, ka es nevēlos, lai lejupielādētu 212 00:11:20,280 --> 00:11:23,750 jQuery failu, un velciet to un saglabājiet tas manā bibliotēkā, un ir 213 00:11:23,750 --> 00:11:25,150 atbildīgs par to. 214 00:11:25,150 --> 00:11:31,040 Drīzāk, es esmu tikai gatavojas veikt JavaScript failu, ka Google saimniekiem. 215 00:11:31,040 --> 00:11:34,880 Tātad Google faktiski atrodas vairākas bibliotēkas, un jQuery, jo tas ir viens no 216 00:11:34,880 --> 00:11:36,930 no populārākajiem, tā saimniekiem ka viens, kā labi. 217 00:11:36,930 --> 00:11:40,670 >> Un tāpēc, ka tas ir hosting to, man nav jāuztraucas par to, un viņi 218 00:11:40,670 --> 00:11:43,520 atjaunināt, gan tad, kad viņi to atjaunina Es droši vien ir jāmaina šīs 219 00:11:43,520 --> 00:11:44,640 numurus šeit. 220 00:11:44,640 --> 00:11:47,570 Bet tas ir tikai, lai padarītu visu manu failu Sistēma nedaudz mazāk tīrs. 221 00:11:47,570 --> 00:11:49,380 Man nav tiešām patīk hosting visus šos failus. 222 00:11:49,380 --> 00:11:51,780 Tas ir daudz jaukāk, ja Google ir uzņemt viņus par mani. 223 00:11:51,780 --> 00:11:55,180 Tāpēc tas atkal kļūst visu JavaScript failu, bet tas ir tikai to 224 00:11:55,180 --> 00:11:59,920 Google izmitināts, nevis par manu failu sistēma manā datorā. 225 00:11:59,920 --> 00:12:05,490 >> Mēs arī redzam, ka man ir vēl divas faili dolphins.js un trainer.js. 226 00:12:05,490 --> 00:12:07,070 Mēs apskatīt tos sekundē. 227 00:12:07,070 --> 00:12:10,550 Un, visbeidzot, šī sadaļa tieši šeit. 228 00:12:10,550 --> 00:12:13,980 Kas var man pateikt, ko tas kods iekšā šie virsrakstu tagus, kur 229 00:12:13,980 --> 00:12:18,316 kas iet manā lapā? 230 00:12:18,316 --> 00:12:21,560 >> Mērķauditorija: Tāpat kā šī lieta, ka rīkjoslā vai kāds? 231 00:12:21,560 --> 00:12:23,500 >> Jason Hirschhorn: Jā, tab maz uz augšu Chrome loga. 232 00:12:23,500 --> 00:12:25,650 Tas ir, ja šis teksts iet. 233 00:12:25,650 --> 00:12:28,680 >> Iekšpusē ķermeņa, kā jūs varat Redzi, nav daudz stuff šeit. 234 00:12:28,680 --> 00:12:30,900 Man ir tikai trīs divs. 235 00:12:30,900 --> 00:12:33,130 Es dodu viņiem kādu ID, un Man mazliet tekstu iekšā 236 00:12:33,130 --> 00:12:37,350 Bet es domāju, ka tāpēc mums nav redzēt kaut ko vairāk nekā šeit. 237 00:12:37,350 --> 00:12:39,350 Patiesībā, mēs redzam delfīnu treneris 2K13. 238 00:12:39,350 --> 00:12:39,810 Mēs redzam TODO. 239 00:12:39,810 --> 00:12:42,510 Es nezinu, kur tas nāk no jo es neredzu, ka šeit. 240 00:12:42,510 --> 00:12:44,510 Tāpēc varbūt tas ir viens no mans JavaScript failus. 241 00:12:44,510 --> 00:12:46,630 Mēs pārbaudīsim, ka no sekundē. 242 00:12:46,630 --> 00:12:50,120 >> Vai kāds cits man pateikt, ko tas ID ir tieši šeit? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> Mērķauditorija: Tas ir veids, zvanot īpaša sadaļa ar [dzirdams] 245 00:13:00,210 --> 00:13:00,440 failu? 246 00:13:00,440 --> 00:13:01,250 >> Jason Hirschhorn: Jā. 247 00:13:01,250 --> 00:13:03,980 Tas ir tikai veids, kā atsauces šo konkrēto div. 248 00:13:03,980 --> 00:13:07,830 ID ir ideāli unikāls. 249 00:13:07,830 --> 00:13:09,150 OK? 250 00:13:09,150 --> 00:13:10,050 Grūts pūļa. 251 00:13:10,050 --> 00:13:12,690 Tātad, ID parasti ir unikāls. 252 00:13:12,690 --> 00:13:15,210 Jums dot viņiem vienu konkrētu elements jūsu kodu. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> Ko darīt, ja es gribēju, lai atsauces numuru elementu, vai tas ir CSS 255 00:13:21,540 --> 00:13:23,350 stils vai jQuery? 256 00:13:23,350 --> 00:13:25,610 Kas atribūtu es varu dot viņiem? 257 00:13:25,610 --> 00:13:26,330 >> Mērķauditorija: klase. 258 00:13:26,330 --> 00:13:27,270 >> Jason Hirschhorn: klases, tieši tā. 259 00:13:27,270 --> 00:13:28,480 Tiesības. 260 00:13:28,480 --> 00:13:32,610 >> Labi, tāpēc index.html, atkal, nav daudz notiek šeit. 261 00:13:32,610 --> 00:13:42,550 Tā ļauj atvērt citu failu. 262 00:13:42,550 --> 00:13:43,930 Let 's redzēt, kas man ir. 263 00:13:43,930 --> 00:13:44,700 Tas ir viss, kas man ir šeit. 264 00:13:44,700 --> 00:13:48,455 Iesim uz JS mapē. 265 00:13:48,455 --> 00:13:51,570 Es neesmu gatavojas jāuztraucas par CSS tagad. 266 00:13:51,570 --> 00:13:55,268 Pieņemsim atvērt dolphins.js. 267 00:13:55,268 --> 00:13:56,900 >> Hmm. 268 00:13:56,900 --> 00:13:58,150 Vai drīzāk - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 OK. 271 00:14:03,860 --> 00:14:07,650 Tātad, dolphins.js, tas tiešām izskatās diezgan līdzīgs daži kodu jums 272 00:14:07,650 --> 00:14:10,210 tika dots problēmas noteikti astoņi. 273 00:14:10,210 --> 00:14:12,870 Jūs varat ritināt caur to. 274 00:14:12,870 --> 00:14:15,730 Var kāds man pateikt, lai gan, kas ir DOLPHINS? 275 00:14:15,730 --> 00:14:16,840 Tas viss cepures DOLPHINS? 276 00:14:16,840 --> 00:14:17,810 Kas tas ir? 277 00:14:17,810 --> 00:14:19,810 Kāda veida dati ir tas, ka? 278 00:14:19,810 --> 00:14:20,570 >> Mērķauditorija: Array. 279 00:14:20,570 --> 00:14:22,560 >> Jason Hirschhorn: Tas ir masīvs. 280 00:14:22,560 --> 00:14:25,280 Un mēs zinām, tas ir masīvs, jo es redzēt šīs kvadrātiekavas šeit. 281 00:14:25,280 --> 00:14:29,335 Un kāds cits, kas ir tā masīvs? 282 00:14:29,335 --> 00:14:30,229 >> Mērķauditorija: Objekti? 283 00:14:30,229 --> 00:14:32,900 >> Jason Hirschhorn: Ir masīvs objektiem. 284 00:14:32,900 --> 00:14:33,740 Un jūs varat redzēt, ka. 285 00:14:33,740 --> 00:14:35,996 Un kā jūs zināt, tas ir masīvs objektu? 286 00:14:35,996 --> 00:14:41,105 >> Mērķauditorija: Tāpēc, ka jums ir šī kolu boot starp cirtaini bikšturi? 287 00:14:41,105 --> 00:14:41,700 >> Jason Hirschhorn: Right. 288 00:14:41,700 --> 00:14:44,760 Tāpēc man ir šie cirtaini bikšturi tieši šeit, un tad jūs varat redzēt komatu 289 00:14:44,760 --> 00:14:47,830 atdalot atšķiras objekti šajā masīvā. 290 00:14:47,830 --> 00:14:52,040 Un tad no katra objekta, man ir kaut resnās un kaut kas cits. 291 00:14:52,040 --> 00:14:54,920 Un ko parasti šī pirmā daļa, lieta, pa kreisi no resnās zarnas? 292 00:14:54,920 --> 00:14:57,070 Kas ir tas sauc? 293 00:14:57,070 --> 00:14:57,450 Vispārīgi? 294 00:14:57,450 --> 00:14:59,090 Kā mēs atsaucamies uz to? 295 00:14:59,090 --> 00:15:00,335 >> Mērķauditorija: indekss? 296 00:15:00,335 --> 00:15:02,810 >> Jason Hirschhorn: Index, vai, iespējams, vispārīgāk, galvenais. 297 00:15:02,810 --> 00:15:04,750 Un pēc tam labajā pusē side vērtība. 298 00:15:04,750 --> 00:15:05,670 Tātad indekss, atslēgu. 299 00:15:05,670 --> 00:15:07,590 Bet, ja mēs runājam par tiem, mēs parasti nozīmē lieta, par 300 00:15:07,590 --> 00:15:08,770 kreisajā pusē. 301 00:15:08,770 --> 00:15:11,450 >> Ar vienkāršu masīvs, atkal, mums bija indeksiem 0. 302 00:15:11,450 --> 00:15:11,900 1. 303 00:15:11,900 --> 00:15:12,220 2. 304 00:15:12,220 --> 00:15:12,510 3. 305 00:15:12,510 --> 00:15:13,580 4. 306 00:15:13,580 --> 00:15:17,640 Un delfīniem, mums būs delfīnu 0, delfīni 1, delfīni 2, delfīnu 3, 307 00:15:17,640 --> 00:15:18,640 delfīni 4. 308 00:15:18,640 --> 00:15:24,900 Mums ir arī iekšpusē šo objektu, mēs kas parasti nav atsauces lietas. 309 00:15:24,900 --> 00:15:29,460 Vai arī, ja mēs vienkārši ir šis objekts tiesības šeit mēs nebrauksim teikt objektu 0, 310 00:15:29,460 --> 00:15:30,480 objektu 1, objektu 2. 311 00:15:30,480 --> 00:15:35,460 Mēs ejam, lai teikt objekta nosaukumu, vai objekta tips, objekta garums, un tā tālāk. 312 00:15:35,460 --> 00:15:38,120 Un tas, kā mēs iegūtu vērtību labajā pusē. 313 00:15:38,120 --> 00:15:41,460 Tātad, ja mēs teikt objekta nosaukums, piemēram, mēs varētu saņemt šo virkni, 314 00:15:41,460 --> 00:15:43,200 "Grace". 315 00:15:43,200 --> 00:15:47,510 >> Tātad, kā jūs puiši man teica, delfīni ir vienkārši masīvs objektiem. 316 00:15:47,510 --> 00:15:49,875 Un jūs redzat visus objektus ir nosaukums, tipa, ģints. 317 00:15:49,875 --> 00:15:51,920 Vai tas izrunā pareizi? 318 00:15:51,920 --> 00:15:52,880 Kāds? 319 00:15:52,880 --> 00:15:53,420 Ģints? 320 00:15:53,420 --> 00:15:53,935 Lieliski. 321 00:15:53,935 --> 00:15:55,465 >> Garumu, svaru. 322 00:15:55,465 --> 00:15:56,620 Vai tas izrunā pareizi? 323 00:15:56,620 --> 00:15:57,340 Es domāju, ka jā. 324 00:15:57,340 --> 00:16:01,870 Un attēlu, tikai URL uz kādu failu tiešsaistē. 325 00:16:01,870 --> 00:16:05,700 Un tieši šeit, mēs cieši masīvs, tur pa labi uz leju ļoti kreisajā rokā 326 00:16:05,700 --> 00:16:06,930 pusē manu ekrānu. 327 00:16:06,930 --> 00:16:08,543 Tā ka viss dolphins.js ir. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> Ak, mans Dievs. 330 00:16:18,530 --> 00:16:19,530 Tas izskaidro to. 331 00:16:19,530 --> 00:16:20,930 Es domāju, ka man gatavo viss, bet izskatās. 332 00:16:20,930 --> 00:16:22,840 Ir visi šie todos. 333 00:16:22,840 --> 00:16:25,500 OK, cerams, mēs varam darīt tos kopā. 334 00:16:25,500 --> 00:16:27,540 Bet pieņemsim vispirms, pirms mēs ka tikai staigāt pa 335 00:16:27,540 --> 00:16:29,190 šis kods ir ļoti ātri. 336 00:16:29,190 --> 00:16:33,600 >> Tā kā jau minēju, mēs redzam ļoti sākot šo līniju, kas man bija ar 337 00:16:33,600 --> 00:16:36,030 slaidi, (dokuments). gatavs (funkcija (). 338 00:16:36,030 --> 00:16:38,710 Un būtībā to, kas notiek, lai Vai ir jāgaida, līdz viss jūsu 339 00:16:38,710 --> 00:16:42,690 lapas ir piekrauts, tāpēc pagaidiet, kamēr tas viss masīvs, viss ir labi 340 00:16:42,690 --> 00:16:45,490 iet, un tad sākt izpildes šis kods. 341 00:16:45,490 --> 00:16:49,230 Tātad, ja jums ir nepieciešams, lai palaistu kādu PHP, ja Jums nepieciešams, lai iegūtu dažus attēlus, 342 00:16:49,230 --> 00:16:53,280 neatkarīgi no tā, viss kods ir komplektu un gatavi iet jūsu indekss lapā 343 00:16:53,280 --> 00:16:56,270 vai kāds lapa ir ielādēta, un tagad jūs gatavojas sākt 344 00:16:56,270 --> 00:16:58,810 izpildīt savu kodu. 345 00:16:58,810 --> 00:17:02,020 >> Tātad pirmā lieta, ko mēs darām, ir mēs izveidojām šo masīvu. 346 00:17:02,020 --> 00:17:04,599 Un man nav VAR atslēgvārds tur, lai to, kas ir 347 00:17:04,599 --> 00:17:05,650 apjoms šajā masīvā? 348 00:17:05,650 --> 00:17:06,530 >> Mērķauditorija: Tā ir globāla. 349 00:17:06,530 --> 00:17:09,730 >> Jason Hirschhorn: Tā ir globāla, tāpēc ocean_array var piekļūt no 350 00:17:09,730 --> 00:17:11,380 visā šajā lietā. 351 00:17:11,380 --> 00:17:14,130 >> Un tad mēs redzam uz cilpas. 352 00:17:14,130 --> 00:17:18,930 Tas nav teikt, foreach, bet tas būtībā foreach cilpa. 353 00:17:18,930 --> 00:17:24,010 Un tas ir tikai JavaScript versija, tāpēc katram VAR delfīnu ar delfīniem, 354 00:17:24,010 --> 00:17:25,780 kādi datu tips? 355 00:17:25,780 --> 00:17:30,260 Kaut gan, atkal, JavaScript nav ir šie datu tipi par sevi, ko 356 00:17:30,260 --> 00:17:31,335 datu tips ir delfīns? 357 00:17:31,335 --> 00:17:32,460 >> Mērķauditorija: objekts. 358 00:17:32,460 --> 00:17:34,290 >> Jason Hirschhorn: Tas ir objekts. 359 00:17:34,290 --> 00:17:37,590 Mēs esam nonākuši katru objektu ar delfīniem masīvā. 360 00:17:37,590 --> 00:17:42,630 Tātad šeit, izskatās, ka es aizmirsu visus šos delfīnus no mūsu 361 00:17:42,630 --> 00:17:46,300 milzu DOLPHINS domā par ocean_array, lai mēs būtu droši darīt 362 00:17:46,300 --> 00:17:47,410 ka pirmais. 363 00:17:47,410 --> 00:17:50,880 >> Un tad, kaut ko sauc šis baseins mainīgs. 364 00:17:50,880 --> 00:17:52,490 Es esmu nosakot to null. 365 00:17:52,490 --> 00:17:55,080 Un tad es aicinu šo funkciju draw_ocean. 366 00:17:55,080 --> 00:17:56,580 Es vilcienu delfīns, ja tā attēls ir noklikšķinājuši - 367 00:17:56,580 --> 00:17:58,140 Es neesmu darījis - un noteikt delfīnu bez maksas, ja 368 00:17:58,140 --> 00:17:59,530 poga ir uzklikšķināt. 369 00:17:59,530 --> 00:18:01,550 >> Tātad šie ir lietas, kas man jādara. 370 00:18:01,550 --> 00:18:04,770 Es domāju, man vajadzētu dot jums dažus fona par to, ko es centos darīt. 371 00:18:04,770 --> 00:18:08,930 Tātad, ja mēs ejam šeit, ko es tiešām gribēju tas izskatās bija masīvs augšu 372 00:18:08,930 --> 00:18:12,740 šeit, nevis tā sakot "TODO" Es gribēja tabulu, būtībā, ar 373 00:18:12,740 --> 00:18:14,750 bildes visu delfīniem. 374 00:18:14,750 --> 00:18:18,150 Un tad, kad jūs noklikšķiniet uz viena attēla, Es gribēju, lai to uz leju 375 00:18:18,150 --> 00:18:21,320 apakšējā puse no ekrāna, un sniedz jums visu informāciju par to, kā 376 00:18:21,320 --> 00:18:24,170 kas būtu delfīnu baseinā, delfīnu jūs apmācību. 377 00:18:24,170 --> 00:18:25,040 >> Tāpēc es domāju, ka būtu ļoti forši. 378 00:18:25,040 --> 00:18:27,980 Jums ir visas šīs delfīnu okeānā šeit, tad noklikšķiniet uz vienas, 379 00:18:27,980 --> 00:18:30,230 un gribētu iet uz baseinu, un tad jūs varētu apmācīt to. 380 00:18:30,230 --> 00:18:31,590 Tātad tas ir tas, ko es centos darīt. 381 00:18:31,590 --> 00:18:33,890 Un tad tur būsi poga uz leju šeit baseinā, un jūs varat noklikšķināt, 382 00:18:33,890 --> 00:18:36,950 piemēram, "Set Free", un jūs varat iestatīt delfīns bez maksas, un tas iet atpakaļ 383 00:18:36,950 --> 00:18:38,030 okeānā. 384 00:18:38,030 --> 00:18:40,390 >> Tātad tas ir tas, ko es centos izveidot, bet atkal, es esmu gatavojas nepieciešama jūsu palīdzība 385 00:18:40,390 --> 00:18:41,490 lai radītu to. 386 00:18:41,490 --> 00:18:44,790 Tāpēc cerams, daži no šiem atslēgvārdiem vai daži no šiem nosacījumiem sāks 387 00:18:44,790 --> 00:18:47,890 izprast tagad kontekstā Šīs programmas. 388 00:18:47,890 --> 00:18:49,640 >> Pieņemsim glabāt meklējat caur šo failu. 389 00:18:49,640 --> 00:18:50,830 Mēs saucam šo funkciju draw_ocean. 390 00:18:50,830 --> 00:18:56,650 Tas ir viens un tikai funkcija mēs saucam no document.ready sadaļā. 391 00:18:56,650 --> 00:19:01,600 Tāpēc mēs to saucam draw_ocean funkciju, un izskatās, ka tas rada virkni, 392 00:19:01,600 --> 00:19:03,010 mainīgais, šeit. 393 00:19:03,010 --> 00:19:06,790 Put ir kaut virknē, piebilst vairāk stuff virknes, piebilst vairāk 394 00:19:06,790 --> 00:19:11,750 sīkumi virknes, un tad šī līnija kodu. 395 00:19:11,750 --> 00:19:14,270 Es saku, ka izdrukā HTML virkni. 396 00:19:14,270 --> 00:19:19,230 Un kāds paskaidrot man, kas šī līnija kodu dara? 397 00:19:19,230 --> 00:19:21,800 Nu, pirmkārt, to, ko dara ka dolāra zīmi nozīmē? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 Tas nav PHP mainīgo, bet ko tas, ka dolāra zīmi nozīmē? 400 00:19:30,914 --> 00:19:34,680 >> Mērķauditorija: sasaiste ar HTML ID - 401 00:19:34,680 --> 00:19:37,220 tas ir tāpat kā tas ir saistīts ar HTML kodu? 402 00:19:37,220 --> 00:19:38,430 >> Jason Hirschhorn: Kas par ka dolāra zīmi? 403 00:19:38,430 --> 00:19:40,662 Ko tas dolāra zīmi norāda? 404 00:19:40,662 --> 00:19:43,364 >> Mērķauditorija: sasaiste ar HTML kaut kā? 405 00:19:43,364 --> 00:19:46,630 >> Jason Hirschhorn: Kur mēs esam redzējuši Tas dolāra zīmi pirms JavaScript? 406 00:19:46,630 --> 00:19:47,920 Mēs redzējām to lekciju. 407 00:19:47,920 --> 00:19:48,360 Mēs runājām par to. 408 00:19:48,360 --> 00:19:50,150 Kāda dolāra zīme nozīmē? 409 00:19:50,150 --> 00:19:51,220 >> Mērķauditorija: Kaut kas ar jQuery? 410 00:19:51,220 --> 00:19:52,380 >> Jason Hirschhorn: Tieši labi. 411 00:19:52,380 --> 00:19:54,270 Tas ir kaut ko darīt ar jQuery. 412 00:19:54,270 --> 00:19:59,310 Tas dolāra zīme nozīmē, ka es esmu, izmantojot jQuery bibliotēkas funkciju šeit. 413 00:19:59,310 --> 00:20:00,980 Tieši labi. 414 00:20:00,980 --> 00:20:04,560 >> 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 415 00:20:04,560 --> 00:20:09,150 paren, un iekšā tur, kas notiek iekšā tur, ja jūs izmantojat 416 00:20:09,150 --> 00:20:13,380 jQuery bibliotēku funkciju, vai arī jūs esat izmantojot jQuery bibliotēku? 417 00:20:13,380 --> 00:20:14,690 Atkal, ka redzējāt šo lekciju. 418 00:20:14,690 --> 00:20:16,840 Var kāds iedodiet man - un jūs arī redzēt kaut ko šeit. 419 00:20:16,840 --> 00:20:18,090 Kas notiek iekšpusē tur? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> Jeff, man minējums. 422 00:20:23,550 --> 00:20:27,000 Ko tas izskatās, # okeānu? 423 00:20:27,000 --> 00:20:28,270 Kur mēs esam redzējuši, ka pirms? 424 00:20:28,270 --> 00:20:29,920 >> Mērķauditorija: Vai tas bibliotēka vai kaut ko? 425 00:20:29,920 --> 00:20:30,720 Man nav ne jausmas. 426 00:20:30,720 --> 00:20:36,420 >> Jason Hirschhorn: Nu, pieņemsim man atvērt indeksa dot - 427 00:20:36,420 --> 00:20:37,710 Nē, nepareizā vietā. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> Tā mēs redzam, mums ir kaut kas sauc okeāna šeit. 430 00:20:46,600 --> 00:20:50,870 Kur mēs esam redzējuši # okeāna hashtag okeāns, sintakse pirms? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 Yeah? 433 00:20:53,950 --> 00:20:55,190 >> Mērķauditorija: CSS? 434 00:20:55,190 --> 00:20:56,810 >> Jason Hirschhorn: CSS. 435 00:20:56,810 --> 00:21:00,720 Tāpēc mēs vēlējāmies, lai stils kaut ko, atcerieties, ka mēs varētu nodot hashtag CSS 436 00:21:00,720 --> 00:21:05,360 selektora vai hashtag ocean, piemēram, un visu formatējumu 437 00:21:05,360 --> 00:21:09,270 ka mēs vēlējāmies dot lieta ar ID okeānu mēs ieliekam iekšā tur. 438 00:21:09,270 --> 00:21:15,470 >> Tātad iekšā šeit tas nav CSS selektors iet šeit. 439 00:21:15,470 --> 00:21:17,630 jQuery definē savu no šķirotāja veidu. 440 00:21:17,630 --> 00:21:21,650 Bet tā ir pati ideja, un faktiski daudzi no tiem pārklājas ar CSS. 441 00:21:21,650 --> 00:21:24,710 Tā iekšpusē šiem atklātajiem iekavās, jūs likts selektoru, un neatkarīgi 442 00:21:24,710 --> 00:21:28,670 selektora attiecas uz, ka tas, ko jūs esat būs izmantojot. 443 00:21:28,670 --> 00:21:32,320 >> Tātad šajā gadījumā, es esmu Izvēloties ID okeānu. 444 00:21:32,320 --> 00:21:33,690 Ja man bija klasi - 445 00:21:33,690 --> 00:21:38,830 pieņemsim, ka man ir klasi lietas sauc par "bildes", un es dodu, ka, lai 446 00:21:38,830 --> 00:21:45,662 elementu daudz, cik es varu atsauce klases lietas sauc par "bildes?" 447 00:21:45,662 --> 00:21:47,110 >> Mērķauditorija: Es domāju, ka tas bija dot. 448 00:21:47,110 --> 00:21:48,140 >> Jason Hirschhorn: Ar punktu. 449 00:21:48,140 --> 00:21:50,830 Tātad, ja tā vietā man dot attēlus šeit, kas dotu man klasi 450 00:21:50,830 --> 00:21:51,980 lietas, ko sauc par "attēlus." 451 00:21:51,980 --> 00:21:54,810 >> Protams, tas ir super spēcīga, un Jūs varat atsauce daudz lietas. 452 00:21:54,810 --> 00:21:59,970 Patiesībā, es varētu atsauce būtībā jebkurš tag HTML. 453 00:21:59,970 --> 00:22:04,630 Tātad, ja es gribēju to darīt, td, tas ir tag, ka mēs esam redzējuši iepriekš, kad 454 00:22:04,630 --> 00:22:05,750 veidojot tabulu. 455 00:22:05,750 --> 00:22:10,060 Jūs, iespējams, iepazinies ar ka no P noteikti septiņi. 456 00:22:10,060 --> 00:22:12,470 Šajā gadījumā, tas ir faktiski notiek , lai atlasītu tos visus. 457 00:22:12,470 --> 00:22:14,920 Tas ir gatavojas sniegt man masīvs Visu TD tagus. 458 00:22:14,920 --> 00:22:16,760 Bet tas var iegūt mazliet milzīgs, tāpēc fro tagad mēs esam 459 00:22:16,760 --> 00:22:19,390 gatavojas pieturēties tikai atsauces ID. 460 00:22:19,390 --> 00:22:23,510 >> Tātad, ko tas dara, atkal ir , kas izpaužas, šajā gadījumā - 461 00:22:23,510 --> 00:22:23,970 žēl. 462 00:22:23,970 --> 00:22:27,020 Iet šeit, lai index.html. 463 00:22:27,020 --> 00:22:33,510 Tas ir okeāns, bet okeāns ID atsauces div, tāpēc šo daļu no šīs 464 00:22:33,510 --> 00:22:37,130 līnija koda saņem šo div. 465 00:22:37,130 --> 00:22:42,610 >> Un tad šis punkts nozīmē, ka es esmu aicinot funkciju, un nosaukums, kas 466 00:22:42,610 --> 00:22:44,460 funkcija ir HTML. 467 00:22:44,460 --> 00:22:48,725 Un tas ir īss, ja jūs guys redzēju pirms dolāra zīmi, dokumentu, dot saņemt 468 00:22:48,725 --> 00:22:52,200 elementu pēc ID, dot iekšējo HTML. 469 00:22:52,200 --> 00:22:54,350 Tas ir tikai jQuery versija. 470 00:22:54,350 --> 00:22:57,200 Tāpēc HTML funkcija tikko izpaužas iekšējo HTML. 471 00:22:57,200 --> 00:22:58,920 Minētā elementa. 472 00:22:58,920 --> 00:23:03,690 Tātad vēlreiz, ja mēs atskatāmies šeit, mēs redzēt tur nav iekšējās HTML. 473 00:23:03,690 --> 00:23:07,990 Un tāpēc, ja man bija, es būtu mēģināt iegūt HTML. 474 00:23:07,990 --> 00:23:10,390 Kad es tipa šo, es esmu nosakot HTML. 475 00:23:10,390 --> 00:23:13,110 Tāpēc es esmu iet šo funkciju virkni, string, ka es esmu izveidojis 476 00:23:13,110 --> 00:23:18,560 šeit, un sakot, nodot, ka iekšpusē okeāna div. 477 00:23:18,560 --> 00:23:18,980 Yeah? 478 00:23:18,980 --> 00:23:21,550 >> Mērķauditorija: Kad jūs saņemsiet HTML, jūs tikai iegūt 479 00:23:21,550 --> 00:23:22,972 kopiju, ja tā, vai ne? 480 00:23:22,972 --> 00:23:25,070 Jūs neesat izņemšanas. 481 00:23:25,070 --> 00:23:25,710 >> Jason Hirschhorn: Right. 482 00:23:25,710 --> 00:23:28,640 Ja es did this, un gribēja lai saglabātu to VAR - 483 00:23:28,640 --> 00:23:31,120 Ups. 484 00:23:31,120 --> 00:23:34,840 Kas varētu iegūt visu informāciju, kas bija tur, un saglabājiet to citā 485 00:23:34,840 --> 00:23:35,800 mainīgais, veikt kopiju. 486 00:23:35,800 --> 00:23:36,384 >> Mērķauditorija: OK. 487 00:23:36,384 --> 00:23:37,634 Got to. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> Jason Hirschhorn: Tāpēc mēs izveidojām dažus HTML, izņemot to, ka virknē. 490 00:23:43,860 --> 00:23:44,590 Mēs ietaupīt dažas vairāk. 491 00:23:44,590 --> 00:23:47,720 Šeit jūs redzēsiet, ka ToDo virkni. 492 00:23:47,720 --> 00:23:51,300 Tātad tas ir iespējams, ja mēs esam panākt, ka TODO no brīža, kad 493 00:23:51,300 --> 00:23:52,730 mēs ejam uz mūsu lapu. 494 00:23:52,730 --> 00:23:56,610 Un, patiesībā, ja es labo klikšķi uz TODO, pārbaudīt Element, mēs runājām 495 00:23:56,610 --> 00:23:57,240 pagājušajā nedēļā. 496 00:23:57,240 --> 00:24:02,400 Tas ir, kā mēs varētu redzēt HTML struktūra mūsu lapā. 497 00:24:02,400 --> 00:24:03,980 >> Jūs pamanīsiet, ka šeit lejā - 498 00:24:03,980 --> 00:24:05,230 pieņemsim padara šo mazliet lielāks, arī - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 mums ir mūsu div ID okeānu tieši šeit. 501 00:24:11,390 --> 00:24:14,390 Visi redz, ka rindiņu kodu? 502 00:24:14,390 --> 00:24:16,330 Un tas ir tas, ko mēs VEIDI in index.html. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> Iekšpusē tā, mēs tagad redzam tabula rindiņu kodu. 505 00:24:30,430 --> 00:24:34,800 Un ko tas tabula līnija kods ir, tas ir kods, mēs tikko ievietota 506 00:24:34,800 --> 00:24:35,770 šis elements. 507 00:24:35,770 --> 00:24:39,650 Un tā mēs skatāmies iekšpusē tā, mēs nekad drukāti colgroup un tbody. 508 00:24:39,650 --> 00:24:42,330 , Kas tika pievienots mums, jo mēs veicām dažas fancy stuff. 509 00:24:42,330 --> 00:24:47,590 Bet jūs ievērosiet, ka ir tr, tur td ar TODO. 510 00:24:47,590 --> 00:24:50,680 >> Tā izskatās, atkal, kods, kas mēs rakstījām šeit. 511 00:24:50,680 --> 00:24:52,300 Tas ir tieši tas, ko šis līnija darīja. 512 00:24:52,300 --> 00:24:56,940 Tas ir lietojis mūsu HTML virknes un liekot to iekšā šajā div tieši šeit. 513 00:24:56,940 --> 00:24:59,010 Tas sākotnēji ir nekas. 514 00:24:59,010 --> 00:25:01,660 Šī lapa tiek ielādēta. 515 00:25:01,660 --> 00:25:03,160 Dolāra zīmi, document.ready. 516 00:25:03,160 --> 00:25:04,490 Tas sākas izpildes. 517 00:25:04,490 --> 00:25:08,010 Mēs saucam draw_ocean funkciju, un iekšpusē draw_ocean funkciju mēs ņemtu 518 00:25:08,010 --> 00:25:10,010 Tas HTML un nodot to iekšā, ka div. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> Mēs tikai gāja cauri daudz labi tur. 521 00:25:14,230 --> 00:25:16,270 Vai kāds ir kādi jautājumi par to? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 Vai to, kā tas darbojas, vai jQuery? 524 00:25:21,110 --> 00:25:25,190 Jo, ja jūs saprotat, ka, tad jQuery ir cerams jānāk 525 00:25:25,190 --> 00:25:25,760 samērā viegli. 526 00:25:25,760 --> 00:25:26,780 Yeah? 527 00:25:26,780 --> 00:25:29,370 >> Mērķauditorija: Kas jums bija iekšā iekavās zem izdrukas HTML 528 00:25:29,370 --> 00:25:32,150 virkni, kas ir nosaukums HTML mainīgais, kas jums 529 00:25:32,150 --> 00:25:32,815 ir paziņojuši agrāk? 530 00:25:32,815 --> 00:25:33,890 >> Jason Hirschhorn: Šīs tiesības šeit? 531 00:25:33,890 --> 00:25:34,440 >> Mērķauditorija: Jā 532 00:25:34,440 --> 00:25:34,720 >> Jason Hirschhorn: Jā. 533 00:25:34,720 --> 00:25:36,600 Mērķauditorija: Tātad, ja jums bija nosaucis, ka kaut kas cits, ka kaut kas cits 534 00:25:36,600 --> 00:25:37,590 bija tas, ko jūs liktu šeit. 535 00:25:37,590 --> 00:25:38,335 >> Jason Hirschhorn: Tieši labi. 536 00:25:38,335 --> 00:25:39,740 Un tas ir labs punkts. 537 00:25:39,740 --> 00:25:42,600 Tas ir nedaudz mulsinoši, jo Man ir HTML, html. 538 00:25:42,600 --> 00:25:46,930 Šis iekšā šeit ir nosaukums mana mainīgais, un šīs tiesības šeit ir 539 00:25:46,930 --> 00:25:48,680 nosaukums, jQuery funkciju. 540 00:25:48,680 --> 00:25:52,090 >> Mērķauditorija: Bet, lai par jQuery darboties uz darbu, jums ir arī tā 541 00:25:52,090 --> 00:25:53,295 daži HTML ieejas? 542 00:25:53,295 --> 00:25:55,030 >> Jason Hirschhorn: Tieši tā. 543 00:25:55,030 --> 00:25:56,530 Vai jums ir, lai dotu tai virkni. 544 00:25:56,530 --> 00:26:00,840 Tas radīs, ka virkne iekšā no div vai neatkarīgi. 545 00:26:00,840 --> 00:26:01,670 Tas ir tikai virkne. 546 00:26:01,670 --> 00:26:05,590 Tas nav zinu, tas ir HTML, bet acīmredzot formāts to ar nolūku, lai būtu 547 00:26:05,590 --> 00:26:07,770 derīgs HTML. 548 00:26:07,770 --> 00:26:08,760 Tas, ka atbildēt uz jautājumu? 549 00:26:08,760 --> 00:26:09,480 >> Mērķauditorija: Jā. 550 00:26:09,480 --> 00:26:10,120 >> Jason Hirschhorn: OK. 551 00:26:10,120 --> 00:26:10,590 Yeah? 552 00:26:10,590 --> 00:26:14,380 >> Mērķauditorija: Ko darīt, ja okeāns minēts uz pogas vai kaut ko? 553 00:26:14,380 --> 00:26:16,250 Kāda būtu. Html darīt? 554 00:26:16,250 --> 00:26:18,086 Tas var mainīties teksts pogas? 555 00:26:18,086 --> 00:26:23,610 >> Jason Hirschhorn: Tātad jautājums ir Ko darīt, ja tas atsaucās uz pogas? 556 00:26:23,610 --> 00:26:25,970 Tas mainīsies iekšējā HTML kaut ko. 557 00:26:25,970 --> 00:26:29,250 Tātad, ja tas ir atvērts tagu un ciešu tag, tas radīs kaut ko starp 558 00:26:29,250 --> 00:26:30,610 atvērt un aizvērt tag. 559 00:26:30,610 --> 00:26:33,280 Ja nav atvērt un aizvērt tag, tas nav kaut ko darīt. 560 00:26:33,280 --> 00:26:35,040 >> Mērķauditorija: Tas ir burtiski kopija un pastas veida lieta? 561 00:26:35,040 --> 00:26:35,732 >> Jason Hirschhorn: Jā. 562 00:26:35,732 --> 00:26:39,175 Tā kopijas un pastas kaut ko no kāds mainīgais es nodot to, 563 00:26:39,175 --> 00:26:41,410 string es nodot to iekšpusē tiem atvērt un aizvērt tagus. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> Apskatīsim uz leju šeit. 566 00:26:45,270 --> 00:26:48,950 Ak, mans Dievs. draw_pool nebija darīt kaut ko labi tur. 567 00:26:48,950 --> 00:26:50,580 Tas ir bummer. 568 00:26:50,580 --> 00:26:51,640 Vilcienu, wow. 569 00:26:51,640 --> 00:26:54,290 Labi, tāpēc nav daudz kas cits bez tā. 570 00:26:54,290 --> 00:26:56,652 >> So let s sāktu, un pieņemsim noteikt šo augšu. 571 00:26:56,652 --> 00:27:01,780 Es esmu dodas uz nepieciešamību ikviena palīdzēt, lai iegūtu šo izdarīt. 572 00:27:01,780 --> 00:27:04,030 Nav reāli, ka daudzi līnijas kodu, es domāju, rakstīt. 573 00:27:04,030 --> 00:27:07,270 Es domāju, ka es darīju to pirms pāris gadiem par 2K12 versiju, un tur 574 00:27:07,270 --> 00:27:08,880 nevajadzētu būt, ka daudzi līnijas kodu rakstīt. 575 00:27:08,880 --> 00:27:09,230 Man nebūtu jāsvītro šo kodu. 576 00:27:09,230 --> 00:27:10,920 Es tikko saglabātas to. 577 00:27:10,920 --> 00:27:11,900 Ak, crazy. 578 00:27:11,900 --> 00:27:14,170 >> Anyway, pieņemsim sāktu. 579 00:27:14,170 --> 00:27:18,850 Tāpēc es esmu šajā masīvā, vai es esmu šajā līniju, un man ir mana ocean_array. 580 00:27:18,850 --> 00:27:24,110 Un es gribu, lai tas viss, viss no šī faila, manā 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 Tātad, kā es varu veikt visu, sākot no tur, un nodot to 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 Tā ir viena līnija kodu. 585 00:27:29,390 --> 00:27:32,530 Kas var dot man, ka rindiņu kodu vai man pateikt, ir kāda ideja, kas tas līnija 586 00:27:32,530 --> 00:27:33,755 Koda vajadzētu darīt? 587 00:27:33,755 --> 00:27:36,350 Kāpēc ne mēs sākam šeit, un tad mēs turpināt pārvietojas pa istabu 588 00:27:36,350 --> 00:27:37,410 atbildot uz jautājumiem. 589 00:27:37,410 --> 00:27:37,780 Kurt? 590 00:27:37,780 --> 00:27:38,890 Kas ir pirmais? 591 00:27:38,890 --> 00:27:41,165 >> Mērķauditorija: Ocean_array, bracket, delfīnu. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 Vienāds ar delfīniem, kronšteinu, delfīns? 594 00:27:50,380 --> 00:27:52,265 DOLPHINS ar kapitālu viss. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> Jason Hirschhorn: OK. 597 00:27:58,210 --> 00:28:00,250 Apskatīsim sintaksi. 598 00:28:00,250 --> 00:28:04,260 Tieši šeit, tas ir kā foreach cilpas, tāpēc tas ir faktiski dara daudz 599 00:28:04,260 --> 00:28:05,180 lietas, par mums. 600 00:28:05,180 --> 00:28:07,220 Un delfīnu ir objekts. 601 00:28:07,220 --> 00:28:09,790 Tāpēc mums nav nepieciešams, lai kaut ko uzrakstītu piemēram, delfīni, delfīns, jo 602 00:28:09,790 --> 00:28:12,480 delfīnu pati par sevi ir iebilst, ka es gribu. 603 00:28:12,480 --> 00:28:13,495 Tas nav rādītājs. 604 00:28:13,495 --> 00:28:14,510 Vai tas ir jēga? 605 00:28:14,510 --> 00:28:15,830 >> Mērķauditorija: Jā. 606 00:28:15,830 --> 00:28:18,870 >> Jason Hirschhorn: Tātad, kā jūs ierosināt mainīt savu kodu? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 Ja mēs zinām, mēs esam dota indekss? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> Ak, piedodiet. 611 00:28:35,240 --> 00:28:36,100 Jūs labi. 612 00:28:36,100 --> 00:28:41,180 Bet kā - 613 00:28:41,180 --> 00:28:43,740 ļaujiet man uzdot citu jautājumu. 614 00:28:43,740 --> 00:28:46,485 Ja mēs gribam, lai - 615 00:28:46,485 --> 00:28:47,400 pieņemsim faktiski rakstīt to. 616 00:28:47,400 --> 00:28:48,170 Nekas. 617 00:28:48,170 --> 00:28:49,080 Mēs ejam, lai rakstīt to. 618 00:28:49,080 --> 00:28:49,910 Tas ir lieliski. 619 00:28:49,910 --> 00:28:50,440 Piedodiet. 620 00:28:50,440 --> 00:28:52,790 Man bija tikai ļoti mulsinoši tur. 621 00:28:52,790 --> 00:28:55,910 >> Atstāsim ka tagad, un mēs būsim atpakaļ uz apmācību delfīns, 622 00:28:55,910 --> 00:28:56,480 nosakot delfīns. 623 00:28:56,480 --> 00:28:59,840 Pieņemsim tikai vispirms noteikt šo zīmēšanas okeānu funkciju, un mēs atgriezties 624 00:28:59,840 --> 00:29:00,930 ka, Kurt. 625 00:29:00,930 --> 00:29:03,490 Bet līdz šim tik labi. 626 00:29:03,490 --> 00:29:06,290 >> Apskatīsim iekšā draw_ocean. 627 00:29:06,290 --> 00:29:09,500 Līnija, kas izskatās, ka ir nepareizi tas ir "uzglabāt attēlus delfīniem 628 00:29:09,500 --> 00:29:13,320 okeāna HTML virkni. "Un tieši Tagad, es tāpat kā TODO, bet es 629 00:29:13,320 --> 00:29:17,230 patiešām vēlaties likt delfīnus bildes okeānā. 630 00:29:17,230 --> 00:29:21,780 Tātad, ko, Noah, Jūsuprāt, ir Pirmā lieta, ko man vajadzētu darīt? 631 00:29:21,780 --> 00:29:24,570 Ja es gribu iet cauri visam masīvs, kas ir pirmais 632 00:29:24,570 --> 00:29:25,270 lieta, ko man vajadzētu darīt? 633 00:29:25,270 --> 00:29:26,713 >> Mērķauditorija: Mums izveidot uz cilpas. 634 00:29:26,713 --> 00:29:27,610 >> Jason Hirschhorn: uz cilpas. 635 00:29:27,610 --> 00:29:29,740 Un kādi būtu, ka cilpa izskatās? 636 00:29:29,740 --> 00:29:30,990 >> Mērķauditorija: For - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 mums ir nepieciešams, lai iet caur katru delfīns okeānā masīvā. 639 00:29:40,940 --> 00:29:47,093 Tātad VAR Dolphin in - 640 00:29:47,093 --> 00:29:48,830 Jūs varat rakstīt okeāna masīvs? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> Jason Hirschhorn: piemēram, ka? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> Mērķauditorija: Iespējams, tas ir labi. 645 00:30:04,495 --> 00:30:06,280 >> Jason Hirschhorn: Paliksim pie ka tagad, un tad mēs 646 00:30:06,280 --> 00:30:07,060 atgriezties pie tā. 647 00:30:07,060 --> 00:30:09,055 Un jūs būs atbildīga uz šīs līnijas. 648 00:30:09,055 --> 00:30:11,260 Tāpēc man ir ko uz cilpas. 649 00:30:11,260 --> 00:30:12,560 Michael, tu esi tagad. 650 00:30:12,560 --> 00:30:15,896 Ko man vajadzētu darīt tagad? 651 00:30:15,896 --> 00:30:23,045 >> Mērķauditorija: Jums būtu jāņem uzglabāt attēlus no delfīniem. 652 00:30:23,045 --> 00:30:25,830 >> Jason Hirschhorn: Tātad, ja ir, kas glabājas? 653 00:30:25,830 --> 00:30:28,318 >> Mērķauditorija: In delfīnu masīvu? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> Jason Hirschhorn: Es esmu sajaukt tagad Arī par to, kas notiek. 656 00:30:36,650 --> 00:30:38,380 Pieņemsim saprast, kā mēs varam darīt debug tas, un tad es atnākšu 657 00:30:38,380 --> 00:30:40,700 atpakaļ uz jums, OK? 658 00:30:40,700 --> 00:30:43,920 Kas ir ekvivalents printf JavaScript? 659 00:30:43,920 --> 00:30:44,813 Annie? 660 00:30:44,813 --> 00:30:47,315 >> Mērķauditorija: Tas ir dokuments, kas rakstīt? 661 00:30:47,315 --> 00:30:50,020 >> Jason Hirschhorn: Vai cik var Es redzu kaut ko 662 00:30:50,020 --> 00:30:51,200 mierināt leju apakšā? 663 00:30:51,200 --> 00:30:51,940 >> Mērķauditorija: console.log. 664 00:30:51,940 --> 00:30:53,870 >> Jason Hirschhorn: console.log, tieši tā. 665 00:30:53,870 --> 00:30:59,810 So let 's do console.log, un pieņemsim vienkārši ielieciet "Delfīns", kas, OK? 666 00:30:59,810 --> 00:31:02,710 Ideāli, ja tas izdodas, mēs ejam uz ir - paskatīsimies, atpakaļ failā 667 00:31:02,710 --> 00:31:06,030 dolphins.js, seši delfīni, tāpēc man vajadzētu saņemt sešu vai kaut ko 668 00:31:06,030 --> 00:31:08,180 cerams, izdrukāt, lai konsole, vai ne? 669 00:31:08,180 --> 00:31:11,850 Tas ir, ja mēs esam tik tālu, jo mēs bija Kurt nostājai šeit, un tad mēs 670 00:31:11,850 --> 00:31:14,630 bija Noasa par cilpu, un mums ir šī līnija, tāpēc cerams, mums vajadzētu redzēt sešu 671 00:31:14,630 --> 00:31:16,120 lietas drukāts ar konsoli. 672 00:31:16,120 --> 00:31:22,032 Tāpēc iesim šeit, pieņemsim atvērt mūsu mierināt un atsvaidzināt mūsu lapā. 673 00:31:22,032 --> 00:31:27,290 >> Labi, tā tas izskatās mēs redzējām sešus rādītājus. 674 00:31:27,290 --> 00:31:28,390 Nulle, viens, divi, trīs, četri pieci, jā. 675 00:31:28,390 --> 00:31:30,486 >> Mērķauditorija: Kā jūs nokļūt ka lapa iekšā savu - 676 00:31:30,486 --> 00:31:32,260 >> Jason Hirschhorn: kā es varu iegūt šī lieta noteikti šeit? 677 00:31:32,260 --> 00:31:35,830 >> Mērķauditorija: Nē, Chrome lapas iekšpusē [Nedzirdamas] ierīce. 678 00:31:35,830 --> 00:31:36,892 Mēs varam redzēt, ka, vai ne? 679 00:31:36,892 --> 00:31:38,220 >> Jason Hirschhorn: Šī Chrome lapa tieši šeit? 680 00:31:38,220 --> 00:31:38,490 >> Mērķauditorija: Jā. 681 00:31:38,490 --> 00:31:43,180 >> Jason Hirschhorn: Tātad tāpat kā P komplektā astoņi, es esmu atvērts Chrome loga 682 00:31:43,180 --> 00:31:46,410 uz mana galda, par manu Macintosh desktop. 683 00:31:46,410 --> 00:31:51,980 Un, ja jūs pamanāt šeit šo URL līdzi augšējā kreisajā pusē, kas atbilst šo IP 684 00:31:51,980 --> 00:31:54,630 adrese leju šeit. 685 00:31:54,630 --> 00:31:58,000 Tātad, lai to izdarītu, lai gan, sākums Problēmas noteikti spec pastaigas Jūs 686 00:31:58,000 --> 00:31:59,860 izmantojot tieši tā, kā to izdarīt. 687 00:31:59,860 --> 00:32:02,650 Bet es tikai seko, ka, un tā vietā un ar atspole kodu, es vienkārši darīju 688 00:32:02,650 --> 00:32:04,070 mūsu pašu kodu. 689 00:32:04,070 --> 00:32:05,970 >> Cool lieta ir, mēs varam arī pārbaudīt ocean_array. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 Tāpēc tas izskatās ocean_array ir masīvs sešiem objektiem, un 692 00:32:13,080 --> 00:32:14,570 Atvērsim katru no tām. 693 00:32:14,570 --> 00:32:15,950 Boom! 694 00:32:15,950 --> 00:32:16,580 Viens. 695 00:32:16,580 --> 00:32:19,920 >> Tātad Kurt, izskatās, ka jūsu kods strādāja perfekti. 696 00:32:19,920 --> 00:32:23,510 Viss got sākās ocean_array. 697 00:32:23,510 --> 00:32:24,995 Jo es misspoke agrāk. 698 00:32:24,995 --> 00:32:26,570 Bet jā, awesome darbu. 699 00:32:26,570 --> 00:32:30,330 Ocean_array ir pareizs, un tas izskatās kā tagad mēs redzam, ka delfīns ir 700 00:32:30,330 --> 00:32:35,400 skaitlis no 0 līdz 5, lai tā izskatījās piemēram, indeksu masīva. 701 00:32:35,400 --> 00:32:37,510 Tātad, ņemot vērā, ka zināšanas, Michael, Ko mums vajadzētu darīt tagad? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 Domā skaļi. 704 00:32:43,870 --> 00:32:45,600 Kas ir kaut ko mēs vēlamies darīt? 705 00:32:45,600 --> 00:32:51,260 >> Mērķauditorija: Mēs vēlamies, lai iegūtu JPEG katram delfīnu. 706 00:32:51,260 --> 00:32:51,800 >> Jason Hirschhorn: OK. 707 00:32:51,800 --> 00:32:53,206 Tātad, kā mēs varam atsauce - 708 00:32:53,206 --> 00:32:54,760 kā mēs varam iegūt JPEG? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 Kur sākt? 711 00:33:03,726 --> 00:33:05,390 Ja viss glabājas? 712 00:33:05,390 --> 00:33:07,610 >> Mērķauditorija: In ocean_array? 713 00:33:07,610 --> 00:33:08,320 >> Jason Hirschhorn: OK. 714 00:33:08,320 --> 00:33:11,450 >> Mērķauditorija: Tātad ocean_array, delfīns - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> Jason Hirschhorn: Kā mēs iegūt kaut ko iekšā - 717 00:33:19,280 --> 00:33:20,860 tāpēc tas dod mums šo objektu. 718 00:33:20,860 --> 00:33:22,770 Un mēs esam redzējuši šo pirms ar struktūrfondiem. 719 00:33:22,770 --> 00:33:26,710 Tātad, kāda veida notācijas Vai mums ir nepieciešams, lai izmantotu? 720 00:33:26,710 --> 00:33:28,450 >> Mērķauditorija: Tas būtu dot. 721 00:33:28,450 --> 00:33:29,400 >> Jason Hirschhorn: dot. 722 00:33:29,400 --> 00:33:30,960 Un tad kādā jomā? 723 00:33:30,960 --> 00:33:31,510 >> Mērķauditorija: Picture? 724 00:33:31,510 --> 00:33:33,816 Vai tas nav joma - 725 00:33:33,816 --> 00:33:37,400 >> Jason Hirschhorn: Kas tas ir sauc dolphins.js? 726 00:33:37,400 --> 00:33:38,270 Un redzēt, jūs varat meklēt. 727 00:33:38,270 --> 00:33:38,970 Mēs varam tikai iet atpakaļ šeit. 728 00:33:38,970 --> 00:33:40,700 Mēs varam redzēt ocean_array, mēs varam izpētīt to. 729 00:33:40,700 --> 00:33:41,380 Kas to sauc? 730 00:33:41,380 --> 00:33:42,287 >> Mērķauditorija: Type. 731 00:33:42,287 --> 00:33:43,688 Gaidīt. 732 00:33:43,688 --> 00:33:44,155 Attēlu? 733 00:33:44,155 --> 00:33:45,560 Es teicu attēlu. 734 00:33:45,560 --> 00:33:46,370 >> Jason Hirschhorn: Picture. 735 00:33:46,370 --> 00:33:47,610 Tiesības. 736 00:33:47,610 --> 00:33:49,510 Jums nav skaņas, piemēram, jūs zināt, ko jūs runājat par, though. 737 00:33:49,510 --> 00:33:50,630 Tas izklausījās kā minējums. 738 00:33:50,630 --> 00:33:53,700 Lai attēlu, lai dotu mums URL attēla. 739 00:33:53,700 --> 00:33:54,720 Jeff, jums ir jautājums? 740 00:33:54,720 --> 00:33:57,375 >> Mērķauditorija: Jā, es nevaru saņemt to, ko Jums ir jūsu Chrome 741 00:33:57,375 --> 00:33:59,320 pārlūku uz manu datoru. 742 00:33:59,320 --> 00:34:05,915 Es tikai iegūt "uncaught atsauce kļūda, konsole nav definēts. " 743 00:34:05,915 --> 00:34:07,780 >> Jason Hirschhorn: Jūs esat izveidot visu? 744 00:34:07,780 --> 00:34:10,090 >> Mērķauditorija: Nu, es domāju, ka es darīja visu, kas jums 745 00:34:10,090 --> 00:34:11,800 darīja uz lielā ekrāna. 746 00:34:11,800 --> 00:34:13,510 >> Jason Hirschhorn: Un jūs chmodded visus failus? 747 00:34:13,510 --> 00:34:16,343 Un jūs iet cauri viss setup? 748 00:34:16,343 --> 00:34:17,600 >> Mērķauditorija: Es mēģināšu vēlreiz. 749 00:34:17,600 --> 00:34:18,300 >> Jason Hirschhorn: OK. 750 00:34:18,300 --> 00:34:20,630 Es izlaidis vairāk, ka daudz pie sākuma, bet jums ir nepieciešams iet cauri 751 00:34:20,630 --> 00:34:22,199 visa uzstādīšanas tāpat kā pie sākot no problēmu kopas spec. 752 00:34:22,199 --> 00:34:24,770 Chmod viss un pārliecinieties, ka tas ir iekšā 753 00:34:24,770 --> 00:34:26,360 >> Mērķauditorija: Es iešu un vēlreiz pārbaudiet to. 754 00:34:26,360 --> 00:34:28,655 Es domāju, ka es to izdarīju, bet Es vēlreiz pārbaudiet. 755 00:34:28,655 --> 00:34:30,270 >> Jason Hirschhorn: Tātad, tas izskatās kā tas došu mums 756 00:34:30,270 --> 00:34:30,960 stīgu un attēlu. 757 00:34:30,960 --> 00:34:31,370 Lieliski. 758 00:34:31,370 --> 00:34:32,760 Mums ir URL attēlu. 759 00:34:32,760 --> 00:34:35,320 Kā mēs tagad nodot to - 760 00:34:35,320 --> 00:34:38,030 kas notiek, ja mēs rakstītu tikai tas, Michael? 761 00:34:38,030 --> 00:34:40,150 >> Mērķauditorija: Tas tikai izpaužas attēlu. 762 00:34:40,150 --> 00:34:41,420 Tas nav reāli parādītu. 763 00:34:41,420 --> 00:34:42,840 >> Jason Hirschhorn: Pieņemsim, redzēt, kas notiek. 764 00:34:42,840 --> 00:34:43,514 Mēs saglabāsim to. 765 00:34:43,514 --> 00:34:44,780 Mēs rādīsim to šeit. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 Izskatās, ka mēs nesaņem neko. 768 00:34:50,510 --> 00:34:56,179 Ja es izpētīt šo tabulu, tas izskatās iekšā - 769 00:34:56,179 --> 00:34:58,170 Jā, izskatās, ka man nav iegūt neko. 770 00:34:58,170 --> 00:34:59,963 >> Mērķauditorija: Vai mums ir - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> Jason Hirschhorn: Tas ir virkne, šis kods tieši šeit. 773 00:35:07,270 --> 00:35:08,615 Kur es gribu, lai šo string? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> Mērķauditorija: Jūs vēlaties, lai ielieciet to okeānā? 776 00:35:16,000 --> 00:35:16,040 >> Jason Hirschhorn: OK. 777 00:35:16,040 --> 00:35:19,230 Un uz leju, šeit es varēšu virkni aicināja html okeānā. 778 00:35:19,230 --> 00:35:26,350 >> Mērķauditorija: Tātad tas būtu dolārs zīme, okeāns, html [nedzirdama]. 779 00:35:26,350 --> 00:35:27,985 >> Jason Hirschhorn: Tas būtu ielieciet to taisni tur. 780 00:35:27,985 --> 00:35:29,440 Bet kas notiks, ja es gribu pievienot to - 781 00:35:29,440 --> 00:35:30,740 Es esmu jau rada virkni, vai ne? 782 00:35:30,740 --> 00:35:33,740 Likt okeānā, kas ir nosaukt šo string? 783 00:35:33,740 --> 00:35:34,610 >> Mērķauditorija: HTML. 784 00:35:34,610 --> 00:35:35,250 >> Jason Hirschhorn: HTML. 785 00:35:35,250 --> 00:35:36,355 Tātad, ko es varu rakstīt tālāk? 786 00:35:36,355 --> 00:35:37,310 >> Mērķauditorija: Vienāds, ir vienāds. 787 00:35:37,310 --> 00:35:38,990 Vai tikai vienāds? 788 00:35:38,990 --> 00:35:41,170 >> Jason Hirschhorn: Kāda būs notiktu, ja es rakstītu vienāds? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> Mērķauditorija: Vai nav, ka noteikt to vienāda - vai nebūs, ka - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> Mērķauditorija: Piešķirt? 793 00:35:53,016 --> 00:35:55,680 >> Jason Hirschhorn: Tas to piešķirt, bet to, kas notiks ar visu 794 00:35:55,680 --> 00:35:56,565 , kas tika glabāti to pirms? 795 00:35:56,565 --> 00:35:57,570 >> Mērķauditorija: Tas būs atbrīvoties no tā. 796 00:35:57,570 --> 00:35:58,660 >> Jason Hirschhorn: Tas būs atbrīvoties no tā. 797 00:35:58,660 --> 00:35:59,993 Tātad, kā es varu pievienot to līdz gada beigām? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 Es vienkārši kopēt - 800 00:36:04,120 --> 00:36:04,530 >> Mērķauditorija: Plus vienāds. 801 00:36:04,530 --> 00:36:06,260 >> Jason Hirschhorn: Plus vienāds, perfekta. 802 00:36:06,260 --> 00:36:07,120 Tas ir tieši labi. 803 00:36:07,120 --> 00:36:08,380 Tāpēc tagad pieņemsim pārbaudīt to, ko tas dara. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 Boom! 806 00:36:12,760 --> 00:36:14,580 Ak, mans Dievs. 807 00:36:14,580 --> 00:36:16,580 Tas ir tikai daudz teksta. 808 00:36:16,580 --> 00:36:17,580 OK. 809 00:36:17,580 --> 00:36:20,640 >> Tātad izskatās, ka mēs saņēmām daudz teksta, bet tas ir lieliski. 810 00:36:20,640 --> 00:36:21,750 Jums puiši ir darījuši - 811 00:36:21,750 --> 00:36:23,160 Es zinu, tas ir grūti, tas ir jauns. 812 00:36:23,160 --> 00:36:24,970 Līdz šim trīs no jums, puiši ir darīts fantastiski. 813 00:36:24,970 --> 00:36:26,600 >> Labi, tu esi blakus. 814 00:36:26,600 --> 00:36:27,960 Ko mums vajadzētu darīt tālāk? 815 00:36:27,960 --> 00:36:29,830 Mēs, protams, negribam to spēlēt tikai virkni. 816 00:36:29,830 --> 00:36:30,120 Yeah? 817 00:36:30,120 --> 00:36:30,690 >> Mērķauditorija: Man vienkārši ir jautājums. 818 00:36:30,690 --> 00:36:35,410 Jūs zināt, kad jūs ocean_array, delfīns, iekavās, nav 819 00:36:35,410 --> 00:36:37,550 Dolphin piemēram, asociatīvās masīvs pats par sevi? 820 00:36:37,550 --> 00:36:38,230 >> Jason Hirschhorn: Es misspoke. 821 00:36:38,230 --> 00:36:41,515 Dolphin ir indekss. 822 00:36:41,515 --> 00:36:44,280 >> Mērķauditorija: bet tas nav VAR delfīnu okeānā - 823 00:36:44,280 --> 00:36:49,540 Es domāju, ja jūs sākotnēji ielādēt to, kā labi, VAR delfīns ar delfīniem, vai ne 824 00:36:49,540 --> 00:36:51,950 ka delfīns ir asociatīvo masīvu? 825 00:36:51,950 --> 00:36:52,970 >> Jason Hirschhorn: Šī delfīns? 826 00:36:52,970 --> 00:36:53,650 >> Mērķauditorija: Jā. 827 00:36:53,650 --> 00:36:54,230 >> Jason Hirschhorn: Nē. 828 00:36:54,230 --> 00:36:56,366 Tas delfīns ir indekss. 829 00:36:56,366 --> 00:36:57,950 >> Mērķauditorija: OK. 830 00:36:57,950 --> 00:36:59,320 Tā ir tur delfīns mainīgs? 831 00:36:59,320 --> 00:37:02,610 Es domāju, piemēram, delfīnu atslēgu asociatīvā masīva? 832 00:37:02,610 --> 00:37:04,150 >> Jason Hirschhorn: Tieši šeit? 833 00:37:04,150 --> 00:37:05,075 Tāpat, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> Mērķauditorija: Jā, pastāv piemēram, delfīnu dot - 835 00:37:10,440 --> 00:37:13,090 tāpat nav delfīns domāts lai katrs objekts? 836 00:37:13,090 --> 00:37:15,580 >> Mērķauditorija: Jā, tas ir ko es domāju, too. 837 00:37:15,580 --> 00:37:19,985 >> Mērķauditorija: Es domāju, delfīns bija kā asociatīvā masīva ar delfīniem. 838 00:37:19,985 --> 00:37:22,240 Jo tur ir seši asociatīvais matricas delfīni, labi? 839 00:37:22,240 --> 00:37:24,050 >> Jason Hirschhorn: Right. 840 00:37:24,050 --> 00:37:26,790 Veids, kā mēs esam tas rakstīts Tagad, tas nav. 841 00:37:26,790 --> 00:37:29,300 >> Mērķauditorija: Kāpēc tas ir? 842 00:37:29,300 --> 00:37:36,690 >> Jason Hirschhorn: Mēs varētu darīt, un tur tiešām jQuery funkcija 843 00:37:36,690 --> 00:37:39,660 sauc. katrs, kas dod Jūs katru lieta. 844 00:37:39,660 --> 00:37:41,670 Bet tas sintakse nav - 845 00:37:41,670 --> 00:37:44,130 Es misspoke agrāk - šo sintaksi nav tas ir rādītājs. 846 00:37:44,130 --> 00:37:45,780 Tas ir tikai dod mums indeksus. 847 00:37:45,780 --> 00:37:48,490 Bet jūs varētu darīt dolāra zīmi. Katrs, kas ir jQuery funkcija. 848 00:37:48,490 --> 00:37:51,730 Tas dotu jums katram asociētais masīvs. 849 00:37:51,730 --> 00:37:52,930 Lai pārbaudītu, ka out. 850 00:37:52,930 --> 00:37:55,205 Bet tas, ko visu šo kodu nav. 851 00:37:55,205 --> 00:37:59,020 >> Mērķauditorija: Tātad šis pirmais cilpa, es domāju, ka varētu atkārtot sešas reizes 852 00:37:59,020 --> 00:37:59,765 jo jums ir seši indeksus. 853 00:37:59,765 --> 00:38:02,550 Un tad otrs uz cilpas, nav tik atkārtojot 854 00:38:02,550 --> 00:38:03,880 tikpat daudz reižu? 855 00:38:03,880 --> 00:38:04,540 >> Jason Hirschhorn: Jā. 856 00:38:04,540 --> 00:38:07,920 >> Mērķauditorija: Tātad, tur tiešām nav - mēs varētu būt rakstīts pirmais cilpa 857 00:38:07,920 --> 00:38:09,700 atkal, un tas būtu strādājuši. 858 00:38:09,700 --> 00:38:11,265 Tāpat, VAR delfīns ir delfīni? 859 00:38:11,265 --> 00:38:13,400 >> Jason Hirschhorn: jā, bet mēs esam Tagad, izmantojot ocean_array. 860 00:38:13,400 --> 00:38:18,010 Mēs esam pārvietots viss par ocean_array jo pateikt, ka mēs kādreiz vēlaties 861 00:38:18,010 --> 00:38:23,970 , lai mainītu to, kas dolphins.js, vai ja Mēs vēlamies, lai manipulēt ocean_array 862 00:38:23,970 --> 00:38:27,140 vēlāk, mēs negribam, lai manipulēt delfīni, mainīgais. 863 00:38:27,140 --> 00:38:29,940 Mēs vēlamies, lai manipulētu ar tā kopiju, jo, ja mēs gribam, lai kaut ko 864 00:38:29,940 --> 00:38:31,740 out, šādā veidā mēs esam tikai būs droši. 865 00:38:31,740 --> 00:38:32,820 Tas, ka jēgas. 866 00:38:32,820 --> 00:38:33,085 >> Mērķauditorija: Jā. 867 00:38:33,085 --> 00:38:34,390 >> Jason Hirschhorn: OK. 868 00:38:34,390 --> 00:38:39,830 Tātad, Carlos, kā es varu izmantot šo virkni un padara attēlu vietā, un iegūt 869 00:38:39,830 --> 00:38:40,860 faktiskais attēla? 870 00:38:40,860 --> 00:38:42,260 Jūs esat redzēt šo kodu pirms. 871 00:38:42,260 --> 00:38:45,541 Kā man ietver attēlu uz lapas? 872 00:38:45,541 --> 00:38:51,400 >> Mērķauditorija: Vai tas ir lieta, ko mēs darījām par ka HTML plus vienāds te zvanu domuzīme 873 00:38:51,400 --> 00:38:53,344 platums, viņa svītrots to? 874 00:38:53,344 --> 00:38:56,068 >> Jason Hirschhorn: Šis sīkumi tieši šeit? 875 00:38:56,068 --> 00:38:57,036 >> Mērķauditorija: Jā. 876 00:38:57,036 --> 00:38:57,520 Veida. 877 00:38:57,520 --> 00:38:58,900 >> Jason Hirschhorn: nav jāuztraucas par to. 878 00:38:58,900 --> 00:39:00,520 Kas tikko sāk HTML virkni. 879 00:39:00,520 --> 00:39:03,980 Ja es gribu, lai iekļautu attēlu manā HTML mājas lapas, ko tag es varu izmantot? 880 00:39:03,980 --> 00:39:06,210 >> Mērķauditorija: Es neatceros. 881 00:39:06,210 --> 00:39:07,050 >> Jason Hirschhorn: OK. 882 00:39:07,050 --> 00:39:08,343 Avie, viņam palīdzēt? 883 00:39:08,343 --> 00:39:10,985 >> Mērķauditorija: Vai tas ir enkurs, href, un tad jūs saistīt to? 884 00:39:10,985 --> 00:39:12,790 >> Jason Hirschhorn: Tā kā enkuru. 885 00:39:12,790 --> 00:39:14,790 >> Mērķauditorija: Jums nav nepieciešams saistīt to, lai gan, vai ne? 886 00:39:14,790 --> 00:39:17,370 >> Jason Hirschhorn: Ko darīt, ja es tikko vēlas, lai izveidotu attēlu? 887 00:39:17,370 --> 00:39:24,640 >> AUDITORIJA: būtu img, un pēc tam SRC vienāds neatkarīgi virkne ir? 888 00:39:24,640 --> 00:39:27,400 >> Jason Hirschhorn: OK, lai tas ir labi, img. 889 00:39:27,400 --> 00:39:28,635 Carlos, jūs gatavojas ņemt to no šeit. 890 00:39:28,635 --> 00:39:32,760 img nozīmē "tēlu", un SRC stendi par "avots". un jums ir nepieciešams, lai dotu tai 891 00:39:32,760 --> 00:39:35,200 URL vai kādu - 892 00:39:35,200 --> 00:39:35,940 pat URL. 893 00:39:35,940 --> 00:39:39,040 Daži vietu, kur tas attēls tiek saglabāts. 894 00:39:39,040 --> 00:39:46,490 Tāpēc es zinu, ka saņems mani attēls, tāpēc tagad, kā es varu īstenot šo visu 895 00:39:46,490 --> 00:39:49,310 kopā, domāja? 896 00:39:49,310 --> 00:39:51,920 Man ir daži sintaksi, man ir nepieciešams noteikt. 897 00:39:51,920 --> 00:39:54,632 Ko tieši man vajag tipa, Carlos? 898 00:39:54,632 --> 00:39:56,862 >> Mērķauditorija: Es nesaprotu, ko jūs mēģināt darīt. 899 00:39:56,862 --> 00:40:00,185 Tātad jūs mēģināt likt visiem attēli uz galda? 900 00:40:00,185 --> 00:40:04,790 >> Jason Hirschhorn: Mēs gribam, lai parādītu visi attēli lapā. 901 00:40:04,790 --> 00:40:12,000 Un mēs redzējām, kā šī līnija koda tiesības šeit pievienotās virknes mūsu HTML virknes 902 00:40:12,000 --> 00:40:13,275 un izdrukāt tos, kā šis. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 Tā vietā mēs vēlamies parādīt attēlus. 905 00:40:21,830 --> 00:40:25,780 Un mēs sapratām, Maru, mums teica ka šī līnija kods - 906 00:40:25,780 --> 00:40:26,750 tāpēc pieņemsim apskatīt šeit. 907 00:40:26,750 --> 00:40:31,745 Ja mēs devāmies, un izpētīt, mēs rediģēt to kā HTML. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 Maru, teica, ja mēs šāda veida sintakses, mēs iegūstam attēla. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 Tātad tas ir jēga? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> Tas ir string tipa, ka mēs tiešām gribu, lai iekšā okeānā 914 00:41:05,630 --> 00:41:09,080 nirt, ne tikai pašu tekstu. 915 00:41:09,080 --> 00:41:12,080 >> Mērķauditorija: [dzirdams] 916 00:41:12,080 --> 00:41:12,940 >> Jason Hirschhorn: Sorry? 917 00:41:12,940 --> 00:41:16,240 >> Mērķauditorija: Nevar jūs vienkārši kopēt ka viens, ka Kianna deva, 918 00:41:16,240 --> 00:41:17,810 un nodot to, ka - 919 00:41:17,810 --> 00:41:19,570 >> Jason Hirschhorn: Copy to, un nodot to tieši šeit? 920 00:41:19,570 --> 00:41:20,820 >> Mērķauditorija: Jā. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> Jason Hirschhorn: Tas ir tuvu, bet tur ir viena problēma ar šo, un 923 00:41:25,813 --> 00:41:27,063 kas ir kas? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML ir virkne, un mums ir nepieciešams pievienot virknes ar to. 926 00:41:36,370 --> 00:41:37,855 >> Mērķauditorija: Tātad, tad jūs nodot to - nah. 927 00:41:37,855 --> 00:41:40,860 >> Jason Hirschhorn: Un mums ir trīs - Šīs tiesības šeit nav virkne. 928 00:41:40,860 --> 00:41:42,921 Kā mēs to string? 929 00:41:42,921 --> 00:41:45,474 Kā jūs vienmēr kaut stīgu? 930 00:41:45,474 --> 00:41:47,242 >> Mērķauditorija: Es nezinu. 931 00:41:47,242 --> 00:41:49,570 >> Jason Hirschhorn: Ja man ir teksts, kā es varu darīt to string? 932 00:41:49,570 --> 00:41:51,615 Patīk šeit šajā pozīcijā tieši šeit? 933 00:41:51,615 --> 00:41:54,160 >> Mērķauditorija: Put to uz galda? 934 00:41:54,160 --> 00:41:56,450 >> Jason Hirschhorn: Kas par to? 935 00:41:56,450 --> 00:41:57,290 >> Mērķauditorija: Citāts. 936 00:41:57,290 --> 00:41:58,670 >> Jason Hirschhorn: Double citātus, labi? 937 00:41:58,670 --> 00:42:00,860 Pēdiņas liek kaut ko string. 938 00:42:00,860 --> 00:42:03,720 Tā, kas padara, ka virkne, un tas ir string. 939 00:42:03,720 --> 00:42:05,990 Kā es varu ievietot divas virknes kopā JavaScript? 940 00:42:05,990 --> 00:42:06,842 >> Mērķauditorija: Dot. 941 00:42:06,842 --> 00:42:07,960 >> Jason Hirschhorn: Nav dot. 942 00:42:07,960 --> 00:42:10,462 Tas ir PHP. 943 00:42:10,462 --> 00:42:11,358 >> Mērķauditorija: Plus. 944 00:42:11,358 --> 00:42:13,200 >> Jason Hirschhorn: Plus, tieši labi. 945 00:42:13,200 --> 00:42:15,900 Tā kā, un tad to, ko jūs ierosina Man nekā šeit? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> Mērķauditorija: Vēl viens citāts. 948 00:42:22,400 --> 00:42:24,100 >> Jason Hirschhorn: Vēl viens citātu, OK. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 Kā es varu beigt virkni? 951 00:42:34,322 --> 00:42:35,660 >> Mērķauditorija: Vēl viens citāts. 952 00:42:35,660 --> 00:42:36,180 >> Jason Hirschhorn: Vēl viens citāts. 953 00:42:36,180 --> 00:42:38,740 Un kā es varu nodot šo virkni kopā ar šo stīgu? 954 00:42:38,740 --> 00:42:39,810 Plus. 955 00:42:39,810 --> 00:42:40,630 Tas ir tieši labi. 956 00:42:40,630 --> 00:42:41,540 Jūs vienkārši darīja to mums. 957 00:42:41,540 --> 00:42:42,590 Tas ir ideāls. 958 00:42:42,590 --> 00:42:46,320 >> Tāpēc tagad pieņemsim padarīt to. 959 00:42:46,320 --> 00:42:49,050 Un izskatās, mēs esam ieguvuši visu ķekars attēlu. 960 00:42:49,050 --> 00:42:49,860 Ak, mans Dievs. 961 00:42:49,860 --> 00:42:50,770 Tie ir biedējoši. 962 00:42:50,770 --> 00:42:51,720 Mēs ejam, lai izpētītu tos sekundē. 963 00:42:51,720 --> 00:42:52,010 Jā, Noah? 964 00:42:52,010 --> 00:42:54,520 >> Mērķauditorija: Es zinu, tas nav īsti jautājums, bet, ja jūs slēgt savu 965 00:42:54,520 --> 00:42:56,005 elementi ar attēla tagu? 966 00:42:56,005 --> 00:42:58,250 >> Jason Hirschhorn: Mēs varētu, ja Mēs vēlējāmies, aizveriet savu tēlu 967 00:42:58,250 --> 00:43:02,284 tag tieši tāpat. 968 00:43:02,284 --> 00:43:04,719 Pieņemsim padarīt to. 969 00:43:04,719 --> 00:43:06,330 Gada, nē, mēs nevaram darīt. 970 00:43:06,330 --> 00:43:07,580 >> Mērķauditorija: Ak, es lauza to. 971 00:43:07,580 --> 00:43:09,090 >> Jason Hirschhorn: Es domāju, ka tas ir validācija, though. 972 00:43:09,090 --> 00:43:12,380 Es nedomāju, ka jums ir nepieciešams noslēguma slīpsvītra. 973 00:43:12,380 --> 00:43:13,490 OK, tas ir lieliski. 974 00:43:13,490 --> 00:43:14,150 Carlos, paldies. 975 00:43:14,150 --> 00:43:16,270 Līdz šim četras no jums, puiši ir paveikuši awesome darbu. 976 00:43:16,270 --> 00:43:19,650 >> Protams, kā jūs varat redzēt, mēs esam radot zināmu galda konusa veida. 977 00:43:19,650 --> 00:43:21,490 Un es gribu šīs lietas būt tabulā. 978 00:43:21,490 --> 00:43:24,970 Tātad, kā es varu īstenot šos lietas tabulā? 979 00:43:24,970 --> 00:43:27,020 Es skaidri nepieciešams vairāk HTML. 980 00:43:27,020 --> 00:43:28,680 Assam, kāda veida HTML man trūkst? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> Mērķauditorija: Ko jūs vēlas darīt, piedodiet? 983 00:43:33,370 --> 00:43:37,430 >> Jason Hirschhorn: Es gribu, lai visi šie attēli tabulā, tāpēc katrs attēls 984 00:43:37,430 --> 00:43:41,020 vajadzētu būt vienā kolonnā tabulā. 985 00:43:41,020 --> 00:43:42,480 Kā es varu teikt, tas ir viens sleja? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 Jūs esat redzējuši šo kodu pirms. 988 00:43:46,010 --> 00:43:46,910 Tas ir P noteikti septiņi. 989 00:43:46,910 --> 00:43:48,870 >> Mērķauditorija: Es atceros vienu bija tr? 990 00:43:48,870 --> 00:43:50,120 >> Jason Hirschhorn: tr ir rindā. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> Mērķauditorija: Es nezinu to off mana sirds, bet es varētu pārbaudīt. 993 00:43:56,430 --> 00:43:57,140 >> Jason Hirschhorn: Vai kāds atceries? 994 00:43:57,140 --> 00:43:57,870 >> Mērķauditorija: td? 995 00:43:57,870 --> 00:44:01,250 >> Jason Hirschhorn: td, tieši labi. td liek to kā kolonnu. 996 00:44:01,250 --> 00:44:03,150 Tātad, ja man TD tur, Assam, ko man vajag likts? 997 00:44:03,150 --> 00:44:04,600 Kas vēl man ir nepieciešams pievienot? 998 00:44:04,600 --> 00:44:05,620 >> Mērķauditorija: Jums ir, lai novērstu to? 999 00:44:05,620 --> 00:44:06,240 >> Jason Hirschhorn: Tieši tā. 1000 00:44:06,240 --> 00:44:07,490 Ja tas, ka iet? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> Mērķauditorija: Tieši tur? 1003 00:44:11,090 --> 00:44:11,970 >> Jason Hirschhorn: Tieši šeit? 1004 00:44:11,970 --> 00:44:13,850 >> Mērķauditorija: Es tā domāju. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> Jason Hirschhorn: Kas tas ir aizvēršanas tieši šeit? 1007 00:44:18,600 --> 00:44:19,340 Kas tas ir par? 1008 00:44:19,340 --> 00:44:20,320 Ka zilā lieta? 1009 00:44:20,320 --> 00:44:21,280 >> Mērķauditorija: Tas ir uz attēla. 1010 00:44:21,280 --> 00:44:22,100 Tam vajadzētu iet pēc tam, es domāju. 1011 00:44:22,100 --> 00:44:24,770 >> Jason Hirschhorn: OK, tieši labi. 1012 00:44:24,770 --> 00:44:26,020 Tātad, pieņemsim redzēt, ko tas darīja. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 Ak, tas ir neērts. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 Pieņemsim atvērt okeāna, galds, galda ķermenis, tr. 1017 00:44:39,470 --> 00:44:44,410 Tāpēc mums ir ton, bet es neredzu attēlus. 1018 00:44:44,410 --> 00:44:45,110 Tas ir dīvaini. 1019 00:44:45,110 --> 00:44:48,360 Izskatās, ka tas būvēts, bet neuzrādīja man attēlus. 1020 00:44:48,360 --> 00:44:50,425 Jebkuras idejas, kāpēc tas varētu būt gadījums? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 Jebkurš domas? 1023 00:44:59,140 --> 00:45:01,550 >> Mērķauditorija: Ja jūs ritināt uz leju, jūs redzēsiet tos. 1024 00:45:01,550 --> 00:45:02,430 >> Jason Hirschhorn: Boom! 1025 00:45:02,430 --> 00:45:06,130 Tāpēc viņi ir tur, bet tas ir dīvaini, ka viņi visi ceļu tur lejā. 1026 00:45:06,130 --> 00:45:07,670 >> Mērķauditorija: Viņi arī visu pēc kārtas. 1027 00:45:07,670 --> 00:45:11,280 >> Jason Hirschhorn: Un viņi visi rindu, un viņi visi ir dažādi izmēri. 1028 00:45:11,280 --> 00:45:14,440 Tātad Assam, dod man vēl vienu rindiņu kodu ja es varētu darīt katru attēlu 1029 00:45:14,440 --> 00:45:17,420 vienāda izmēra, un izskatās, ka es esmu jau norādīts lielums I 1030 00:45:17,420 --> 00:45:18,440 vēlas tos. 1031 00:45:18,440 --> 00:45:20,025 Kā es varu padarīt katru attēlu vienāda izmēra? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 Dot savvaļas minējums. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> Ko par šo līniju kodu? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> Mērķauditorija: Vai jūs veicat Piemēram, pastāvīga? 1038 00:45:43,650 --> 00:45:46,740 >> Jason Hirschhorn: Vai kur ir vēl viens vietu es varētu nodot šo koda rindu, 1039 00:45:46,740 --> 00:45:47,740 ja es vienkārši kopēt to? 1040 00:45:47,740 --> 00:45:49,280 >> Mērķauditorija: Visu ceļu uz leju tajā pašā rindā? 1041 00:45:49,280 --> 00:45:52,000 >> Jason Hirschhorn: Labi, pieņemsim likts tas ir šeit, tieši labi. 1042 00:45:52,000 --> 00:45:54,320 Un tagad pieņemsim redzēt, kas notiek. 1043 00:45:54,320 --> 00:45:56,030 Ak, mans Dievs! 1044 00:45:56,030 --> 00:46:00,290 Tagad izskatās, ka mēs sākam saņemt kaut ko, un izskatās, ka tie 1045 00:46:00,290 --> 00:46:06,950 visu veida fit tabulā, kas mēs esam būvēti katrā td. 1046 00:46:06,950 --> 00:46:10,195 >> Arī Assam, pieņemsim, ka man patīk to augstumu, būt mazliet vairāk - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 augstumi lieta ir throwing mani off, tāpēc ko man vajadzētu noteikt to augstumu? 1049 00:46:19,260 --> 00:46:20,210 Izvēlēties jebkuru numuru. 1050 00:46:20,210 --> 00:46:20,860 >> Mērķauditorija: 200? 1051 00:46:20,860 --> 00:46:21,000 >> Jason Hirschhorn: 200. 1052 00:46:21,000 --> 00:46:22,380 Es esmu gatavojas uzņemt 100. 1053 00:46:22,380 --> 00:46:22,940 Tas ir lieliski. 1054 00:46:22,940 --> 00:46:25,540 Patiešām, piemēram, 200. 1055 00:46:25,540 --> 00:46:26,140 Tur mēs ejam! 1056 00:46:26,140 --> 00:46:31,830 Labi, tagad tas sāk izskatīties mazliet labāk un mazliet labāk organizētas. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> Jebkuras citas domas par to, kas mums ir nepieciešams, lai darīt, lai saglabātu attēlus delfīnu? 1059 00:46:38,170 --> 00:46:38,530 Yeah? 1060 00:46:38,530 --> 00:46:42,810 >> Mērķauditorija: Vai citātus, vai viena citātus, ap vērtībām, par 1061 00:46:42,810 --> 00:46:45,015 avotu, augstums, platums, ir tie obligāti? 1062 00:46:45,015 --> 00:46:46,710 >> Jason Hirschhorn: Kur Ir vienu pēdiņām? 1063 00:46:46,710 --> 00:46:50,340 >> Mērķauditorija: Tāpat kā daži no piemēriem, jūs ir, piemēram, augstuma 1064 00:46:50,340 --> 00:46:53,050 vienāds ar citātu "150." Ir tas nav nepieciešams. 1065 00:46:53,050 --> 00:46:54,510 >> Jason Hirschhorn: Tātad, pieņemsim skatīties uz leju šeit. 1066 00:46:54,510 --> 00:47:04,120 Ja mēs noklikšķiniet uz okeānu, dodieties uz galda, Jūs pamanīsiet šeit lejā to faktiski 1067 00:47:04,120 --> 00:47:05,540 pievienotās šos citātus par mani. 1068 00:47:05,540 --> 00:47:08,310 >> Mērķauditorija: OK. 1069 00:47:08,310 --> 00:47:12,080 >> Jason Hirschhorn: Un tā es saprotu, ko mēs darām šķiet sāpīgi lēns. 1070 00:47:12,080 --> 00:47:14,950 Mēs esam tikai rakstisku trīs rindas kods līdz šim, vai četras rindiņas kodu, bet 1071 00:47:14,950 --> 00:47:18,130 tas ir faktiski process, kas Es iet caur katru reizi, kad es gribu 1072 00:47:18,130 --> 00:47:18,990 lai padarītu šo tīmekļa vietni. 1073 00:47:18,990 --> 00:47:22,800 Pozīcijai, izmantojot konsoli leju šeit, pētot lietas, un norādītas 1074 00:47:22,800 --> 00:47:24,320 kas soli pa solim, ko es gribu darīt. 1075 00:47:24,320 --> 00:47:28,580 Tāpēc cerams, tas imitē jums puiši labs, pedagoģiskā veidā, ko jūs 1076 00:47:28,580 --> 00:47:31,055 faktiski darīt, ja jums izveidot savu mājas lapā. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> Pieņemsim pāriet. 1079 00:47:35,410 --> 00:47:36,500 Mēs esam izveidojuši šīs lietas. 1080 00:47:36,500 --> 00:47:37,240 Es esmu gatavojas faktiski - 1081 00:47:37,240 --> 00:47:40,950 Avie, man ir liels jautājums jums. 1082 00:47:40,950 --> 00:47:43,350 Es nezinu, mēs virzīties tālāk. 1083 00:47:43,350 --> 00:47:48,950 Iesim uz "Vilciena delfīns, ja tās attēls ir uzklikšķināt. "Kā jūs 1084 00:47:48,950 --> 00:47:51,288 ierosina es rakstu šo rindiņu kodu? 1085 00:47:51,288 --> 00:47:54,235 >> Mērķauditorija: Ir funkcija sauc par "vilciens". 1086 00:47:54,235 --> 00:47:57,030 >> Jason Hirschhorn: Ir funkcija sauc par "vilciens", tieši labi. 1087 00:47:57,030 --> 00:47:59,520 >> Mērķauditorija: Tā cer indeksu. 1088 00:47:59,520 --> 00:48:02,630 >> Jason Hirschhorn: Train sagaida indekss, tāpēc, OK. 1089 00:48:02,630 --> 00:48:05,020 Avie, tas ir tieši tas pamatojums ka es mīlu redzēt. 1090 00:48:05,020 --> 00:48:06,320 Vilciens sagaida indeksu. 1091 00:48:06,320 --> 00:48:08,230 >> Mērķauditorija: Tātad jūs gatavojas ir cilpa. 1092 00:48:08,230 --> 00:48:11,540 >> Jason Hirschhorn: Nu, es gribu darīt kad attēls ir noklikšķinājuši, lai Avie, 1093 00:48:11,540 --> 00:48:15,140 kā es varu kontrolēt, kad attēls ir noklikšķinājuši? 1094 00:48:15,140 --> 00:48:16,380 Ir pāris veidi, kā to darīt. 1095 00:48:16,380 --> 00:48:20,330 Šis ir JavaScript jaudas un jQuery, bet arī visgrūtākais daļa. 1096 00:48:20,330 --> 00:48:22,950 >> Mērķauditorija: Ja iekavas, ne. 1097 00:48:22,950 --> 00:48:27,390 Vai, ja iekavas notikums, vai kaut salīdzinoši vienkārši? 1098 00:48:27,390 --> 00:48:30,850 >> Jason Hirschhorn: Tātad mēs redzējām pāris veidi, kā to darīt šo lekciju. 1099 00:48:30,850 --> 00:48:36,860 Viena lieta bija, šeit lejā, jūs varētu kaut ko darīt, piemēram, jūs varētu izveidot 1100 00:48:36,860 --> 00:48:39,340 funkcija, piemēram, par klikšķi, vai arī kaut kā par klikšķi. 1101 00:48:39,340 --> 00:48:41,620 Ikviens atcerēties redzēt kaut kā tā? 1102 00:48:41,620 --> 00:48:46,630 Jūs to iekšā HTML tagu. 1103 00:48:46,630 --> 00:48:47,910 Es redzu dažas tukšas sejas. 1104 00:48:47,910 --> 00:48:49,910 Daži cilvēki ir līdzīgi, kādi ir viņš runā? 1105 00:48:49,910 --> 00:48:52,150 >> Tas ir labi, jo es domāju, ka tas sarežģītāks veids, kā to darīt. 1106 00:48:52,150 --> 00:48:55,110 Mēs darīsim daudz vieglāk veidā, izmantojot jQuery. 1107 00:48:55,110 --> 00:48:55,560 Tātad, Avie? 1108 00:48:55,560 --> 00:48:57,350 >> Mērķauditorija: Hm? 1109 00:48:57,350 --> 00:49:00,280 >> Jason Hirschhorn: Ja es gribu darīt kaut jQuery, es, protams, sākt, 1110 00:49:00,280 --> 00:49:05,090 Pirms piemēram, ar šo dolāra zīmi, atvērts paren, tuvu paren, un dubultā 1111 00:49:05,090 --> 00:49:06,120 citē šeit. 1112 00:49:06,120 --> 00:49:07,660 Tagad mēs zinām, man vajag selektoru šeit. 1113 00:49:07,660 --> 00:49:11,720 Kas selektors jūs ierosināt attiektos uz katru atsevišķu attēlu vai ik 1114 00:49:11,720 --> 00:49:14,680 viens attēls? 1115 00:49:14,680 --> 00:49:16,160 >> Mērķauditorija: Image? 1116 00:49:16,160 --> 00:49:17,840 >> Jason Hirschhorn: Tas ir tieši labi. 1117 00:49:17,840 --> 00:49:20,240 Tas attieksies uz katru attēlu. 1118 00:49:20,240 --> 00:49:20,940 Saņem visu no tiem. 1119 00:49:20,940 --> 00:49:24,005 Tas nav ID, tas nav klasi, tas ir tipa tag, un tas notiek uz 1120 00:49:24,005 --> 00:49:24,970 saņemt katru vienu. 1121 00:49:24,970 --> 00:49:27,610 >> Un tagad es esmu gatavojas jums pastāstīt šo tagad, un jūs varat meklēt vairāk 1122 00:49:27,610 --> 00:49:33,540 dokumentācija par to vēlāk, bet tas lieta, ko sauc par "uz" darījumiem ar notikumiem. 1123 00:49:33,540 --> 00:49:37,370 Tātad, kas jums jādara tagad, un kas ir super spēcīga, ir pateikt, kāda veida veida 1124 00:49:37,370 --> 00:49:40,260 Pasākums jūs meklējat, un kādi jūs vēlaties darīt, ja jūs 1125 00:49:40,260 --> 00:49:41,160 saņem šo notikumu. 1126 00:49:41,160 --> 00:49:43,155 Tāpēc es esmu gatavojas sniegt jums nedaudz nedaudz vairāk kodu, Avie, tad 1127 00:49:43,155 --> 00:49:44,200 tev iet, OK? 1128 00:49:44,200 --> 00:49:46,700 >> Mērķauditorija: OK. 1129 00:49:46,700 --> 00:49:50,030 >> Mērķauditorija: On - mēs gatavojamies teikt "Klikšķis", šajā gadījumā, kurā jūs 1130 00:49:50,030 --> 00:49:50,750 parasti izmanto. 1131 00:49:50,750 --> 00:49:54,460 Tā par klikšķi, un tad mēs ejam uz nodot to anonīmu funkciju. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 Un tas sintakse jūs gatavojas redzēt daudz, un, cerams, jums būs 1134 00:50:04,100 --> 00:50:05,210 rakstot daudz. 1135 00:50:05,210 --> 00:50:10,350 Kas tas ir, atkal, par klikšķi par kaut ko sauc par attēlu, neatkarīgi, 1136 00:50:10,350 --> 00:50:14,960 kaut ko sauc par attēlu, mēs gatavojamies lai palaistu šo anonīms funkciju. 1137 00:50:14,960 --> 00:50:16,260 >> Es neesmu dodot tai nosaukumu. 1138 00:50:16,260 --> 00:50:18,180 Es neesmu iet tai nekādus argumentus. 1139 00:50:18,180 --> 00:50:21,870 Es esmu tikai, piemēram, izveidojot šeit darboties, un šeit ir tas, ko kodu 1140 00:50:21,870 --> 00:50:22,750 jūs gatavojas darīt. 1141 00:50:22,750 --> 00:50:24,310 Tas ir ar šo sintaksi līdzekļiem. 1142 00:50:24,310 --> 00:50:27,500 Un arī, kā jūs pamanīsiet, tas izskatās ļoti līdzīgs šim šeit, ka mēs 1143 00:50:27,500 --> 00:50:29,310 rakstīja iepriekš. 1144 00:50:29,310 --> 00:50:30,400 >> Labi, Avie. 1145 00:50:30,400 --> 00:50:34,720 Tātad jūs vēlaties, lai izsauktu vilcienu indeksu. 1146 00:50:34,720 --> 00:50:35,690 Vai tas, ko jūs vēlaties darīt? 1147 00:50:35,690 --> 00:50:36,400 >> Mērķauditorija: Jā. 1148 00:50:36,400 --> 00:50:36,800 >> Jason Hirschhorn: Tas ir? 1149 00:50:36,800 --> 00:50:37,840 OK. 1150 00:50:37,840 --> 00:50:38,610 Let 's redzēt, kas notiek. 1151 00:50:38,610 --> 00:50:39,420 >> Mērķauditorija: Pagaidiet, though. 1152 00:50:39,420 --> 00:50:41,240 Indekss nav mainīgs tiesības tagad. 1153 00:50:41,240 --> 00:50:42,520 >> Jason Hirschhorn: Tātad indekss nav mainīgais tiesības tagad. 1154 00:50:42,520 --> 00:50:43,780 Es nezinu, kur jums to no. 1155 00:50:43,780 --> 00:50:45,030 >> Mērķauditorija: [nedzirdama]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 Tātad jums ir nepieciešams, lai vispirms noskaidrotu kas delfīnu got uzklikšķināt? 1158 00:50:51,280 --> 00:50:52,440 >> Jason Hirschhorn: Excellent. 1159 00:50:52,440 --> 00:50:55,260 Jums ir nepieciešams, lai noskaidrotu, kas delfīnu got uzklikšķināt. 1160 00:50:55,260 --> 00:50:56,840 Tas ir savvaļas shot tumsā. 1161 00:50:56,840 --> 00:50:59,355 Kāds ir kāda ideja, kā es varu izdomāt , ko delfīnu got uzklikšķināt? 1162 00:50:59,355 --> 00:51:03,280 Ja tā nav, es ņemšu tikai dot jums to, jo tas ir diezgan traks. 1163 00:51:03,280 --> 00:51:04,350 OK. 1164 00:51:04,350 --> 00:51:06,670 Tā ļauj izdrukāt, izmantojot console.log. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> Šī lieta. 1167 00:51:19,550 --> 00:51:25,830 Tātad, dolāra zīmi, atvērt paren, Šī ciešā paren. 1168 00:51:25,830 --> 00:51:28,110 Tātad, kad es noklikšķiniet uz šo attēlu, es esmu gatavojas izdrukāt šo konsole, 1169 00:51:28,110 --> 00:51:29,030 un pieņemsim redzēt, kas notiek. 1170 00:51:29,030 --> 00:51:30,820 Iesim atpakaļ šeit. 1171 00:51:30,820 --> 00:51:31,640 Iesim mierināt. 1172 00:51:31,640 --> 00:51:33,950 Nav kļūdu, paldies dievam. 1173 00:51:33,950 --> 00:51:35,420 >> OK. 1174 00:51:35,420 --> 00:51:36,040 I noklikšķinājuši. 1175 00:51:36,040 --> 00:51:37,660 Ļaujiet man darīt atkal. 1176 00:51:37,660 --> 00:51:43,290 Noklikšķināju šo pirmo attēlu, un tas got drukāts ar konsoli, 1177 00:51:43,290 --> 00:51:44,200 šī līnija lietas. 1178 00:51:44,200 --> 00:51:47,230 Es esmu būs izmantojot vārdu "tas", daudz. 1179 00:51:47,230 --> 00:51:52,000 Šī lieta tieši šeit, tas ir ļoti īpašs, un tas dara tieši to, ko 1180 00:51:52,000 --> 00:51:53,340 Avie vēlas to darīt. 1181 00:51:53,340 --> 00:51:57,640 Tas kļūst kāds bija uzklikšķināt vai neatkarīgi. 1182 00:51:57,640 --> 00:52:01,850 Jo atkal, tas atlasītājs notiek lai tiktu galā ar daudzām lietām, mums nav 1183 00:52:01,850 --> 00:52:05,310 vienmēr zina, ko mēs esam runā, tāpēc mēs vēlamies, lai noskaidrotu 1184 00:52:05,310 --> 00:52:08,300 , kura lieta, ko mēs runājam par izmantojot šo sintaksi. 1185 00:52:08,300 --> 00:52:12,320 Šajā gadījumā tieši šeit, hashtag okeāns, mēs vienmēr zinām, kas lieta, ko mēs esam 1186 00:52:12,320 --> 00:52:14,740 gatavojas runāt par to, lai mēs nekad īsti vajadzīgs šis 1187 00:52:14,740 --> 00:52:15,880 iekšpusē hashtag okeānā. 1188 00:52:15,880 --> 00:52:18,430 Tas vienmēr ir okeāns, ka div. 1189 00:52:18,430 --> 00:52:21,770 Tas ir ID, tikai viena iespējamā lieta. 1190 00:52:21,770 --> 00:52:25,840 >> Bet šajā gadījumā, tas attiecas uz daudz attēlu, patiesībā, seši attēlus, 1191 00:52:25,840 --> 00:52:28,180 un tāpēc mēs gribam zināt, ko īpaši tēls noklikšķinājuši uz. 1192 00:52:28,180 --> 00:52:33,022 Un izskatās, ka tas ir Informācijas veidu mēs. 1193 00:52:33,022 --> 00:52:41,540 Mēs saņemam tas izskatās daži lieli stīgu, un mēs visu šo 1194 00:52:41,540 --> 00:52:43,890 informāciju ar šo. 1195 00:52:43,890 --> 00:52:46,550 Mēs saņemam tonnas un tonnas un tonnas sīkumi. 1196 00:52:46,550 --> 00:52:48,020 jQuery ir super spēcīgs. 1197 00:52:48,020 --> 00:52:53,890 Tas dod mums ton informāciju par šo konkrēto HTML elementa. 1198 00:52:53,890 --> 00:52:58,484 Avie, ko mēs vēlamies zināt par šo HTML elements? 1199 00:52:58,484 --> 00:53:00,306 >> Mērķauditorija: Kaut kā personu apliecinošu dokumentu. 1200 00:53:00,306 --> 00:53:01,190 >> Jason Hirschhorn: ID. 1201 00:53:01,190 --> 00:53:04,375 Nu, mums ir avots, platums, un augstums. 1202 00:53:04,375 --> 00:53:06,246 >> Mērķauditorija: Mēs varam izmantot avots. 1203 00:53:06,246 --> 00:53:07,190 >> Jason Hirschhorn Mums var izmantot avots. 1204 00:53:07,190 --> 00:53:09,140 Ka došu mums virkni, URL virkne. 1205 00:53:09,140 --> 00:53:10,330 Ko mēs darīsim ar ka tad, kad mums ir kas? 1206 00:53:10,330 --> 00:53:11,800 Kā mēs saņemam atpakaļ uz mūsu indekss ocean_array? 1207 00:53:11,800 --> 00:53:14,725 >> Mērķauditorija: Mēs varam salīdzināt tā uz otru. 1208 00:53:14,725 --> 00:53:16,910 >> Jason Hirschhorn: lai mēs varētu cilpa ar katru. 1209 00:53:16,910 --> 00:53:21,350 Tagad mēs varētu cilpa atkal un tad salīdzināt to. 1210 00:53:21,350 --> 00:53:23,860 Iedomāties, kāds būtu vienkāršāks veids, ja jūs varētu tikai iedomāties vienu? 1211 00:53:23,860 --> 00:53:25,564 >> Mērķauditorija: Kam nav cilpu. 1212 00:53:25,564 --> 00:53:26,930 >> Jason Hirschhorn: Kam nav cilpu. 1213 00:53:26,930 --> 00:53:29,210 >> Mērķauditorija: Just norādītas delfīns, [nedzirdama]. 1214 00:53:29,210 --> 00:53:31,430 >> Jason Hirschhorn: Norādītas , ko delfīns. 1215 00:53:31,430 --> 00:53:31,940 OK. 1216 00:53:31,940 --> 00:53:34,780 Tā ļauj saglabāt šo informāciju šajā attēla tagu. 1217 00:53:34,780 --> 00:53:37,370 Un atkal, tieši tagad, kas ir daļa no šīs sīkumi ir tikai burvju tāpēc, ka es varētu 1218 00:53:37,370 --> 00:53:39,950 parādot jums šo pirmo reizi, bet cerams, ka tās ir lietas, 1219 00:53:39,950 --> 00:53:41,140 jūs gatavojas darīt. 1220 00:53:41,140 --> 00:53:43,440 Tāpēc tas ir kaut kas burvju jūs varat darīt. 1221 00:53:43,440 --> 00:53:46,500 Jūs varat ietaupīt dažus papildu metadatiem in elementa. 1222 00:53:46,500 --> 00:53:48,080 Tas neparādīsies, tas nav ietekmē neko. 1223 00:53:48,080 --> 00:53:49,370 Jūs varat saglabāt to tur. 1224 00:53:49,370 --> 00:53:54,170 Un es ierosinu, mēs ietaupītu indekss katra attēla. 1225 00:53:54,170 --> 00:54:03,020 >> Tātad, kā jūs darīt, tas ir, jūs izveidojat atribūts sauc par datu domuzīme, un 1226 00:54:03,020 --> 00:54:04,750 Tad kāds nosaukums jums vēlas, lai arī tā. 1227 00:54:04,750 --> 00:54:08,940 Datu domuzīme ir īpaša lieta, kas ir dota jums, un tas saka, ka tas ir 1228 00:54:08,940 --> 00:54:10,990 kaut lietotājs gatavojas izveidot. 1229 00:54:10,990 --> 00:54:17,380 Tāpēc mēs radām šī lieta, ko sauc indekss, šī atslēga sauc indeksu. 1230 00:54:17,380 --> 00:54:21,530 >> Un iekšpusē tā, mēs gatavojamies nodot ne tikai vienu katru reizi, bet ko darīt 1231 00:54:21,530 --> 00:54:22,710 mēs ieliekam iekšā no tā, Avie? 1232 00:54:22,710 --> 00:54:23,960 Kas notiek tieši šeit? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> Mērķauditorija: Dolphin. 1235 00:54:29,954 --> 00:54:31,140 >> Jason Hirschhorn: Dolphin. 1236 00:54:31,140 --> 00:54:33,370 Tas nav tas vārds. 1237 00:54:33,370 --> 00:54:34,920 Delfīns. 1238 00:54:34,920 --> 00:54:38,300 Un atkal, mums jau iespiests delfīns iepriekš, kas ir 0, 1, 2, 3, 4, 5, un 1239 00:54:38,300 --> 00:54:39,590 mēs esam ietaupot, ka ar attēlu. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> Tāpēc tagad, ja man - un atkal, mēs glābt šo metadatus. 1242 00:54:48,580 --> 00:54:50,070 Kā jūs piekļūt ka metadati? 1243 00:54:50,070 --> 00:54:52,690 Tas ir ar funkciju vienkārši sauc par "dati." Un jums ir nepieciešams, lai iet to par vienu 1244 00:54:52,690 --> 00:54:57,960 , un tikai viens arguments, kas ir nosaukums lieta. 1245 00:54:57,960 --> 00:55:00,150 Tāpēc es esmu gatavojas izdrukāt šo out, un tad es ņemšu jautājumiem. 1246 00:55:00,150 --> 00:55:04,800 Bet būtībā, es saku man tas objekts, kas ir noklikšķinājuši uz, meklēt 1247 00:55:04,800 --> 00:55:07,790 vispār tās datu atribūtiem, un viens sauc par "indeksē" 1248 00:55:07,790 --> 00:55:09,080 man šo vērtību. 1249 00:55:09,080 --> 00:55:11,580 >> Un redzēsim, kas notiek, kad mēs atsvaidzināt šo lapu. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 Tieši tas, ko mēs gaidīts. 1252 00:55:17,580 --> 00:55:18,910 Atkal, tas bija diezgan maģisks. 1253 00:55:18,910 --> 00:55:20,680 Mēs tikko izdarījām daudz labi tur. 1254 00:55:20,680 --> 00:55:22,360 Kam ir kādi jautājumi par šo? 1255 00:55:22,360 --> 00:55:22,560 Yeah? 1256 00:55:22,560 --> 00:55:24,540 >> Mērķauditorija: Man vienkārši ir jautājums par savu dzīvu kodu. 1257 00:55:24,540 --> 00:55:27,590 Jūs varat izmantot, piemēram, vienu citātu, dubultā citāts, piemēram, tiesības tur. 1258 00:55:27,590 --> 00:55:28,534 >> Jason Hirschhorn: Tepat. 1259 00:55:28,534 --> 00:55:29,006 >> Mērķauditorija: Jā. 1260 00:55:29,006 --> 00:55:33,300 Vai ir iemesls, kāpēc jūs darāt vienu citātu, dubultā quote? 1261 00:55:33,300 --> 00:55:35,190 >> Jason Hirschhorn: Ir iemesls, un tas iet atpakaļ uz to, ko Marcus 1262 00:55:35,190 --> 00:55:35,830 jautāja agrāk. 1263 00:55:35,830 --> 00:55:38,940 Šajā līnijā, man tika mazliet labāk manā kodēšanu. 1264 00:55:38,940 --> 00:55:43,810 Es gribu to, un tas ir tas, ko es godīgi būtu jādara viss 1265 00:55:43,810 --> 00:55:46,240 laiku, par platumu un augstumu it īpaši. 1266 00:55:46,240 --> 00:55:49,090 Apskatīsim uz leju šeit. 1267 00:55:49,090 --> 00:55:50,280 Jūs redzēsiet tieši šeit, jūs varat redzēt, ka? 1268 00:55:50,280 --> 00:55:54,620 Es zinu, tas ir sava veida maza, bet dati domuzīme indekss ir pēdiņās. 1269 00:55:54,620 --> 00:55:56,240 Šīs lietas vienmēr vajag būt pēdiņās. 1270 00:55:56,240 --> 00:55:58,630 Vērtība vienmēr ir jābūt pēdiņās. 1271 00:55:58,630 --> 00:56:01,910 >> Bet šeit, ja man dubultu citātu, ka beigsies šo virkni tieši šeit, 1272 00:56:01,910 --> 00:56:03,930 un tagad es nebūtu ierakstot virkni. 1273 00:56:03,930 --> 00:56:09,600 Tāpēc man apkārt, ka, tikai izmantojot vienu citātu, jo vienu citātu 1274 00:56:09,600 --> 00:56:13,120 nebeidzas JavaScript virkni, bet HTML tas nav aprūpi, ja esat 1275 00:56:13,120 --> 00:56:14,270 piešķirot tai vienu pēdiņām vai pēdiņas. 1276 00:56:14,270 --> 00:56:16,395 Tas būs tikai interpretēt piemēram, pēdiņas. 1277 00:56:16,395 --> 00:56:17,460 Vai tas ir jēga? 1278 00:56:17,460 --> 00:56:17,855 Yeah? 1279 00:56:17,855 --> 00:56:21,225 >> Mērķauditorija: Kā jums, ka IP adrese apakšā jūsu klients? 1280 00:56:21,225 --> 00:56:22,473 Mine saka nav IP adreses. 1281 00:56:22,473 --> 00:56:24,450 Vai ir kaut kas man vajadzētu esam darījuši [nedzirdama]. 1282 00:56:24,450 --> 00:56:26,385 >> Jason Hirschhorn: Jūsu ierīces, tas nav nekas? 1283 00:56:26,385 --> 00:56:27,043 >> Mērķauditorija: Jā. 1284 00:56:27,043 --> 00:56:29,540 >> Jason Hirschhorn: Tur ir kaut kas jūs varat darīt, lai noteikt to, bet es neesmu 1285 00:56:29,540 --> 00:56:31,030 gatavojas tērēt laiku staigājot izmantojot šīs tiesības tagad. 1286 00:56:31,030 --> 00:56:33,705 Bet mēs varam darīt to pēc sadaļā. 1287 00:56:33,705 --> 00:56:38,520 >> Mērķauditorija: Ja jūs iet atpakaļ uz konsole, kāpēc bija 1288 00:56:38,520 --> 00:56:41,168 uzskaitītas 012.321 numurs? 1289 00:56:41,168 --> 00:56:42,480 >> Jason Hirschhorn: konsole? 1290 00:56:42,480 --> 00:56:44,760 Ak, jo es tikko bija uzklikšķinot ap Putnu. 1291 00:56:44,760 --> 00:56:45,440 >> Mērķauditorija: Ak, OK. 1292 00:56:45,440 --> 00:56:46,410 Nekas. 1293 00:56:46,410 --> 00:56:50,754 >> Jason Hirschhorn: Un atkal, es varētu noklikšķināt par kaut ko bajillion reizes. 1294 00:56:50,754 --> 00:56:53,500 >> Mērķauditorija: Man ir jautājums par Jūsu cilpa atkal, jūsu cilpas. 1295 00:56:53,500 --> 00:56:56,450 Jo jūs zināt, P noteikti astoņi, viņi izmantot citu šīs cilpas. 1296 00:56:56,450 --> 00:57:02,210 Lai viņi tāpat VAR i ir vienāds ar 0, i mazāk nekā, ocean_array.length, i + +. 1297 00:57:02,210 --> 00:57:04,160 Ir tie līdzvērtīgu? 1298 00:57:04,160 --> 00:57:06,070 >> Jason Hirschhorn: Tas ir standarts cilpu. 1299 00:57:06,070 --> 00:57:07,570 Vai yeah, tas ir cilpas. 1300 00:57:07,570 --> 00:57:08,565 Patiesībā, mēs esam redzējuši, kas ir līdzvērtīgi. 1301 00:57:08,565 --> 00:57:10,450 >> Mērķauditorija: Tātad tas ir līdzvērtīgi ko jūs esat darījuši šeit? 1302 00:57:10,450 --> 00:57:12,030 Ir viens uzskatīts par labāku nekā otrs? 1303 00:57:12,030 --> 00:57:13,280 >> Jason Hirschhorn: Nē. 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> Tātad, atkal, mēs esam aizgājuši vairāk nekā dažas lietas. 1306 00:57:20,110 --> 00:57:23,170 Mēs esam tagad pārcelts mūsu komforta zonas un sāka darīt daži patiešām atdzist 1307 00:57:23,170 --> 00:57:26,840 lietas, ko mēs ne vienmēr ir aizgājuši vairāk klasē pirms, bet būs 1308 00:57:26,840 --> 00:57:28,870 cerams, būs ļoti spēcīgs jums, kad kodēšanas. 1309 00:57:28,870 --> 00:57:30,670 >> Avie, iesim atpakaļ šeit. 1310 00:57:30,670 --> 00:57:31,890 Man ir indeksu delfīnu. 1311 00:57:31,890 --> 00:57:32,850 Tagad to, kas man jādara? 1312 00:57:32,850 --> 00:57:34,760 >> Mērķauditorija: Jums ir nepieciešams apmācīt to. 1313 00:57:34,760 --> 00:57:39,985 Tā vietā liekot console.log, jums var noteikt mainīgais vienāds ar to? 1314 00:57:39,985 --> 00:57:40,680 >> Jason Hirschhorn: OK. 1315 00:57:40,680 --> 00:57:41,440 Tā? 1316 00:57:41,440 --> 00:57:44,450 >> Mērķauditorija: Es neesmu pārliecināts, ja jūs varat darīt to. 1317 00:57:44,450 --> 00:57:46,880 >> Jason Hirschhorn: Tātad VAR x vienāds Tas, kāds tas atgriežas, 1318 00:57:46,880 --> 00:57:47,650 tas būs atpakaļ. 1319 00:57:47,650 --> 00:57:48,350 Nav svarīgi. 1320 00:57:48,350 --> 00:57:49,490 Tā var atgriezties jebkuru mainīgo. 1321 00:57:49,490 --> 00:57:51,580 Tur nav veidi šeit. 1322 00:57:51,580 --> 00:57:53,970 >> Mērķauditorija: Vai jūs varētu vienkārši do funkciju zvanu. 1323 00:57:53,970 --> 00:57:55,465 >> Jason Hirschhorn: Jā, kāpēc ne man darīt? 1324 00:57:55,465 --> 00:57:58,191 Just do funkciju zvanu. 1325 00:57:58,191 --> 00:57:59,105 >> Mērķauditorija: Jā. 1326 00:57:59,105 --> 00:58:01,100 Put citu komplektu iekavās. 1327 00:58:01,100 --> 00:58:02,330 >> Jason Hirschhorn: Perfect. 1328 00:58:02,330 --> 00:58:03,580 Tas ir tieši labi. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 Tā, ka aicinās vilciena funkciju. 1331 00:58:08,830 --> 00:58:14,020 Protams, nekas nav vilcienā funkcija, tāpēc ierosina, Akshar tas, ko es 1332 00:58:14,020 --> 00:58:15,440 vajadzētu darīt vilciena funkciju. 1333 00:58:15,440 --> 00:58:16,400 Dodiet man pseido kodu. 1334 00:58:16,400 --> 00:58:20,940 >> Mērķauditorija: Es domāju, ka jums vajadzētu noņemt delfīns no sākotnējās tabulas. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> Jason Hirschhorn: Un tas kļūst Noah agrāk, kāpēc mēs kopēt 1337 00:58:27,010 --> 00:58:30,510 tā jaunā masīvs. 1338 00:58:30,510 --> 00:58:34,650 Labi, ka mums nav, lai rediģētu mūsu delfīni masīvs, jo ko tad citu 1339 00:58:34,650 --> 00:58:37,390 Programma ir, izmantojot to, vai to, ko, ja mēs gribam , lai piekļūtu to kaut kur citur? 1340 00:58:37,390 --> 00:58:41,005 Mēs vēlamies, lai kopiju, un tas ir viens, mēs ejam, lai rediģētu. 1341 00:58:41,005 --> 00:58:46,565 >> Mērķauditorija: Tad jūs stāvoklī tā savā jaunajā atrašanās vietā. 1342 00:58:46,565 --> 00:58:48,990 >> Jason Hirschhorn: Un ko darīt mums jādara pēc tam? 1343 00:58:48,990 --> 00:58:53,298 >> Mērķauditorija: Un tad jūs izdrukāt informācija par delfīnu. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> Jason Hirschhorn: Tas ir tieši labi. 1346 00:58:57,970 --> 00:59:03,835 Mēs noņemtu to no ocean_array, mēs nodot to baseinā, un tad mēs vēršam 1347 00:59:03,835 --> 00:59:06,870 okeāna baseinā. 1348 00:59:06,870 --> 00:59:09,625 Kā es varu noņemt delfīns no ocean_array? 1349 00:59:09,625 --> 00:59:12,102 >> Mērķauditorija: Tu ej uz indeksu. 1350 00:59:12,102 --> 00:59:13,280 Ak, OK. 1351 00:59:13,280 --> 00:59:16,076 Izmantojiet salaist funkciju. 1352 00:59:16,076 --> 00:59:17,720 >> Jason Hirschhorn: Labi, Tātad tas ir labi. 1353 00:59:17,720 --> 00:59:20,950 Es varētu izmantot salaist funkciju, kas ņem kaut ko no masīva un 1354 00:59:20,950 --> 00:59:22,250 kondensējas to. 1355 00:59:22,250 --> 00:59:23,560 Tas ir kaut kas jauns, mēs neesmu redzējis. 1356 00:59:23,560 --> 00:59:26,120 Bet es tiešām gribu, lai saglabātu vietu tur, jo es vēlos, lai izdrukātu 1357 00:59:26,120 --> 00:59:28,092 Tukšo vietu okeānā. 1358 00:59:28,092 --> 00:59:36,480 >> Mērķauditorija: Tātad jūs varat iestatīt attēlu šī indeksa, ocean_array 1359 00:59:36,480 --> 00:59:39,636 indekss dot attēlu. 1360 00:59:39,636 --> 00:59:41,730 >> Jason Hirschhorn: OK, ocean_array, indekss. 1361 00:59:41,730 --> 00:59:43,125 >> Mērķauditorija: Dot attēlu. 1362 00:59:43,125 --> 00:59:44,300 >> Jason Hirschhorn: Dot attēlu. 1363 00:59:44,300 --> 00:59:45,910 >> Mērķauditorija: Un jūs to Null? 1364 00:59:45,910 --> 00:59:47,080 >> Jason Hirschhorn: Vienāds null. 1365 00:59:47,080 --> 00:59:49,440 OK. 1366 00:59:49,440 --> 00:59:53,230 Tāpēc nekas tur ir, tā tad kā es varu īstenot baseinā? 1367 00:59:53,230 --> 00:59:56,880 Konstantīns, kā es varu likt to baseinu? 1368 00:59:56,880 --> 01:00:00,140 Mums ir šo mainīgo, mēs sauc, sauc baseins, šeit. 1369 01:00:00,140 --> 01:00:10,810 >> Mērķauditorija: Vai mēs vienkārši darīt vienāds ocean_array indekss? 1370 01:00:10,810 --> 01:00:12,575 >> Mērķauditorija: Ja tu pārslēgt pasūtījumu? 1371 01:00:12,575 --> 01:00:14,325 >> Jason Hirschhorn: One sek. 1372 01:00:14,325 --> 01:00:14,770 Yeah? 1373 01:00:14,770 --> 01:00:16,980 >> Mērķauditorija: Jā, tas bija tiešām labs punkts. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> Jason Hirschhorn: Kas notiek šeit? 1376 01:00:24,372 --> 01:00:25,510 >> Mērķauditorija: Vai tas ir rādītājs? 1377 01:00:25,510 --> 01:00:27,240 >> Jason Hirschhorn: Index, tieši tā. 1378 01:00:27,240 --> 01:00:29,400 Un ko tu teici, Constantine, ir kaut kas mums būtu jādara? 1379 01:00:29,400 --> 01:00:31,530 >> Mērķauditorija: Mums vajadzētu varbūt slēdzis pasūtījumu. 1380 01:00:31,530 --> 01:00:34,300 >> Jason Hirschhorn: Un kāpēc mēs pāriet pasūtījumu, varbūt? 1381 01:00:34,300 --> 01:00:36,166 >> Mērķauditorija: Tāpēc, ka tas punktu tas jau null. 1382 01:00:36,166 --> 01:00:39,755 >> Jason Hirschhorn: Tātad, tas vēl nav viss null, bet mēs esam zaudējuši attēla URL. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 Vai mēs esam zaudējuši uz visiem laikiem? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> Mērķauditorija: Tehniski nē? 1387 01:00:48,970 --> 01:00:50,540 >> Jason Hirschhorn: Ir mēs esam zaudējuši uz visiem laikiem? 1388 01:00:50,540 --> 01:00:51,290 >> Mērķauditorija: Nē. 1389 01:00:51,290 --> 01:00:52,780 >> Jason Hirschhorn: Nu, kur tas ir? 1390 01:00:52,780 --> 01:00:54,220 >> Mērķauditorija: Jūsu sākotnējā Dolphin - 1391 01:00:54,220 --> 01:00:56,310 >> Jason Hirschhorn: tas ir delfīni, bet ocean_array 1392 01:00:56,310 --> 01:00:57,630 mēs esam zaudējuši uz visiem laikiem. 1393 01:00:57,630 --> 01:01:01,910 Tātad Constantine, vai varat ieteikt labāks veids, kā rakstīt šo līniju? 1394 01:01:01,910 --> 01:01:03,350 Patiesībā, sorry, tas ir saglabāts baseinu. 1395 01:01:03,350 --> 01:01:08,640 Mēs esam to baseinā, jo baseins ir objekts, vai ne? 1396 01:01:08,640 --> 01:01:12,310 Ocean_array indekss, ocean_array ir masīvs objektiem. 1397 01:01:12,310 --> 01:01:15,590 >> Tāpēc baseins ir objekts, un mēs esam URL tur, un lejā 1398 01:01:15,590 --> 01:01:16,220 Šeit tas ir iestatīts uz null. 1399 01:01:16,220 --> 01:01:19,280 Tik tiešām, mums nav zaudējis uz visiem laikiem. 1400 01:01:19,280 --> 01:01:20,080 Tas ir vienkārši saglabāti baseinā. 1401 01:01:20,080 --> 01:01:23,730 Bet tas noteikti nav ocean_array, un tāpat kā jūs teicāt, Carlos, tas ir 1402 01:01:23,730 --> 01:01:25,010 delfīni masīvs. 1403 01:01:25,010 --> 01:01:25,720 >> Tāpēc tas izskatās salds. 1404 01:01:25,720 --> 01:01:27,550 Un tad kā mēs izdarīt okeānu un baseinu? 1405 01:01:27,550 --> 01:01:27,780 Mario? 1406 01:01:27,780 --> 01:01:33,060 >> Mērķauditorija: Jūs varat zvanīt draw_pool un draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 Tātad, piemēram, draw_pool, un pēc tam - 1408 01:01:36,060 --> 01:01:39,522 labi, jā, tas nav nepieciešams neko. 1409 01:01:39,522 --> 01:01:40,840 >> Jason Hirschhorn: Great. 1410 01:01:40,840 --> 01:01:42,350 Kas draw_pool gatavojas darīt? 1411 01:01:42,350 --> 01:01:43,715 >> Mērķauditorija: Zīmēt baseinu? 1412 01:01:43,715 --> 01:01:45,360 >> Jason Hirschhorn: Jā, labi, to, kas tas būs jādara? 1413 01:01:45,360 --> 01:01:46,605 >> Mērķauditorija: Sorry. 1414 01:01:46,605 --> 01:01:48,310 Jūs varētu darīt to pašu lieta, tāpat kā ir - 1415 01:01:48,310 --> 01:01:49,670 >> Jason Hirschhorn: Pagaidi, Mēs ejam, lai tur nokļūt. 1416 01:01:49,670 --> 01:01:49,880 Nekas. 1417 01:01:49,880 --> 01:01:50,950 Tas nekas tagad. 1418 01:01:50,950 --> 01:01:52,080 Let 's redzēt, ja tas darbojas, though. 1419 01:01:52,080 --> 01:01:52,520 Kas deva mums šo kodu? 1420 01:01:52,520 --> 01:01:54,640 Akshar un Constantine deva mums šo kodu? 1421 01:01:54,640 --> 01:01:56,640 Labi, pieņemsim redzēt, kas notiek. 1422 01:01:56,640 --> 01:01:57,810 >> Ah! 1423 01:01:57,810 --> 01:01:59,650 Tas bija tik aizraujoši. 1424 01:01:59,650 --> 01:02:00,790 Tas ir pagājis. 1425 01:02:00,790 --> 01:02:01,810 Ak, zēns. 1426 01:02:01,810 --> 01:02:03,060 Tas ir sava veida neglīts. 1427 01:02:03,060 --> 01:02:04,670 Nu, mēs varam doties atpakaļ un noteikt, ka vēlāk. 1428 01:02:04,670 --> 01:02:06,490 Nez, kur tas ir? 1429 01:02:06,490 --> 01:02:07,890 Mēs saglabāti to šajā baseins mainīgo. 1430 01:02:07,890 --> 01:02:10,160 Kā es varu izdomāt, ja tas ir šajā baseins mainīgo? 1431 01:02:10,160 --> 01:02:15,780 Nu, atkal, jauda JavaScript, un it īpaši līdzekļi, kas 1432 01:02:15,780 --> 01:02:18,280 Chrome dod jums, ir tagad varat pārbaudīt, ka baseins mainīgo. 1433 01:02:18,280 --> 01:02:19,220 Tā ir globāla, atceries? 1434 01:02:19,220 --> 01:02:20,960 Mums nav laidis VAR atslēgvārdu. 1435 01:02:20,960 --> 01:02:23,430 Tātad, ja es tipa Enter tieši šeit, Konstantīns, ko jūs domājat, ka es esmu 1436 01:02:23,430 --> 01:02:24,800 gatavojas saņemt, kad es hit Enter? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> Mērķauditorija: Es nezinu. 1439 01:02:30,950 --> 01:02:31,470 >> Jason Hirschhorn: Guess. 1440 01:02:31,470 --> 01:02:32,110 >> Mērķauditorija: Nekas? 1441 01:02:32,110 --> 01:02:33,680 >> Jason Hirschhorn: Nekas, nepareizi. 1442 01:02:33,680 --> 01:02:35,030 Tas bija labs minējums, though. 1443 01:02:35,030 --> 01:02:35,920 Man objektu. 1444 01:02:35,920 --> 01:02:37,680 Atcerieties, jūs man iedeva ka līnija kodu. 1445 01:02:37,680 --> 01:02:41,550 Baseins, jums ir saglabātas, ka mainīgs objekts. 1446 01:02:41,550 --> 01:02:45,180 Un, protams, mēs redzam objektu esat saglabājis tajā. 1447 01:02:45,180 --> 01:02:46,710 Tas ir lieliski. 1448 01:02:46,710 --> 01:02:48,510 Mēs varam pārbaudīt no šejienes. 1449 01:02:48,510 --> 01:02:52,110 Tas ir gandrīz kā reālā laika gdb ka mēs varam meklēt, izmantojot mūsu kodu un 1450 01:02:52,110 --> 01:02:53,520 izdomāt stuff. 1451 01:02:53,520 --> 01:02:55,780 Tas ir super foršs un super spēcīgs. 1452 01:02:55,780 --> 01:02:56,860 >> Labi, pieņemsim pabeigt šo augšu. 1453 01:02:56,860 --> 01:02:59,710 Pieņemsim izdarīt baseinu piecās minūtēs. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 Maru, dod man līniju kodu, lai pievērstu baseinu. 1456 01:03:05,370 --> 01:03:08,975 >> Mērķauditorija: Jums varētu būt otra mainīgs HTML, bet / nosaukums. 1457 01:03:08,975 --> 01:03:11,070 >> Jason Hirschhorn: Veidosim tas ir ļoti vienkārši tagad. 1458 01:03:11,070 --> 01:03:14,156 Pieņemsim tikai drukāt nosaukumu delfīnu mēs apmācību. 1459 01:03:14,156 --> 01:03:20,910 >> Mērķauditorija: Un tad jūs varat darīt dolāru parakstīt, atvērt iekavas, 1460 01:03:20,910 --> 01:03:23,850 un tad atveriet cenas. 1461 01:03:23,850 --> 01:03:26,420 Es domāju mārciņu baseins, ja tas bija lieta. 1462 01:03:26,420 --> 01:03:27,240 Es neatceros. 1463 01:03:27,240 --> 01:03:28,950 >> Jason Hirschhorn: Paskatīsimies atpakaļ. 1464 01:03:28,950 --> 01:03:29,570 Es domāju, ka tā ir lieta. 1465 01:03:29,570 --> 01:03:30,660 >> Mērķauditorija: Labi, jā. 1466 01:03:30,660 --> 01:03:36,460 Un aizveriet citēju tuvu iekavas . Html, atvērt iekavas, 1467 01:03:36,460 --> 01:03:45,880 un tad es domāju, baseins, piemēram, atklātā grupā 0 vai kaut kas tamlīdzīgs. 1468 01:03:45,880 --> 01:03:47,500 Aizvērt dot vārdu. 1469 01:03:47,500 --> 01:03:49,720 Es nezinu, vai tas darbojas. 1470 01:03:49,720 --> 01:03:51,723 >> Mērķauditorija: Labi, pieņemsim redzēt, kas notiek. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 "Nevar nolasīt īpašuma nosaukumu undefined. "Tātad vēlreiz, lūk, ko 1473 01:03:59,040 --> 01:03:59,770 Mēs ejam, lai pārbaudītu out. 1474 01:03:59,770 --> 01:04:00,500 Mēs ejam, lai izpētītu to. 1475 01:04:00,500 --> 01:04:02,710 Tu baseins, atvērts bracket0. Nosaukumu. 1476 01:04:02,710 --> 01:04:06,060 Atkal, man tas visu laiku, un es esmu sajaukt to, kas notiek, ko dara 1477 01:04:06,060 --> 01:04:07,040 Šis brīdinājums nozīmē. 1478 01:04:07,040 --> 01:04:09,140 Apskatīsim baseinu. 1479 01:04:09,140 --> 01:04:12,520 Apskatīsim baseins grupā 0, undefined. 1480 01:04:12,520 --> 01:04:14,430 Tātad, tas ir, ja mēs rīkosim mūsu problēma, vai ne? 1481 01:04:14,430 --> 01:04:16,130 Baseins kronšteins 0 nav, protams, pastāv. 1482 01:04:16,130 --> 01:04:19,760 Ko jūs domājat, ka tas pastāv? 1483 01:04:19,760 --> 01:04:21,885 >> Mērķauditorija: Vai pool tikai objekts pats par sevi? 1484 01:04:21,885 --> 01:04:23,550 >> Jason Hirschhorn: Nu, ko tas saka tieši šeit? 1485 01:04:23,550 --> 01:04:25,850 Kad mēs hit Enter uz baseinu, ko tas saka, tas ir? 1486 01:04:25,850 --> 01:04:26,510 >> Mērķauditorija: Object. 1487 01:04:26,510 --> 01:04:28,076 >> Jason Hirschhorn: Tas ir objekts, tā? 1488 01:04:28,076 --> 01:04:28,860 >> Mērķauditorija: Ak, jā. 1489 01:04:28,860 --> 01:04:30,700 Tik vienkārši pool.name vietā - 1490 01:04:30,700 --> 01:04:34,650 >> Jason Hirschhorn: Pool.name dod tieši to, ko jūs vēlējāties. 1491 01:04:34,650 --> 01:04:38,060 Un es saprotu, es eju caur šo lēni un belaboring šo jautājumu, bet 1492 01:04:38,060 --> 01:04:39,720 tas ir tieši tā, kā man šo stuff. 1493 01:04:39,720 --> 01:04:42,270 Jūs gatavojas uzskriet šiem kukaiņiem savu galīgo projekta laikā, tāpēc es ceru, ka 1494 01:04:42,270 --> 01:04:44,360 tas ir ļaujot jums, lai varētu izmantot visus šos rīkus. 1495 01:04:44,360 --> 01:04:47,780 Tie ir ļoti svarīgi, un būs iegūt jums super duper tālu. 1496 01:04:47,780 --> 01:04:50,050 >> Tāpēc es nevēlos, lai tikai izdrukāt nosaukumu. 1497 01:04:50,050 --> 01:04:54,375 Lai tas nedaudz bit nicer nekā šis. 1498 01:04:54,375 --> 01:04:56,000 >> Mērķauditorija: Ko vēl mēs gribam darīt? 1499 01:04:56,000 --> 01:04:56,460 >> Jason Hirschhorn: Labi, labi. 1500 01:04:56,460 --> 01:04:57,390 Mēs darīt tieši to. 1501 01:04:57,390 --> 01:04:57,760 Ugh. 1502 01:04:57,760 --> 01:05:00,354 Puiši, jums nav dzīvi. 1503 01:05:00,354 --> 01:05:02,720 >> Labi, boom, got to. 1504 01:05:02,720 --> 01:05:04,040 Izskatās labi. 1505 01:05:04,040 --> 01:05:09,910 Jūs redzēsiet, Akshar, šeit lejā, mums ir nulle, nav atrasts. 1506 01:05:09,910 --> 01:05:14,760 Tātad izskatās, ka tas joprojām mēģina atrast kādu attēlu, un kas nav jādara 1507 01:05:14,760 --> 01:05:15,720 tieši tas, ko mēs gribējām darīt. 1508 01:05:15,720 --> 01:05:18,690 Mēs nebrauksim iedziļināties, ka tagad, bet tur droši vien tīrāks veids 1509 01:05:18,690 --> 01:05:19,835 darot. 1510 01:05:19,835 --> 01:05:24,475 >> Mērķauditorija: Vai jūs atstāt, piemēram, tukšu telpu attēlu? 1511 01:05:24,475 --> 01:05:27,080 Piemēram, tā vietā nosakot to uz null, Jūs varētu iestatīt tā, lai, piemēram, tukšu 1512 01:05:27,080 --> 01:05:28,732 stīgu vai kaut ko? 1513 01:05:28,732 --> 01:05:30,020 >> Jason Hirschhorn: Tāpat kā šī? 1514 01:05:30,020 --> 01:05:31,270 >> Mērķauditorija: Jā. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> Jason Hirschhorn: [nedzirdama]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 Nav atrasts. 1519 01:05:42,860 --> 01:05:44,810 Tātad tur ir labāks veids, kā to darīt. 1520 01:05:44,810 --> 01:05:46,290 Es ieteiktu to izdarīt. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 Tikai nosakot null tur. 1523 01:05:53,080 --> 01:05:54,200 Tad, protams, to, kas ir kas notiks? 1524 01:05:54,200 --> 01:05:56,050 Tas notiek, lai iet prom pavisam. 1525 01:05:56,050 --> 01:06:01,420 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 1526 01:06:01,420 --> 01:06:05,140 šeit, kā labi. 1527 01:06:05,140 --> 01:06:06,650 Es esmu gatavojas iegūt jums sākusies. 1528 01:06:06,650 --> 01:06:09,076 Akshar, dod man šo līniju Kodu tiešām ātri. 1529 01:06:09,076 --> 01:06:17,480 >> Mērķauditorija: Ja ocean_array, delfīns, vienāds, vienāds, vienāds - vienāds null? 1530 01:06:17,480 --> 01:06:20,342 Jā. 1531 01:06:20,342 --> 01:06:21,466 >> Jason Hirschhorn: Ko tad? 1532 01:06:21,466 --> 01:06:24,046 >> Mērķauditorija: Tad darīt html. 1533 01:06:24,046 --> 01:06:27,920 Jūs vienkārši kopēt apakšējā kodu, tiešām. 1534 01:06:27,920 --> 01:06:29,100 >> Jason Hirschhorn: Copy, ko? 1535 01:06:29,100 --> 01:06:30,290 >> Mērķauditorija: Jūs varat kopēt - 1536 01:06:30,290 --> 01:06:30,340 >> Jason Hirschhorn: tas ir? 1537 01:06:30,340 --> 01:06:31,310 >> Mērķauditorija: Jā. 1538 01:06:31,310 --> 01:06:33,115 >> Jason Hirschhorn: Tas viss? 1539 01:06:33,115 --> 01:06:35,082 Mums nav attēlu. 1540 01:06:35,082 --> 01:06:37,386 >> Mērķauditorija: Es domāju jums var vienkārši atstāt - 1541 01:06:37,386 --> 01:06:39,651 Jā, jūs varat vienkārši aizvērt to. 1542 01:06:39,651 --> 01:06:41,560 Bet es domāju, ka jums ir noteikt platumu. 1543 01:06:41,560 --> 01:06:45,280 >> Jason Hirschhorn: Nu, vienkārši izveidojiet tukšu kolonnu. 1544 01:06:45,280 --> 01:06:45,910 OK. 1545 01:06:45,910 --> 01:06:48,480 Un tad tādā gadījumā mēs, iespējams, vēlaties to darīt, kā labi. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> Hmm. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 Oh. 1550 01:06:59,820 --> 01:07:01,800 Nestrādāja, bet mēs neesam panākt, ka kļūda. 1551 01:07:01,800 --> 01:07:03,090 Let 's redzēt, kas noticis uz leju šeit. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> Tāpēc nekas tur, lai to, ko tu teikt, mums vajadzētu pievienot? 1554 01:07:09,690 --> 01:07:14,746 >> Mērķauditorija: Mums jānosaka platums no rindas. 1555 01:07:14,746 --> 01:07:15,585 >> Jason Hirschhorn: Uz ko? 1556 01:07:15,585 --> 01:07:17,590 >> Mērķauditorija: Es domāju, ka tas ir 150. 1557 01:07:17,590 --> 01:07:19,650 >> Mērķauditorija: Jā, tas bija 150. 1558 01:07:19,650 --> 01:07:21,390 >> Jason Hirschhorn: Mēs nodot šo šeit saglabāt savu kodu konsekventa. 1559 01:07:21,390 --> 01:07:21,730 Bet tas nav viens. 1560 01:07:21,730 --> 01:07:22,350 Labi, labi. 1561 01:07:22,350 --> 01:07:23,050 Ievietojis. 1562 01:07:23,050 --> 01:07:25,650 OK? 1563 01:07:25,650 --> 01:07:28,241 Tāpēc tas joprojām dodas prom. 1564 01:07:28,241 --> 01:07:29,780 >> Mērķauditorija: Ak, zvaniet platums? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> Jason Hirschhorn: Tas izskatās piemēram, platums ir 150. 1567 01:07:35,140 --> 01:07:36,290 Paskatīsimies. 1568 01:07:36,290 --> 01:07:39,375 Tagad mēs gatavojamies darīt, galīgā redakcija, cool, spēcīgs lieta, ka es esmu 1569 01:07:39,375 --> 01:07:40,500 gatavojas parādīs. 1570 01:07:40,500 --> 01:07:43,830 Mēs nebrauksim, lai pabeigtu šo kodu, bet online pirms mēs atmest, tas viss 1571 01:07:43,830 --> 01:07:44,580 kods būs pareizs. 1572 01:07:44,580 --> 01:07:48,970 Es e-pastu jums izlaboto versiju ar kādu savu stilu pēc 1573 01:07:48,970 --> 01:07:51,020 iedaļā, un ka tiks publicēta internetā. 1574 01:07:51,020 --> 01:07:53,920 Es aicinu jūs, lai saglabātu izpētīt šo un izmantot to kā atsauci, bet es 1575 01:07:53,920 --> 01:07:58,250 gribu jums parādīt gala instrumentu šo klase, un kas ir vairāk nekā šeit 1576 01:07:58,250 --> 01:07:58,920 labajā pusē. 1577 01:07:58,920 --> 01:08:01,700 Un mēs paskatījās šajā pēdējā nedēļā, bet tagad cerams, ka tas ir mazliet vairāk pazīstams 1578 01:08:01,700 --> 01:08:02,970 jums un ērti. 1579 01:08:02,970 --> 01:08:06,730 >> Jūs varat dinamiski spēlēt ar CSS lappuses. 1580 01:08:06,730 --> 01:08:09,570 Mēs esam faktiski jau ir redzējuši mūs dinamiski spēlēt ar HTML. 1581 01:08:09,570 --> 01:08:13,470 Atcerieties, mēs to izdarījām pareizo Rediģēt kā HTML? 1582 01:08:13,470 --> 01:08:14,090 Tieši šeit? 1583 01:08:14,090 --> 01:08:16,080 Tāpēc mēs esam dinamiski spēlēja ar HTML. 1584 01:08:16,080 --> 01:08:20,620 >> Konsole, jūs varat dinamiski spēlēt ar JavaScript lappuses. 1585 01:08:20,620 --> 01:08:24,899 Tā, piemēram, kas ir derīga JavaScript līnija. 1586 01:08:24,899 --> 01:08:26,870 Boom, es saņēmu tieši to, ko es gribēju. 1587 01:08:26,870 --> 01:08:30,060 Tātad, mēs varam dinamiski spēlēt ar HTML, dinamiski spēlēt ar 1588 01:08:30,060 --> 01:08:30,550 JavaScript. 1589 01:08:30,550 --> 01:08:32,810 Tagad mēs ejam, lai dinamiski spēlē ar CSS. 1590 01:08:32,810 --> 01:08:36,630 >> Un tas viss ir tāpēc, ka tas ir tāpat kā instant, dzīvo GDB atgriezenisko saiti, un tāpēc jums 1591 01:08:36,630 --> 01:08:39,979 var kaut ko zināt tiesības, pirms iet savu kodu, un jūs varat 1592 01:08:39,979 --> 01:08:41,790 nevar uzminēt, kas kaut ko ir gatavojas izskatās. 1593 01:08:41,790 --> 01:08:43,050 Tāpēc tas ir super duper forši. 1594 01:08:43,050 --> 01:08:45,850 >> Un pieņemsim, visbeidzot apskatīt dinamiski spēlē ar CSS. 1595 01:08:45,850 --> 01:08:49,560 Tas ir vairāk nekā šeit labajā pusē labajā pusē, element.style. 1596 01:08:49,560 --> 01:08:50,420 Iesim uz to. 1597 01:08:50,420 --> 01:08:51,740 Lūk, mūsu elements. 1598 01:08:51,740 --> 01:08:54,689 Let 's dod tai papildus CSS. 1599 01:08:54,689 --> 01:09:00,300 >> Vai žēl, mēs varētu arī tā dažas papildus CSS, taču mēs, iespējams, šajā gadījumā 1600 01:09:00,300 --> 01:09:03,330 vēlaties mainīt šo atribūtu. 1601 01:09:03,330 --> 01:09:05,535 Tātad, pieņemsim iet uz leju šeit, lai šo līniju. 1602 01:09:05,535 --> 01:09:06,785 Ak, es nevaru darīt šeit. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 Piedodiet. 1605 01:09:11,689 --> 01:09:12,939 Rediģēt AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 lai ir, kā jūs varētu rediģēt CSS. 1608 01:09:19,270 --> 01:09:21,804 Mēs nebrauksim, lai rediģētu CSS at this otrkārt, bet mēs gribam, lai rediģētu 1609 01:09:21,804 --> 01:09:24,439 HTML un piešķir tai papildus atribūts. 1610 01:09:24,439 --> 01:09:26,762 Ko jūs ierosināt mainīt šo? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 Es domāju, Avie bija ierosinājumu. 1613 01:09:31,170 --> 01:09:32,420 >> Mērķauditorija: Col platums? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> Jason Hirschhorn: Tas izskatījās tā nedarīja neko, vai nu. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 Pamēģināsim CSS. 1618 01:09:45,803 --> 01:09:46,707 >> Mērķauditorija: [dzirdams] klasē? 1619 01:09:46,707 --> 01:09:48,310 >> Jason Hirschhorn: Tajā teikts tas nedarbojas. 1620 01:09:48,310 --> 01:09:49,260 Tas dod šo dzelteno lieta. 1621 01:09:49,260 --> 01:09:51,660 >> Mērķauditorija: Bet [nedzirdama]. 1622 01:09:51,660 --> 01:09:56,883 >> Mērķauditorija: Vai tu nosakot platums no attēla līdz 150, kad jūs to darīt? 1623 01:09:56,883 --> 01:09:59,741 Piemēram, nebūtu jūs tikai izmantot platums? 1624 01:09:59,741 --> 01:10:00,740 >> Jason Hirschhorn: Jā. 1625 01:10:00,740 --> 01:10:02,785 >> Mērķauditorija: Bet mums nav attēlu vairs. 1626 01:10:02,785 --> 01:10:03,340 >> Jason Hirschhorn: Nē. 1627 01:10:03,340 --> 01:10:04,290 Mums nav kaut ko tur. 1628 01:10:04,290 --> 01:10:07,990 Tāpēc mēs nebrauksim, lai atrisinātu īpaša problēma. 1629 01:10:07,990 --> 01:10:11,190 Mēs ejam, lai dotos atpakaļ uz Akshar s risinājums, jo es vēlos, lai uzstādītu 1630 01:10:11,190 --> 01:10:14,160 Dolphin bezmaksas pagaidām, vai tas ir pēdējais 1631 01:10:14,160 --> 01:10:14,710 lieta, ko es gribu, lai pabeigtu. 1632 01:10:14,710 --> 01:10:18,340 Tāpēc mēs esam gatavojas atstāt šo šeit vienlaikus atzīstot, ka tas nav gluži 1633 01:10:18,340 --> 01:10:19,870 pareizi, un mēs ejam atgriezties pie tā. 1634 01:10:19,870 --> 01:10:21,230 >> Piedodiet. 1635 01:10:21,230 --> 01:10:23,380 Es teicu, mēs varam dinamiski mainīt CSS. 1636 01:10:23,380 --> 01:10:26,060 Apskatīsim šo un to kas tiešām ātri. 1637 01:10:26,060 --> 01:10:28,910 Tātad, ja es pārbaudīt šo elementu šeit lejā, un teikt, es gribu, lai būtu zila, 1638 01:10:28,910 --> 01:10:32,850 Jūs varat nākt nekā šeit, krāsu, jo Es zinu, kas maina krāsu 1639 01:10:32,850 --> 01:10:36,710 kaut ko, un mēs redzējām, kā tā ir mainījusies tā zilā krāsā. 1640 01:10:36,710 --> 01:10:38,850 Tātad, tas ir man dinamiski mainot CSS. 1641 01:10:38,850 --> 01:10:42,150 Nemaina to labi, bet tad Es varu iet atpakaļ uz manu CSS failu un 1642 01:10:42,150 --> 01:10:44,990 mainīt krāsu objektu. 1643 01:10:44,990 --> 01:10:46,610 >> OK. 1644 01:10:46,610 --> 01:10:48,180 Tas bija daudz. 1645 01:10:48,180 --> 01:10:50,480 Mums nav pabeidzis savu apbrīnojamo programmu. 1646 01:10:50,480 --> 01:11:00,352 Ļaujiet man parādīs jums tas ļoti ātri, un tad mēs galvu. 1647 01:11:00,352 --> 01:11:01,860 Ak, kur tas ir? 1648 01:11:01,860 --> 01:11:02,710 Nē! 1649 01:11:02,710 --> 01:11:03,960 Turiet par. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> Labi, lai jūs esat iepakošanas augšu, pārsteidzošs preview, vai priekšā 1652 01:11:24,350 --> 01:11:25,330 skatīt, un nākamo reizi. 1653 01:11:25,330 --> 01:11:30,880 Tas ir Dolphin Trainer 2013 un tā nedarbojas. 1654 01:11:30,880 --> 01:11:32,048 Lieliski. 1655 01:11:32,048 --> 01:11:36,240 >> [Smiekli] 1656 01:11:36,240 --> 01:11:37,300 >> Jason Hirschhorn: Oh! 1657 01:11:37,300 --> 01:11:38,085 Boom! 1658 01:11:38,085 --> 01:11:38,950 Ko tas nozīmē? 1659 01:11:38,950 --> 01:11:39,700 >> Mērķauditorija: Jūs neesat chmod. 1660 01:11:39,700 --> 01:11:41,430 >> Jason Hirschhorn: man nav chmod to. 1661 01:11:41,430 --> 01:11:42,680 >> Mērķauditorija: Rinda vienu. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> Jason Hirschhorn: Ak, paskaties uz to. 1664 01:11:54,930 --> 01:11:55,710 OK. 1665 01:11:55,710 --> 01:11:57,280 Tātad, man ir mana sešas delfīnus. 1666 01:11:57,280 --> 01:11:57,730 Kas notiek? 1667 01:11:57,730 --> 01:11:58,060 Paskatīsimies. 1668 01:11:58,060 --> 01:12:02,595 Ja es apmācīt vienu, tagad mācību Lili. 1669 01:12:02,595 --> 01:12:04,910 Ak, es gribu, lai jūs brīvus, Lili. 1670 01:12:04,910 --> 01:12:06,660 Tur jums iet, atpakaļ okeānā. 1671 01:12:06,660 --> 01:12:07,950 >> Tā tas bija šonedēļ. 1672 01:12:07,950 --> 01:12:09,500 Ja Jums ir kādi jautājumi, mēs būsim ārā. 1673 01:12:09,500 --> 01:12:11,340 Un atkal, es jums nosūtīsim pārējā šo kodu. 1674 01:12:11,340 --> 01:12:12,590 Paldies, puiši. 1675 01:12:12,590 --> 01:12:15,723