1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> Джэйсан Хиршхорн: Сардэчна запрашаем, усё, каб тыдзень дзевяці. 3 00:00:10,850 --> 00:00:14,800 У нас ёсць захапляльная тыдзень наперадзе нас таму што ў нас канчатковы набор праблем. 4 00:00:14,800 --> 00:00:18,330 У нас таксама ёсць новы мову, JavaScript, што вы ўжо знаходзіцеся ў 5 00:00:18,330 --> 00:00:22,690 самы разгар выкарыстоўваючы не толькі для гэтага Праблема набор, але многія з вас будзе 6 00:00:22,690 --> 00:00:24,780 верагодна, выкарыстоўваць яго для канчатковага праекты, асабліва 7 00:00:24,780 --> 00:00:26,000 Web-Based канчатковыя праекты. 8 00:00:26,000 --> 00:00:32,330 Дык вось што мы разгледзім сёння пасля коратка казаць аб рэсурсах, 9 00:00:32,330 --> 00:00:33,180 якія мы робім кожны тыдзень. 10 00:00:33,180 --> 00:00:36,850 Мы будзем скакаць у JavaScript, а затым мы выдаткуем усе секцыі з 11 00:00:36,850 --> 00:00:44,460 практычны дзейнасці кадавання Дэльфін трэнерам 2K13, які, як Madden 12 00:00:44,460 --> 00:00:48,650 2013, але для дэльфінаў і ў JavaScript. 13 00:00:48,650 --> 00:00:49,910 >> [Смех] 14 00:00:49,910 --> 00:00:53,670 >> Джэйсан Хиршхорн: Так як заўсёды, спіс рэсурсаў для вас, каб праверыць. 15 00:00:53,670 --> 00:01:00,040 Гэтыя рэсурсы асабліва важныя таму на наступным тыдні на 16 00:01:00,040 --> 00:01:05,630 Асяроддзе з'яўляецца віктарына адзін, ваша другая і апошні тэст у гэтым курсе. 17 00:01:05,630 --> 00:01:10,700 Гэтак жа, як віктарыны нулявы, гэта 75 хвілін і пачынае трохі пасля 1 вечара. 18 00:01:10,700 --> 00:01:16,400 Яна ахоплівае ўсе пачынаючы з нулявога дня гэтага курса, але гэта, вядома, 19 00:01:16,400 --> 00:01:20,360 падкрэслівае ўсё, што мае адбылося з віктарыны адзін. 20 00:01:20,360 --> 00:01:23,610 >> Але, вядома, мы разгледзелі для завес ў пачатку года. 21 00:01:23,610 --> 00:01:27,130 Для завесы, верагодна, усё яшчэ збіраюся быць часткай гэтай віктарыне, так што гэта не 22 00:01:27,130 --> 00:01:31,050 як вы можаце ігнараваць усё, што адбылося да тыдня пяць ці віктарыне нулявы 23 00:01:31,050 --> 00:01:32,910 таму што гэта, вядома будуе на сабе шмат. 24 00:01:32,910 --> 00:01:37,080 Але, вядома, акцэнт будзе зроблены на рэчы, якія мы вывучылі, так як шостым тыдні. 25 00:01:37,080 --> 00:01:42,520 Гэта ўключае ў сябе PHP, JavaScript, SQL да Безумоўна, а таксама больш прасунутыя 26 00:01:42,520 --> 00:01:46,560 структуры дадзеных мы гаварылі на мове C. Цэлы шэраг іншых тэм, але мы 27 00:01:46,560 --> 00:01:49,860 абмяркуюць, што на наступным тыдні , Калі мы разглядаем для віктарыны. 28 00:01:49,860 --> 00:01:52,940 >> А таксама, як заўсёды, калі ў вас ёсць якія-небудзь пытанні аб віктарыне, як вы 29 00:01:52,940 --> 00:01:56,690 падрыхтоўцы, не саромейцеся паслаць ім мой шлях. 30 00:01:56,690 --> 00:02:00,230 Прама цяпер, хто-небудзь ёсць якія-небудзь хуткія пытанні аб віктарыне? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> ОК. 33 00:02:03,380 --> 00:02:06,440 Не трэба турбавацца пра гэта ці вырадак аб прама зараз, але майце гэта ў 34 00:02:06,440 --> 00:02:10,130 таму ў сваім розуме, таму што гэта адбываецца ў тыдзень і адзін дзень праз. 35 00:02:10,130 --> 00:02:15,030 >> Нарэшце, я ведаю, мы бяжым да канец семестра - 36 00:02:15,030 --> 00:02:19,910 Ёсць толькі два часткі, якія засталіся пасля гэта - але я ўсё яшчэ ўзбуджаны і 37 00:02:19,910 --> 00:02:21,930 імкнуцца да вашай зваротнай сувязі калі ў вас ёсць. 38 00:02:21,930 --> 00:02:24,500 Я хачу, каб тыя, Лепшыя дзве секцыі калі-небудзь. 39 00:02:24,500 --> 00:02:27,670 Яны, верагодна, будзе, таму што кожны раздзел з'яўляецца дзіўным і лепшых калі-небудзь. 40 00:02:27,670 --> 00:02:32,260 Я не ведаю, як гэта магчыма, але яны ўсе былі фантастычнымі, я думаю. 41 00:02:32,260 --> 00:02:37,560 >> Зваротная сувязь я атрымаў ужо заціх ні да чаго і ні так як для 42 00:02:37,560 --> 00:02:40,880 Апошнія пару тыдняў, так што, калі ласка, дайце мне некаторую зваротную сувязь, калі ў вас ёсць. 43 00:02:40,880 --> 00:02:42,910 Гэта займае тры хвіліны. 44 00:02:42,910 --> 00:02:44,900 Вы можаце сказаць мне добрыя рэчы, якія вы хочаце, каб я рабіў ці 45 00:02:44,900 --> 00:02:46,080 рэчы я магу працаваць. 46 00:02:46,080 --> 00:02:49,700 Я спрабую быць лепшым настаўнікам магчыма, ці я спрабую зрабіць усё, 47 00:02:49,700 --> 00:02:52,920 Я магу, але я не магу зрабіць гэта, калі я не ведаю, як вы, хлопцы, робіце. 48 00:02:52,920 --> 00:02:55,080 І цяжка сказаць, чаму ты падаеш спіць у класе, так што давайце мне 49 00:02:55,080 --> 00:02:58,250 ведаць пасля, чаму гэта было так. 50 00:02:58,250 --> 00:03:00,940 >> Я паказаў вам гэта фота на мінулым тыдні. 51 00:03:00,940 --> 00:03:06,910 Гэта з'яўляецца Чарапашкі-ніндзя ровар у мяне быў, калі я быў маладзей, 52 00:03:06,910 --> 00:03:12,350 і мы працягваем штурхаць вас, хлопцы без падрыхтоўкі колаў, як мы апускаемся 53 00:03:12,350 --> 00:03:13,630 Вы на іншай мове. 54 00:03:13,630 --> 00:03:18,420 Але будзьце ўпэўненыя, JavaScript, як PHP, вельмі падобны на рэчы, якія Вы 55 00:03:18,420 --> 00:03:18,990 зроблена ў мінулым. 56 00:03:18,990 --> 00:03:24,100 Шмат логікі перадае больш, калі ня сінтаксіс, роўна да аднаго. 57 00:03:24,100 --> 00:03:26,910 Але зноў жа, усе гэтыя мовы, мы перайшлі ў апошнія пару 58 00:03:26,910 --> 00:03:30,175 тыдняў, хоць яны, здаецца пераважнай, неверагодна магутны і дазволіць 59 00:03:30,175 --> 00:03:34,440 Вы многае зрабіць у вашым канчатковым праекце і, верагодна, іншыя вэб-сайты, якія вы 60 00:03:34,440 --> 00:03:36,180 Код у будучыні. 61 00:03:36,180 --> 00:03:41,000 >> Так што без далейшых цырымоній, мы збіраемся пачаць ныраць у JavaScript. 62 00:03:41,000 --> 00:03:44,630 Мы збіраемся казаць пра гэта коратка і тады сапраўды трапіць у рукі-на 63 00:03:44,630 --> 00:03:48,300 кадавання частка гэтага падзелу. 64 00:03:48,300 --> 00:03:53,000 Так JavaScript з'яўляецца сцэнарыяў на баку кліента мова, які азначае, што гэта 65 00:03:53,000 --> 00:03:56,740 адрозніваецца ад PHP і ўсё па-іншаму чым С. JavaScript ня складзеныя і 66 00:03:56,740 --> 00:03:58,740 гэта не выконваецца на сэрвэры. 67 00:03:58,740 --> 00:04:02,090 Хутчэй, вы загрузіце яго. 68 00:04:02,090 --> 00:04:06,710 Вы загружаеце старонку JavaScript пры загрузцы вэб-старонка, а затым ён выконвае 69 00:04:06,710 --> 00:04:08,020 на вашай машыне. 70 00:04:08,020 --> 00:04:11,120 Гэта значыць, вы можаце убачыць усе JavaScript код, які быў 71 00:04:11,120 --> 00:04:12,240 паслаў да кампутара. 72 00:04:12,240 --> 00:04:21,750 >> Часам гэта пакараціць або закадаваныя трохі, зашыфраваныя трохі, так што вы 73 00:04:21,750 --> 00:04:23,390 не магу сказаць відавочна, што адбываецца. 74 00:04:23,390 --> 00:04:26,920 Напрыклад, калі вы праверыць CS50 або супрацоўнікі рашэнне для гэтага тыдня 75 00:04:26,920 --> 00:04:31,260 Праблема ўсталяваць, і вы ідзяце ў service.js, вы заўважыце, вы не можаце на самой справе сказаць 76 00:04:31,260 --> 00:04:32,560 што рабіць з таго, што мы далі вам. 77 00:04:32,560 --> 00:04:37,020 Мы зашыфраваныя яго трохі, каб зрабіць што крыху больш складана. 78 00:04:37,020 --> 00:04:40,450 Тым не менш, вы можаце ўбачыць дакладнае JavaScript-файл, які мы выконваем 79 00:04:40,450 --> 00:04:42,010 і наша праграма працуе на. 80 00:04:42,010 --> 00:04:46,510 Дык вось што значыць быць на баку кліента скрыптовы мову. 81 00:04:46,510 --> 00:04:51,280 >> Падобна C і PHP, хоць, JavaScript мае для завес, калі / іншае 82 00:04:51,280 --> 00:04:52,715 ўмовы, у той час як завесы. 83 00:04:52,715 --> 00:04:58,290 Падобна PHP, ён мае цыкл па кожнаму элементу, а таксама. 84 00:04:58,290 --> 00:05:02,270 І зноў жа, вельмі падобны на сінтаксісу, якія мы бачылі ў 85 00:05:02,270 --> 00:05:04,430 Мовы, якія мы ўжо працаваў з. 86 00:05:04,430 --> 00:05:07,650 >> Нарэшце, адзін з самых стромкіх частках JavaScript, і тое, што мы будзем 87 00:05:07,650 --> 00:05:10,010 рабіць шмат сёння, і, верагодна, вы будзеце рабіць шмат з вашым P набору, калі вам 88 00:05:10,010 --> 00:05:13,810 ня выпрабавалі гэта ўжо, гэта вы можаце праверыць усе памылкі ў вас ёсць 89 00:05:13,810 --> 00:05:16,290 у кодзе праз кансоль JavaScript. 90 00:05:16,290 --> 00:05:17,770 Мы глядзелі на яго трохі на мінулым тыдні. 91 00:05:17,770 --> 00:05:21,800 Мы глядзелі на іншы тып кансолі для праверкі старонкі, але ў 92 00:05:21,800 --> 00:05:28,420 Хром, зноў жа, вы можаце ўбачыць макет, HTML, дакументальна пацвердзіць, што ваша старонка 93 00:05:28,420 --> 00:05:29,310 паказваючы вам на экране. 94 00:05:29,310 --> 00:05:33,820 Вы таксама можаце ўбачыць усё JavaScript сфармаваць гэтую старонку, і вы таксама можаце, як 95 00:05:33,820 --> 00:05:36,410 Я сказаў, убачыць усе памылкі ў кансоль JavaScript. 96 00:05:36,410 --> 00:05:40,110 І мы будзем адчуваць, што больш у трохі, калі мы пачынаем кадавання. 97 00:05:40,110 --> 00:05:42,380 >> Адзінае, што варта адзначыць, аб JavaScript зменныя. 98 00:05:42,380 --> 00:05:46,950 Як PHP зменных, яны слаба тыпізаваных, так што вам не трэба 99 00:05:46,950 --> 00:05:48,690 даць ім пэўны тып. 100 00:05:48,690 --> 00:05:52,330 З пункту гледжання аб'ёму, які вызначаны па ключавым слове "пераменная". 101 00:05:52,330 --> 00:05:54,890 Так што, калі вы не ставіце ключавое слова перад чагосьці, вы проста напісаць імя 102 00:05:54,890 --> 00:05:57,870 зменнай, то прызначэнне аператар, у гэтым выпадку знак роўнасці. 103 00:05:57,870 --> 00:06:00,360 Я забыўся кропку з коскі тут жа, але мяркую, што ёсць кропка з коскі 104 00:06:00,360 --> 00:06:01,590 прама там. 105 00:06:01,590 --> 00:06:03,520 >> Тады вы ствараеце глабальная пераменная. 106 00:06:03,520 --> 00:06:06,960 Калі паставіць "зменнай" ключавое слова, то вы даеце яму некаторы тып мясцовага 107 00:06:06,960 --> 00:06:10,050 Сфера, будзь то ў функцыя або пятля. 108 00:06:10,050 --> 00:06:12,215 Так што адна справа Адзначым для зменных. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript з'яўляецца мовай. 111 00:06:17,550 --> 00:06:21,830 JQuery гэта бібліятэка пабудавана на вяршыні мова JavaScript, і ў вас ёсць 112 00:06:21,830 --> 00:06:24,180 бачыў яго раней у лекцыі. 113 00:06:24,180 --> 00:06:28,010 Я настойліва рэкамендую, калі вы збіраецеся выкарыстоўваць наяўнасць у вашым фінале 114 00:06:28,010 --> 00:06:29,690 праект, які вы даведаецеся JQuery. 115 00:06:29,690 --> 00:06:33,140 Гэта робіць усё, што вы хочаце зрабіць значна, значна лягчэй. 116 00:06:33,140 --> 00:06:36,730 Ён таксама пастаўляецца з выдатным дакументацыя і прыклады, якія дапамогуць атрымаць 117 00:06:36,730 --> 00:06:37,080 вы пачалі. 118 00:06:37,080 --> 00:06:39,430 Сёння мы збіраемся быць з дапамогай JQuery, а таксама. 119 00:06:39,430 --> 00:06:43,320 >> Гэта тое, што я ёсць на гэтым слайдзе, з'яўляюцца самыя асновы JQuery. 120 00:06:43,320 --> 00:06:47,200 У верхняй частцы HTML-файла ці ўсё - ваш файл index.php, ваш 121 00:06:47,200 --> 00:06:50,070 файл index.html - трэба уключыць гэтыя два радкі. 122 00:06:50,070 --> 00:06:51,540 Гэта даволі агульныя лініі. 123 00:06:51,540 --> 00:06:57,350 Першы радок ўключае JQuery JavaScript-файл, а ў другой радку 124 00:06:57,350 --> 00:07:00,410 ўключае ў сябе, дзе б вы напісалі ваш уласны код JavaScript. 125 00:07:00,410 --> 00:07:03,240 І, вядома, таму што ў вашым JavaScript код, які Вы ўжо выкарысталі 126 00:07:03,240 --> 00:07:07,800 некаторыя бібліятэчныя функцыі JQuery, што павінен пайсці пасля таго, як 127 00:07:07,800 --> 00:07:09,650 JQuery скрыпт ўключэнне. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 Мы будзем вывучаць гэты зноў у адно імгненне. 130 00:07:15,550 --> 00:07:21,640 >> І, нарэшце, у файле JavaScript, Я называю гэта адзін index.js. 131 00:07:21,640 --> 00:07:22,640 Гэта можа быць scripts.js. 132 00:07:22,640 --> 00:07:26,510 У любым выпадку, усё, што JavaScript файл вы, вы пачынаеце як правіла, 133 00:07:26,510 --> 00:07:30,780 з гэтага радка кода, знак даляра, адкрытыя дужка, дакумент, побач дужка, 134 00:07:30,780 --> 00:07:34,810 Перыяд, гатовы, адкрытыя дужка, функцыя, адкрытыя дужка, побач дужка, а затым 135 00:07:34,810 --> 00:07:35,490 фігурная дужка. 136 00:07:35,490 --> 00:07:38,930 Кіньце ваш код ўнутры ёсць, а затым скончыць яго з фігурнай дужкі, недалёка 137 00:07:38,930 --> 00:07:40,590 Хлопец, кропка з коскі. 138 00:07:40,590 --> 00:07:42,550 >> Так што бярыце гэта як дадзенасць. 139 00:07:42,550 --> 00:07:47,250 Калі вы збіраецеся выкарыстоўваць JQuery, абгарніце увесь код JQuery ўнутры 140 00:07:47,250 --> 00:07:49,230 гэты радок кода. 141 00:07:49,230 --> 00:07:53,150 І мы ўбачым, што зноў праз секунду. 142 00:07:53,150 --> 00:07:56,170 >> Зноў мы будзем працаваць з JQuery, і, калі ласка, задавайце пытанні, як мы ідзем 143 00:07:56,170 --> 00:07:58,420 сёння, але хто-небудзь ёсць якія-небудзь пытанні аб JQuery або 144 00:07:58,420 --> 00:07:59,670 JavaScript прама цяпер? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> ОК. 147 00:08:11,780 --> 00:08:16,780 Так што без далейшых цырымоній, я ўяўляю Вам Дэльфін трэнерам 2K13. 148 00:08:16,780 --> 00:08:20,656 Я супер рады, пра гэта апошняе версія прадукта. 149 00:08:20,656 --> 00:08:22,620 >> О, не! 150 00:08:22,620 --> 00:08:23,590 Я быў так ўсхваляваны. 151 00:08:23,590 --> 00:08:28,030 Я збіраўся паказаць яго вам, хлопцы, але, падобна, у нас ёсць не 152 00:08:28,030 --> 00:08:28,720 рэалізаваны яшчэ. 153 00:08:28,720 --> 00:08:30,340 Давайце зробім гэта крыху больш. 154 00:08:30,340 --> 00:08:35,789 Так што, калі я загружаю код для Dolphin Трэнер - чорт пабяры яго. 155 00:08:35,789 --> 00:08:37,210 Мне вельмі шкада, хлопцы. 156 00:08:37,210 --> 00:08:38,520 Я працаваў на гэтым перад класам. 157 00:08:38,520 --> 00:08:40,350 Я думаў, што я павінен быў бы гэта скончылася, але я думаю, у мяне яшчэ ёсць некаторыя 158 00:08:40,350 --> 00:08:41,210 праца яшчэ трэба зрабіць. 159 00:08:41,210 --> 00:08:44,400 Але, на шчасце, усе вы, хлопцы, ёсць некаторыя JavaScript і JQuery практыка, так 160 00:08:44,400 --> 00:08:48,110 давайце ісці наперад і завяршыць гэта разам. 161 00:08:48,110 --> 00:08:50,360 >> Я думаю, што я паслаў вы, хлопцы, копіі гэтага, таму што я быў супер захоплены 162 00:08:50,360 --> 00:08:52,710 пра гэта, таму вы павінны мець той жа код, што ў мяне ёсць. 163 00:08:52,710 --> 00:08:55,490 Давайце галаву ў - 164 00:08:55,490 --> 00:08:56,600 Данг гэта, хлопцы, мне вельмі шкада. 165 00:08:56,600 --> 00:08:59,280 Давайце галаву ў тэрмінал, аднак. 166 00:08:59,280 --> 00:09:02,770 >> Гэтак жа, як з вашай мінулым праблеме наборы, калі ў вас ёсць мой - 167 00:09:02,770 --> 00:09:05,130 давайце зробім гэта крыху больш, таксама для вас, хлопцы - 168 00:09:05,130 --> 00:09:06,740 вы ўзялі мой паштовы файл. 169 00:09:06,740 --> 00:09:10,670 Вы па-відаць, расшпіліў яго. 170 00:09:10,670 --> 00:09:12,970 Пойдзем адсюль. 171 00:09:12,970 --> 00:09:22,360 А потым, спадзяюся, вы пераехалі яго ў той жа каталог, дзе вы захавалі 172 00:09:22,360 --> 00:09:23,540 ваша праблема ўсталяваць восем код. 173 00:09:23,540 --> 00:09:26,780 І мы эканомім у гэтым каталогу, каб я мог доступ да яго - ці мы ўсе можам атрымаць доступ да 174 00:09:26,780 --> 00:09:31,740 код у браўзэры Chrome на нашым кампутары. 175 00:09:31,740 --> 00:09:36,880 >> І зноў, каб дабрацца да гэтага кода, вы проста ўвядзіце адрас знайсці на 176 00:09:36,880 --> 00:09:41,180 ніжняя, правая частка Ваш прыбор, тут. 177 00:09:41,180 --> 00:09:42,490 Вы знойдзеце IP-адрас. 178 00:09:42,490 --> 00:09:45,260 Вы набіраеце, што ў браўзэры Chrome на вашым кампутары, і ў гэтым выпадку, 179 00:09:45,260 --> 00:09:49,110 так як мы секцыя дзевяць тэчак, мы таксама павінны дадаць 180 00:09:49,110 --> 00:09:51,340 скараціць раздзел дзевяць. 181 00:09:51,340 --> 00:09:52,820 >> Дазвольце мне - 182 00:09:52,820 --> 00:09:54,070 упс. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 Я збіраюся звесці да мінімуму гэта так, я не павінны трымаць пстрычка праз гэта. 185 00:09:58,980 --> 00:10:00,150 >> Дык вось, як я стварыў гэты код. 186 00:10:00,150 --> 00:10:01,710 Я ўжо зрабіў, што ўжо. 187 00:10:01,710 --> 00:10:04,080 Я не збіраюся ісці праз тыя крокі, таму што гэта тое, што 188 00:10:04,080 --> 00:10:06,090 пачынаючы праблемы ўсталюеце прагулкі вам, як рабіць. 189 00:10:06,090 --> 00:10:11,520 Так што наперад, і вы атрымаеце, каб усталяваць гэта у секунду, але спачатку давайце 190 00:10:11,520 --> 00:10:14,740 вывучыць гэты код у якасці групы. 191 00:10:14,740 --> 00:10:15,990 >> Давайце паглядзім, што я і зрабіў. 192 00:10:15,990 --> 00:10:18,340 Я спрабаваў атрымаць большасць з іх зроблена перад класам, але я думаю, што я 193 00:10:18,340 --> 00:10:20,140 быў трохі ззаду. 194 00:10:20,140 --> 00:10:22,643 Так давайце адкрыем index.html. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> ОК. 197 00:10:36,920 --> 00:10:39,780 І index.html вельмі просты старонка, таму што я не зрабіў 198 00:10:39,780 --> 00:10:40,630 хочаце атрымаць занадта вар'ятам. 199 00:10:40,630 --> 00:10:43,200 Я сапраўды хацеў пераканацца, што ён працаваў, але я мяркую, 200 00:10:43,200 --> 00:10:44,830 не дайсці да гэтага. 201 00:10:44,830 --> 00:10:48,600 >> Вось галава, якая ідзе прама ўнутры гэтых HTML тэгаў, і мы заўважаем, 202 00:10:48,600 --> 00:10:50,180 пара рэчаў з месца ў кар'ер. 203 00:10:50,180 --> 00:10:55,320 Мы маем права CSS файл тут і адпаведная 204 00:10:55,320 --> 00:10:57,600 Размяшчэнне файла CSS. 205 00:10:57,600 --> 00:11:02,080 У нас ёсць бібліятэка JQuery прама тут, і вы заўважыце нешта іншае 206 00:11:02,080 --> 00:11:03,470 пра гэта. 207 00:11:03,470 --> 00:11:06,070 Крыніцай з'яўляецца тое, вельмі, вельмі доўга. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 роду выглядае як URL, але гэта ня, вядома, выглядаць 210 00:11:12,880 --> 00:11:15,380 JS / jquery.js. 211 00:11:15,380 --> 00:11:20,280 >> І гэта таму, што я вырашыў, што не хочаце, каб спампаваць 212 00:11:20,280 --> 00:11:23,750 JQuery файл і перацягнуць яго і захаваць гэта ў маёй бібліятэцы, і быць 213 00:11:23,750 --> 00:11:25,150 адказнасць за гэта. 214 00:11:25,150 --> 00:11:31,040 Хутчэй, я проста хачу, каб узяць JavaScript-файл, які гаспадары Google. 215 00:11:31,040 --> 00:11:34,880 Так Google на самай справе праходзіць шэраг бібліятэкі і JQuery, так як ён з'яўляецца адным 216 00:11:34,880 --> 00:11:36,930 з самых папулярных, ён прымае што адзін таксама. 217 00:11:36,930 --> 00:11:40,670 >> І таму што гэта хостынг, я не трэба турбавацца пра гэта, і яны 218 00:11:40,670 --> 00:11:43,520 абнаўляць яго, хоць, калі яны абнавіць яго Я, верагодна, прыйдзецца змяніць гэтыя 219 00:11:43,520 --> 00:11:44,640 нумары прама тут. 220 00:11:44,640 --> 00:11:47,570 Але гэта толькі, каб зрабіць усю маю файл Сістэма крыху менш чыстай. 221 00:11:47,570 --> 00:11:49,380 Я не вельмі люблю хостынг усе гэтыя файлы. 222 00:11:49,380 --> 00:11:51,780 Гэта значна лепш, калі Google мае для размяшчэння іх для мяне. 223 00:11:51,780 --> 00:11:55,180 Так што гэта, зноў жа, становіцца ўвесь JavaScript-файл, але гэта проста быць 224 00:11:55,180 --> 00:11:59,920 арганізавана Google замест на маім Файлавая сістэма на маім кампутары. 225 00:11:59,920 --> 00:12:05,490 >> Мы таксама бачым, што я паклаў у два больш файлы dolphins.js і trainer.js. 226 00:12:05,490 --> 00:12:07,070 Мы будзем глядзець на тых, хто ў секунду. 227 00:12:07,070 --> 00:12:10,550 І, нарэшце, гэта назва прама тут. 228 00:12:10,550 --> 00:12:13,980 Хто можа сказаць мне, што гэты код ўнутры гэтыя тэгі назву, дзе 229 00:12:13,980 --> 00:12:18,316 , Якая ідзе на маёй старонцы? 230 00:12:18,316 --> 00:12:21,560 >> АЎДЫТОРЫЯ: Як, што рэч, якая панэль прылад ці што? 231 00:12:21,560 --> 00:12:23,500 >> Джэйсан Хиршхорн: Так, ўкладка трохі на верхняй частцы акна Chrome. 232 00:12:23,500 --> 00:12:25,650 Вось дзе, што тэкст ідзе. 233 00:12:25,650 --> 00:12:28,680 >> Усярэдзіне корпуса, як вы можаце бачыць, ня шмат матэрыялу тут. 234 00:12:28,680 --> 00:12:30,900 У мяне ёсць толькі тры дзівы. 235 00:12:30,900 --> 00:12:33,130 Я даю ім некаторыя ідэнтыфікатары і Я пакласці трохі тэксту цалі 236 00:12:33,130 --> 00:12:37,350 Але я думаю, менавіта таму мы не бачу нічога тут. 237 00:12:37,350 --> 00:12:39,350 На самай справе, мы бачым, Дэльфін трэнерам 2K13. 238 00:12:39,350 --> 00:12:39,810 Мы бачым TODO. 239 00:12:39,810 --> 00:12:42,510 Я не ведаю, дзе гэта прыбывае ад таму што я не бачу, што тут. 240 00:12:42,510 --> 00:12:44,510 Так можа быць, у адным з мае файлы JavaScript. 241 00:12:44,510 --> 00:12:46,630 Мы праверым, што ў секунду. 242 00:12:46,630 --> 00:12:50,120 >> Можа хто-то яшчэ скажыце, што гэты ідэнтыфікатар азначае прама тут? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> АЎДЫТОРЫЯ: Гэта спосаб выкліку Асобны падзел у [неразборліва] 245 00:13:00,210 --> 00:13:00,440 файл? 246 00:13:00,440 --> 00:13:01,250 >> Джэйсан Хиршхорн: Так. 247 00:13:01,250 --> 00:13:03,980 Гэта проста спосаб для спасылкі менавіта гэты дзіваў. 248 00:13:03,980 --> 00:13:07,830 Ідэнтыфікатары ідэальна унікальным. 249 00:13:07,830 --> 00:13:09,150 ОК? 250 00:13:09,150 --> 00:13:10,050 Жорсткая натоўп. 251 00:13:10,050 --> 00:13:12,690 Так, ідэнтыфікатары звычайна ўнікальная. 252 00:13:12,690 --> 00:13:15,210 Вы даеце ім адзін канкрэтны элемент у кодзе. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> Што рабіць, калі я хацеў, каб спасылацца на нумар элементаў, будзь то для CSS 255 00:13:21,540 --> 00:13:23,350 кладка або JQuery? 256 00:13:23,350 --> 00:13:25,610 Што атрыбут я магу даць ім? 257 00:13:25,610 --> 00:13:26,330 >> АЎДЫТОРЫЯ: Класс. 258 00:13:26,330 --> 00:13:27,270 >> Джэйсан Хиршхорн: клас, дакладна. 259 00:13:27,270 --> 00:13:28,480 Дакладна. 260 00:13:28,480 --> 00:13:32,610 >> Такім чынам, index.html, зноў жа, не так шмат адбываецца тут. 261 00:13:32,610 --> 00:13:42,550 Так што давайце адкрыць іншы файл. 262 00:13:42,550 --> 00:13:43,930 Давайце паглядзім, што ў мяне ёсць. 263 00:13:43,930 --> 00:13:44,700 Вось усё, што я тут. 264 00:13:44,700 --> 00:13:48,455 Пойдзем у тэчку JS. 265 00:13:48,455 --> 00:13:51,570 Я не збіраюся турбавацца аб CSS на дадзены момант. 266 00:13:51,570 --> 00:13:55,268 Давайце адкрыць dolphins.js. 267 00:13:55,268 --> 00:13:56,900 >> Ой. 268 00:13:56,900 --> 00:13:58,150 А дакладней - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 ОК. 271 00:14:03,860 --> 00:14:07,650 Так, dolphins.js, гэта на самай справе выглядае вельмі падобна на частку кода вы 272 00:14:07,650 --> 00:14:10,210 былі дадзены ў задачы ўсталяваць восем. 273 00:14:10,210 --> 00:14:12,870 Вы можаце пракручваць праз яго. 274 00:14:12,870 --> 00:14:15,730 Хто-небудзь можа сказаць мне, тым не менш, што дэльфіны? 275 00:14:15,730 --> 00:14:16,840 Гэта ўсё шапкі Dolphins? 276 00:14:16,840 --> 00:14:17,810 Што гэта? 277 00:14:17,810 --> 00:14:19,810 Які выгляд дадзеных з'яўляецца тое, што? 278 00:14:19,810 --> 00:14:20,570 >> АЎДЫТОРЫЯ: Array. 279 00:14:20,570 --> 00:14:22,560 >> Джэйсан Хиршхорн: Гэта масіў. 280 00:14:22,560 --> 00:14:25,280 І мы ведаем, гэта масіў, таму што я ўбачыць гэтыя квадратныя дужкі тут. 281 00:14:25,280 --> 00:14:29,335 І хто-то яшчэ, што гэта масіў? 282 00:14:29,335 --> 00:14:30,229 >> АЎДЫТОРЫЯ: аб'екты? 283 00:14:30,229 --> 00:14:32,900 >> Джэйсан Хиршхорн: Гэта масіў аб'ектаў. 284 00:14:32,900 --> 00:14:33,740 І вы можаце бачыць, што. 285 00:14:33,740 --> 00:14:35,996 І як вы ведаеце, што гэта масіў аб'ектаў? 286 00:14:35,996 --> 00:14:41,105 >> АЎДЫТОРЫЯ: Таму што ў вас ёсць гэтая двукроп'е загрузкі ў фігурныя дужкі? 287 00:14:41,105 --> 00:14:41,700 >> Джэйсан Хиршхорн: Дакладна. 288 00:14:41,700 --> 00:14:44,760 Таму ў мяне ёсць гэтыя фігурныя дужкі прама тут, а затым вы можаце ўбачыць коску 289 00:14:44,760 --> 00:14:47,830 падзелу розных аб'екты ў гэтым масіве. 290 00:14:47,830 --> 00:14:52,040 А потым ўнутры кожнага аб'екта, у мяне ёсць нешта тоўстай кішкі і нешта яшчэ. 291 00:14:52,040 --> 00:14:54,920 І тое, што, як правіла, гэта першая частка, справа ў левай частцы тоўстай кішкі? 292 00:14:54,920 --> 00:14:57,070 Што гэта завецца? 293 00:14:57,070 --> 00:14:57,450 У агульным становішчы? 294 00:14:57,450 --> 00:14:59,090 Як мы кажам, што? 295 00:14:59,090 --> 00:15:00,335 >> АЎДЫТОРЫЯ: Індэкс? 296 00:15:00,335 --> 00:15:02,810 >> Джэйсан Хиршхорн: Індэкс, або, магчыма, ў больш агульным плане, ключ. 297 00:15:02,810 --> 00:15:04,750 А потым на правай руцэ бок, значэнне. 298 00:15:04,750 --> 00:15:05,670 Так індэкс, ключ. 299 00:15:05,670 --> 00:15:07,590 Але калі мы гаворым пра тых,, мы звычайна азначае рэч на 300 00:15:07,590 --> 00:15:08,770 левай баку. 301 00:15:08,770 --> 00:15:11,450 >> У простым масіве, зноў жа, у нас быў індэксы 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 І ў дэльфінаў, у нас будзе дэльфіна 0, дэльфіны 1, дэльфіны 2, дэльфіны 3, 307 00:15:17,640 --> 00:15:18,640 дэльфіны 4. 308 00:15:18,640 --> 00:15:24,900 У нас таксама ёсць, ўнутры гэтага аб'екта, мы не будзе наогул спасылацца на рэчы. 309 00:15:24,900 --> 00:15:29,460 Ці, калі мы проста павінны гэта аб'ект права тут, мы не збіраемся казаць аб'екта 0, 310 00:15:29,460 --> 00:15:30,480 Аб'ект 1, аб'ект 2. 311 00:15:30,480 --> 00:15:35,460 Мы збіраемся сказаць імя аб'екта, або тып аб'екта, даўжыня аб'екта, і гэтак далей. 312 00:15:35,460 --> 00:15:38,120 І вось як мы атрымаем значэнне на правай баку. 313 00:15:38,120 --> 00:15:41,460 Так што, калі мы сказалі імя аб'екта, напрыклад, мы хацелі б атрымаць гэтую радок, 314 00:15:41,460 --> 00:15:43,200 "Благадаць". 315 00:15:43,200 --> 00:15:47,510 >> Так як вы, хлопцы распавялі мне, дэльфінаў гэта проста масіў аб'ектаў. 316 00:15:47,510 --> 00:15:49,875 І вы бачыце, ўсе аб'екты ёсць імя, тып, род. 317 00:15:49,875 --> 00:15:51,920 Хіба што вымаўляецца правільна? 318 00:15:51,920 --> 00:15:52,880 Любы? 319 00:15:52,880 --> 00:15:53,420 Род? 320 00:15:53,420 --> 00:15:53,935 Вялікі. 321 00:15:53,935 --> 00:15:55,465 >> Даўжыня, вагу. 322 00:15:55,465 --> 00:15:56,620 Хіба што вымаўляецца правільна? 323 00:15:56,620 --> 00:15:57,340 Думаю, што так. 324 00:15:57,340 --> 00:16:01,870 І карціна, проста URL у любы файл ў Інтэрнэце. 325 00:16:01,870 --> 00:16:05,700 І прама тут, мы закрываем масіў, Права там у вельмі левай рукі 326 00:16:05,700 --> 00:16:06,930 бок майго экрана. 327 00:16:06,930 --> 00:16:08,543 Так што ўсё dolphins.js ёсць. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> О, божа мой. 330 00:16:18,530 --> 00:16:19,530 Гэта ўсё тлумачыць. 331 00:16:19,530 --> 00:16:20,930 Я думаў, што я скончыў ўсё, але погляд. 332 00:16:20,930 --> 00:16:22,840 Ёсць усе гэтыя TODOS. 333 00:16:22,840 --> 00:16:25,500 ОК, мы спадзяемся, мы можам зрабіць іх разам. 334 00:16:25,500 --> 00:16:27,540 Але давайце спачатку, перш чым рабіць што, проста хадзіць праз 335 00:16:27,540 --> 00:16:29,190 гэты код вельмі хутка. 336 00:16:29,190 --> 00:16:33,600 >> Так як я ўжо казаў, мы бачым, па крайняй пачынаючы гэтую лінію, што я меў на 337 00:16:33,600 --> 00:16:36,030 горкі, (дакумент). гатовы (функцыя (). 338 00:16:36,030 --> 00:16:38,710 І па сутнасці, што гэта збіраецца зрабіць, гэта чакаць, пакуль усё ў вашай 339 00:16:38,710 --> 00:16:42,690 старонкі была загружана, таму дачакайцеся гэта ўсё масіў, усё добра, каб 340 00:16:42,690 --> 00:16:45,490 ісці, а затым прыступіць да выканання гэты код. 341 00:16:45,490 --> 00:16:49,230 Так што калі вам трэба запусціць некаторыя PHP, калі Вы павінны былі атрымаць некаторыя малюнкі, 342 00:16:49,230 --> 00:16:53,280 тое, што гэта, увесь код быў набор і гатовыя да працы ў вашай індэкснай старонкі 343 00:16:53,280 --> 00:16:56,270 або што старонка была загружана, а цяпер вы збіраецеся пачаць 344 00:16:56,270 --> 00:16:58,810 выканання кода. 345 00:16:58,810 --> 00:17:02,020 >> Таму першае, што мы робім, мы стварылі гэты масіў. 346 00:17:02,020 --> 00:17:04,599 І ў мяне няма Вар ключавое слова там, так у чым жа 347 00:17:04,599 --> 00:17:05,650 Аб'ём гэтага масіва? 348 00:17:05,650 --> 00:17:06,530 >> АЎДЫТОРЫЯ: Гэта глабальная. 349 00:17:06,530 --> 00:17:09,730 >> Джэйсан Хиршхорн: Гэта глабальная, так ocean_array могуць быць даступныя з 350 00:17:09,730 --> 00:17:11,380 у любым месцы ў гэтым файле. 351 00:17:11,380 --> 00:17:14,130 >> А потым мы бачым гэта на працягу цыклу. 352 00:17:14,130 --> 00:17:18,930 Гэта не кажа кожнаму элементу, але гэта па сутнасці з'яўляецца цыкл па кожнаму элементу. 353 00:17:18,930 --> 00:17:24,010 І гэта толькі версія JavaScript ў, так для кожнага уаг дэльфіна дэльфінаў, 354 00:17:24,010 --> 00:17:25,780 які тып дадзеных? 355 00:17:25,780 --> 00:17:30,260 Хоць, зноў жа, JavaScript ня ёсць гэтыя тыпы дадзеных самі па сабе, тое, што 356 00:17:30,260 --> 00:17:31,335 тып дадзеных дэльфін? 357 00:17:31,335 --> 00:17:32,460 >> АЎДЫТОРЫЯ: аб'ект. 358 00:17:32,460 --> 00:17:34,290 >> Джэйсан Хиршхорн: Гэта аб'ект. 359 00:17:34,290 --> 00:17:37,590 Мы атрымліваем кожны аб'ект ў масіве дэльфінаў. 360 00:17:37,590 --> 00:17:42,630 Так тут, падобна, я забыўся пакласці ўсе гэтыя дэльфінаў з нашага 361 00:17:42,630 --> 00:17:46,300 гіганцкія дэльфінамі думаю ў ocean_array, таму мы павінны, верагодна, зрабіць 362 00:17:46,300 --> 00:17:47,410 што ў першую чаргу. 363 00:17:47,410 --> 00:17:50,880 >> І потым, тое, што называецца гэтая пераменная басейн. 364 00:17:50,880 --> 00:17:52,490 Я ўсталёўваю яго да нуля. 365 00:17:52,490 --> 00:17:55,080 І тады я выклікаць гэтую функцыю draw_ocean. 366 00:17:55,080 --> 00:17:56,580 Я трэніруюся дэльфіна, калі яго фота пстрычцы - 367 00:17:56,580 --> 00:17:58,140 Я не зрабіў гэтага - і ўсталяваць Дэльфін бясплатна, калі 368 00:17:58,140 --> 00:17:59,530 націску кнопкі. 369 00:17:59,530 --> 00:18:01,550 >> Дык гэта тыя рэчы, якія мне трэба зрабіць. 370 00:18:01,550 --> 00:18:04,770 Думаю, я павінен даць вам некаторыя фон на тое, што я спрабаваў зрабіць. 371 00:18:04,770 --> 00:18:08,930 Так што калі мы ідзем сюды, што я сапраўды хацеў гэта выглядаць як быў масіў да 372 00:18:08,930 --> 00:18:12,740 тут, а не яго, кажучы, "Todo" Я хацелі стол, па сутнасці, з 373 00:18:12,740 --> 00:18:14,750 фатаграфіі ўсіх дэльфінаў. 374 00:18:14,750 --> 00:18:18,150 А потым, калі вы націскаеце на адной карціне, Я хацеў, каб пакласці яго ў 375 00:18:18,150 --> 00:18:21,320 ніжняя палова экрана і даць Вы ўся інфармацыя на ім, і 376 00:18:21,320 --> 00:18:24,170 што б дэльфін ў басейне, дэльфін вы трэніраваліся. 377 00:18:24,170 --> 00:18:25,040 >> Так што я падумаў, што гэта будзе сапраўды выдатна. 378 00:18:25,040 --> 00:18:27,980 У вас ёсць усе гэтыя дэльфінаў у акіяне тут, то вы пстрыкніце па адным, 379 00:18:27,980 --> 00:18:30,230 і гэта было б пайсці ў басейн, і то вы маглі б навучаць яго. 380 00:18:30,230 --> 00:18:31,590 Дык вось што я спрабаваў зрабіць. 381 00:18:31,590 --> 00:18:33,890 А потым бы кнопка тут у басейне, і вы можаце націснуць, 382 00:18:33,890 --> 00:18:36,950 як, "Set Free", і вы можаце ўсталяваць Дэльфін бясплатна, і было б вярнуцца 383 00:18:36,950 --> 00:18:38,030 ў акіян. 384 00:18:38,030 --> 00:18:40,390 >> Дык вось што я спрабаваў стварыць, але зноў жа, я збіраюся патрэбна ваша дапамога 385 00:18:40,390 --> 00:18:41,490 для яго стварэння. 386 00:18:41,490 --> 00:18:44,790 Так што, спадзяюся, некаторыя з гэтых ключавых слоў ці некаторыя з гэтых тэрмінаў пачнецца 387 00:18:44,790 --> 00:18:47,890 што робіць сэнс цяпер у кантэксце гэтай праграмы. 388 00:18:47,890 --> 00:18:49,640 >> Давайце працягваць глядзець праз гэты файл. 389 00:18:49,640 --> 00:18:50,830 Мы называем гэта функцыя draw_ocean. 390 00:18:50,830 --> 00:18:56,650 Гэта адна і толькі функцыя, якую мы называем ад document.ready раздзеле. 391 00:18:56,650 --> 00:19:01,600 Так мы называем гэта draw_ocean функцыю, і падобна, гэта стварае радок, 392 00:19:01,600 --> 00:19:03,010 зменная, тут. 393 00:19:03,010 --> 00:19:06,790 Нешта пакласці ў радку, дадае больш матэрыял да радка, дадае яшчэ 394 00:19:06,790 --> 00:19:11,750 Калектыў радкі, а Затым гэты радок кода. 395 00:19:11,750 --> 00:19:14,270 Я кажу, што выводзіць HTML радок. 396 00:19:14,270 --> 00:19:19,230 І хтосьці растлумачыць мне, што гэты радок кода робіць? 397 00:19:19,230 --> 00:19:21,800 Ну, перш за ўсё, тое, што робіць што знак даляра на ўвазе? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 Гэта не з'яўляецца зменнай PHP, але тое, што ці значыць гэта знак даляра на ўвазе? 400 00:19:30,914 --> 00:19:34,680 >> АЎДЫТОРЫЯ: Сувязь з HTML ідэнтыфікатар - 401 00:19:34,680 --> 00:19:37,220 гэта як гэта спасылкі на HTML кода? 402 00:19:37,220 --> 00:19:38,430 >> Джэйсан Хиршхорн: А як наконт што знак даляра? 403 00:19:38,430 --> 00:19:40,662 Што гэта знак даляра паказваюць? 404 00:19:40,662 --> 00:19:43,364 >> АЎДЫТОРЫЯ: Сувязь з HTML-то? 405 00:19:43,364 --> 00:19:46,630 >> Джэйсан Хиршхорн: Дзе мы бачылі гэта знак даляра раней у JavaScript? 406 00:19:46,630 --> 00:19:47,920 Мы бачылі гэта ў лекцыі. 407 00:19:47,920 --> 00:19:48,360 Мы гаварылі пра гэта. 408 00:19:48,360 --> 00:19:50,150 Што азначае знак даляра на ўвазе? 409 00:19:50,150 --> 00:19:51,220 >> АЎДЫТОРЫЯ: Нешта з JQuery? 410 00:19:51,220 --> 00:19:52,380 >> Джэйсан Хиршхорн: Цалкам дакладна. 411 00:19:52,380 --> 00:19:54,270 Гэта як-то звязана з JQuery. 412 00:19:54,270 --> 00:19:59,310 Гэта знак даляра азначае, што я з дапамогай бібліятэчная функцыя JQuery тут. 413 00:19:59,310 --> 00:20:00,980 Цалкам дакладна. 414 00:20:00,980 --> 00:20:04,560 >> Так мы пішам знак даляра, а затым у нас ёсць гэты адкрыты дужка і зачынены 415 00:20:04,560 --> 00:20:09,150 Хлопец, а ўнутры, тое, што адбываецца ўнутры ёсць, калі вы карыстаецеся 416 00:20:09,150 --> 00:20:13,380 Бібліятэчная функцыя JQuery, ці вы з выкарыстаннем бібліятэкі JQuery? 417 00:20:13,380 --> 00:20:14,690 Зноў жа, вы бачылі гэта ў лекцыі. 418 00:20:14,690 --> 00:20:16,840 Можа хто-небудзь даць мне - і вы гл. таксама нешта тут. 419 00:20:16,840 --> 00:20:18,090 Тое, што адбываецца ўнутры там? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> Джэф, дайце мне адгадаць. 422 00:20:23,550 --> 00:20:27,000 Што гэта выглядаць, # акіяне? 423 00:20:27,000 --> 00:20:28,270 Дзе мы бачылі, што раней? 424 00:20:28,270 --> 00:20:29,920 >> АЎДЫТОРЫЯ: Гэта бібліятэка або што? 425 00:20:29,920 --> 00:20:30,720 Я паняцця не маю,. 426 00:20:30,720 --> 00:20:36,420 >> Джэйсан Хиршхорн: Ну, давайце мне адкрыць індэксны кропку - 427 00:20:36,420 --> 00:20:37,710 Не, не ў тым месцы. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> Такім чынам, мы бачым у нас ёсць што-то называецца акіян тут. 430 00:20:46,600 --> 00:20:50,870 Дзе мы бачылі # акіян хэштэг акіян, сінтаксіс раней? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 Да? 433 00:20:53,950 --> 00:20:55,190 >> АЎДЫТОРЫЯ: CSS? 434 00:20:55,190 --> 00:20:56,810 >> Джэйсан Хиршхорн: У CSS. 435 00:20:56,810 --> 00:21:00,720 Такім чынам, мы хацелі, каб стыль нешта, памятаю, мы б паставіў хэштэг CSS 436 00:21:00,720 --> 00:21:05,360 селектар, або хэштэг акіян, напрыклад, і ўсё фарматаванне 437 00:21:05,360 --> 00:21:09,270 што мы хацелі даць на рэч з ID акіяна мы ставім ўнутры ёсць. 438 00:21:09,270 --> 00:21:15,470 >> Так ўнутры тут гэта не CSS Селектар ідзе сюды. 439 00:21:15,470 --> 00:21:17,630 JQuery вызначае самастойна тып селектараў. 440 00:21:17,630 --> 00:21:21,650 Але гэта тая ж ідэя, і на самай справе многія з іх перасякаюцца з CSS. 441 00:21:21,650 --> 00:21:24,710 Так ўнутры гэтых адкрытых дужках, вы пакласці селектар, і незалежна ад 442 00:21:24,710 --> 00:21:28,670 Селектар ставіцца, гэта тое, што вы збіраецеся выкарыстаць. 443 00:21:28,670 --> 00:21:32,320 >> Так што ў гэтым выпадку, я выбару ID акіян. 444 00:21:32,320 --> 00:21:33,690 Калі б я быў клас - 445 00:21:33,690 --> 00:21:38,830 скажам у мяне ёсць клас рэчаў называецца "малюнкі", і я даю, што ў 446 00:21:38,830 --> 00:21:45,662 шмат элементаў, як я магу спаслацца клас рэчаў называецца "малюнкі?" 447 00:21:45,662 --> 00:21:47,110 >> Залы: Я думаю, што гэта быў кропка. 448 00:21:47,110 --> 00:21:48,140 >> Джэйсан Хиршхорн: З пункту. 449 00:21:48,140 --> 00:21:50,830 Так што, калі замест таго, каб я паклаў кропкавымі малюнкамі тут, што дасць мне клас 450 00:21:50,830 --> 00:21:51,980 рэчы называюцца «адлюстравання". 451 00:21:51,980 --> 00:21:54,810 >> Вядома, гэта супер магутны, і вы можаце спасылацца на мноства рэчаў. 452 00:21:54,810 --> 00:21:59,970 На самай справе, я мог спасылацца ў асноўным любы тэг у HTML. 453 00:21:59,970 --> 00:22:04,630 Так што, калі я хацеў зрабіць, што, тд, гэта тэг, які мы бачылі раней, калі 454 00:22:04,630 --> 00:22:05,750 стварэнні табліцы. 455 00:22:05,750 --> 00:22:10,060 Вы, напэўна, знаёмыя з што з P ўсталяваць сем. 456 00:22:10,060 --> 00:22:12,470 У гэтым выпадку, ён на самай справе адбываецца выбраць усе з іх. 457 00:22:12,470 --> 00:22:14,920 Гэта дасць мне масіў з усіх тэгаў TD. 458 00:22:14,920 --> 00:22:16,760 Але што можа атрымаць крыху пераважнай, так сюды зараз мы 459 00:22:16,760 --> 00:22:19,390 будзем прытрымлівацца толькі спасылкі ідэнтыфікатараў. 460 00:22:19,390 --> 00:22:23,510 >> Дык што ж гэта робіць, зноў жа, , Які атрымлівае, у дадзеным выпадку - 461 00:22:23,510 --> 00:22:23,970 шкада. 462 00:22:23,970 --> 00:22:27,020 Зайдзіце сюды, каб index.html. 463 00:22:27,020 --> 00:22:33,510 Гэта акіян, а акіян ID спасылаецца на DIV, таму гэтую частку гэтага 464 00:22:33,510 --> 00:22:37,130 радок кода атрымлівае, што DIV. 465 00:22:37,130 --> 00:22:42,610 >> А потым гэты пункт азначае, што я тэлефаную функцыя, і імя, што 466 00:22:42,610 --> 00:22:44,460 функцыя HTML. 467 00:22:44,460 --> 00:22:48,725 І гэта скарачэнне ад, калі вы, хлопцы ўбачылі перш, знак даляра, дакумент, кропка атрымаць 468 00:22:48,725 --> 00:22:52,200 элемент па ідэнтыфікатары, кропка ўнутраны HTML. 469 00:22:52,200 --> 00:22:54,350 Гэта ўсяго толькі версія JQuery ст. 470 00:22:54,350 --> 00:22:57,200 Такім чынам, функцыя HTML проста атрымлівае ўнутраную HTML. 471 00:22:57,200 --> 00:22:58,920 З гэтага элемента. 472 00:22:58,920 --> 00:23:03,690 Такім чынам, яшчэ раз, калі мы азірнемся таму, тут, мы будзем см. няма ўнутраны HTML. 473 00:23:03,690 --> 00:23:07,990 І таму, калі я зрабіў гэта, я б спрабуе атрымаць HTML. 474 00:23:07,990 --> 00:23:10,390 Калі я друкую гэта, я усталяваўшы HTML. 475 00:23:10,390 --> 00:23:13,110 Так я перадаю гэтую функцыю для радкі, Радок, я стварыў 476 00:23:13,110 --> 00:23:18,560 тут, і выслоўе, што ўнутры акіяна спраў. 477 00:23:18,560 --> 00:23:18,980 Да? 478 00:23:18,980 --> 00:23:21,550 >> АЎДЫТОРЫЯ: Калі вы атрымліваеце HTML, вы толькі знаёміцеся 479 00:23:21,550 --> 00:23:22,972 копія, калі гэта, ці не так? 480 00:23:22,972 --> 00:23:25,070 Вы не выдаляючы яго. 481 00:23:25,070 --> 00:23:25,710 >> Джэйсан Хиршхорн: Дакладна. 482 00:23:25,710 --> 00:23:28,640 Калі б я зрабіў гэта, і хацеў захаваць гэта ў Var - 483 00:23:28,640 --> 00:23:31,120 упс. 484 00:23:31,120 --> 00:23:34,840 Гэта было б атрымаць усю інфармацыю, што быў там і захаваць яго ў іншы 485 00:23:34,840 --> 00:23:35,800 зменная, зрабіць яго копію. 486 00:23:35,800 --> 00:23:36,384 >> АЎДЫТОРЫЯ: ОК. 487 00:23:36,384 --> 00:23:37,634 Зразумеў. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> Джэйсан Хиршхорн: Такім чынам, мы стварылі некаторыя HTML, акрамя таго, што ў радку. 490 00:23:43,860 --> 00:23:44,590 Мы эканомім яшчэ трохі. 491 00:23:44,590 --> 00:23:47,720 Тут вы бачыце, што TODO радок. 492 00:23:47,720 --> 00:23:51,300 Так што, напэўна, дзе мы знаходзімся атрымаць, што TODO ад таго, калі 493 00:23:51,300 --> 00:23:52,730 мы ідзем у нашай старонцы. 494 00:23:52,730 --> 00:23:56,610 А на самай справе, калі я пстрыкніце правай кнопкай мышы на TODO, праверыць элемент, мы гаварылі пра 495 00:23:56,610 --> 00:23:57,240 гэта на мінулым тыдні. 496 00:23:57,240 --> 00:24:02,400 Вось як мы маглі бачыць HTML Структура нашай старонцы. 497 00:24:02,400 --> 00:24:03,980 >> Вы заўважыце, што тут - 498 00:24:03,980 --> 00:24:05,230 давайце зробім гэта крыху больш, таксама - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 у нас ёсць DIV ID акіян прама тут. 501 00:24:11,390 --> 00:24:14,390 Ўсё бачыць, што радкі кода? 502 00:24:14,390 --> 00:24:16,330 І вось што мы мадыфікацыі у index.html. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> Усярэдзіне яго, мы бачым цяпер гэта Табліца радок кода. 505 00:24:30,430 --> 00:24:34,800 І тое, што гэтая табліца радок кода, вось код, які мы проста ўстаўляецца ў 506 00:24:34,800 --> 00:24:35,770 гэты элемент. 507 00:24:35,770 --> 00:24:39,650 І гэта мы не зазірнуць у яго, мы ніколі тыпізаваных COLGROUP і TBODY. 508 00:24:39,650 --> 00:24:42,330 Гэта была дададзеная для нас, таму што мы зрабілі некаторы модныя рэчы. 509 00:24:42,330 --> 00:24:47,590 Але вы заўважыце, што ёсць тр, ёсць тд з TODO. 510 00:24:47,590 --> 00:24:50,680 >> Так што, падобна, зноў жа, код, які мы напісалі тут. 511 00:24:50,680 --> 00:24:52,300 Гэта менавіта тое, што гэта лінія рабіў. 512 00:24:52,300 --> 00:24:56,940 Гэта браў наш HTML радок і змясціўшы яго ў гэты DIV прама тут. 513 00:24:56,940 --> 00:24:59,010 Гэта першапачаткова не мае нічога. 514 00:24:59,010 --> 00:25:01,660 Гэтая старонка загружаецца. 515 00:25:01,660 --> 00:25:03,160 Знак даляра, document.ready. 516 00:25:03,160 --> 00:25:04,490 Гэта пачынае выкананне. 517 00:25:04,490 --> 00:25:08,010 Мы выклікаем функцыю draw_ocean, і ўнутры draw_ocean функцыі мы бярэм 518 00:25:08,010 --> 00:25:10,010 гэта HTML і пакласці яго ў гэтым гл. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> Мы толькі што прайшоў праз шмат тут. 521 00:25:14,230 --> 00:25:16,270 Хто-небудзь ёсць якія-небудзь пытанні пра гэта? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 Або, як гэта працуе, або JQuery? 524 00:25:21,110 --> 00:25:25,190 Таму што, калі вы разумееце, што, то JQuery, будзем спадзявацца, прыйдзе 525 00:25:25,190 --> 00:25:25,760 адносна лёгка. 526 00:25:25,760 --> 00:25:26,780 Да? 527 00:25:26,780 --> 00:25:29,370 >> АЎДЫТОРЫЯ: Тое, што вы былі ўнутры дужках пад раздрукоўкі HTML 528 00:25:29,370 --> 00:25:32,150 радок, то ёсць імя пераменная HTML, што вы 529 00:25:32,150 --> 00:25:32,815 заявілі раней? 530 00:25:32,815 --> 00:25:33,890 >> Джэйсан Хиршхорн: Гэта прама тут? 531 00:25:33,890 --> 00:25:34,440 >> АЎДЫТОРЫЯ: Так 532 00:25:34,440 --> 00:25:34,720 >> Джэйсан Хиршхорн: Так. 533 00:25:34,720 --> 00:25:36,600 АЎДЫТОРЫЯ: Так што калі вы назвалі, што нешта яшчэ, што нешта яшчэ 534 00:25:36,600 --> 00:25:37,590 было тое, што вы б паставіў тут. 535 00:25:37,590 --> 00:25:38,335 >> Джэйсан Хиршхорн: Цалкам дакладна. 536 00:25:38,335 --> 00:25:39,740 І гэта добры момант. 537 00:25:39,740 --> 00:25:42,600 Гэта крыху заблытаным, паколькі У мяне ёсць HTML, HTML. 538 00:25:42,600 --> 00:25:46,930 Гэта ўнутры тут гэтае імя майго зменная, і гэта прама тут з'яўляецца 539 00:25:46,930 --> 00:25:48,680 Імя функцыі JQuery. 540 00:25:48,680 --> 00:25:52,090 >> Залы: Але для таго, каб у JQuery функцыянаваць на працу, вы павінны даць яму 541 00:25:52,090 --> 00:25:53,295 некаторыя HTML ўваход? 542 00:25:53,295 --> 00:25:55,030 >> Джэйсан Хиршхорн: Цалкам дакладна. 543 00:25:55,030 --> 00:25:56,530 АБО вы павінны даць яму радок. 544 00:25:56,530 --> 00:26:00,840 Гэта паставіць гэты радок ўнутры з DIV або любы іншы. 545 00:26:00,840 --> 00:26:01,670 Гэта проста радок. 546 00:26:01,670 --> 00:26:05,590 Ён не ведае, што гэта HTML, але відавочна, адфарматаваць яго з мэтай быць 547 00:26:05,590 --> 00:26:07,770 сапраўдныя HTML. 548 00:26:07,770 --> 00:26:08,760 Я адказаў на пытанне? 549 00:26:08,760 --> 00:26:09,480 >> АЎДЫТОРЫЯ: Так. 550 00:26:09,480 --> 00:26:10,120 >> Джэйсан Хиршхорн: ОК. 551 00:26:10,120 --> 00:26:10,590 Да? 552 00:26:10,590 --> 00:26:14,380 >> АЎДЫТОРЫЯ: Што рабіць, калі акіян называюць да кнопкі або што-то? 553 00:26:14,380 --> 00:26:16,250 Што б. HTML рабіць? 554 00:26:16,250 --> 00:26:18,086 Ці будзе гэта змяніць Тэкст кнопкі? 555 00:26:18,086 --> 00:26:23,610 >> Джэйсан Хиршхорн: Такім чынам, пытанне што рабіць, калі ён спаслаўся на кнопку? 556 00:26:23,610 --> 00:26:25,970 Гэта зменіць ўнутраны HTML чагосьці. 557 00:26:25,970 --> 00:26:29,250 Так што, калі яна мае адкрыты тэг і блізка тэг, ён будзе пакласці нешта паміж 558 00:26:29,250 --> 00:26:30,610 адкрыццё і закрыццё тэгаў. 559 00:26:30,610 --> 00:26:33,280 Калі няма адкрываюцца і зачыняюцца тэг, ён не будзе нічога рабіць. 560 00:26:33,280 --> 00:26:35,040 >> АЎДЫТОРЫЯ: Гэта літаральна копія і ўстаўляць такія рэчы? 561 00:26:35,040 --> 00:26:35,732 >> Джэйсан Хиршхорн: Так. 562 00:26:35,732 --> 00:26:39,175 Ён капіюе і ўстаўляе нешта з што пераменная я праходжу яго, 563 00:26:39,175 --> 00:26:41,410 Радок я праходжу яго, ўнутры тых, адкрываць і закрываць тэгі. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> Давайце паглядзім тут. 566 00:26:45,270 --> 00:26:48,950 О, божа мой. draw_pool не зрабіў рабіць усё, прама там. 567 00:26:48,950 --> 00:26:50,580 Вось аблом. 568 00:26:50,580 --> 00:26:51,640 Цягнік, нічога сабе. 569 00:26:51,640 --> 00:26:54,290 Такім чынам, не больш за тое, акрамя гэтага. 570 00:26:54,290 --> 00:26:56,652 >> Так што давайце пачнем, і давайце выправім гэта. 571 00:26:56,652 --> 00:27:01,780 Я збіраюся задаволіць патрэбы кожнага дапамагчы дамагчыся гэтага. 572 00:27:01,780 --> 00:27:04,030 Ёсць на самай справе не што многія лініі кода, я думаю, пісаць. 573 00:27:04,030 --> 00:27:07,270 Я думаю, што я зрабіў гэта пару гадоў таму для версіі 2K12, і там 574 00:27:07,270 --> 00:27:08,880 не павінна быць так шмат ліній кода, каб напісаць. 575 00:27:08,880 --> 00:27:09,230 Я не павінен быў выдалены гэты код. 576 00:27:09,230 --> 00:27:10,920 Я павінен быў толькі што выратаваў яго. 577 00:27:10,920 --> 00:27:11,900 О, з розуму. 578 00:27:11,900 --> 00:27:14,170 >> Ва ўсякім выпадку, давайце пачнем. 579 00:27:14,170 --> 00:27:18,850 Так што я ў гэтым масіве, ці я ў гэтым лінія, і ў мяне ёсць ocean_array. 580 00:27:18,850 --> 00:27:24,110 І я хачу паставіць усё гэта, ўсе з гэтага файла, у маю 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 Такім чынам, як я магу ўзяць усё, што ад там, і змясціць яго ў 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 Гэта адна радок кода. 585 00:27:29,390 --> 00:27:32,530 Хто можа даць мне гэты радок кода або скажы мне, ёсць некаторы ўяўленне, што гэта радкі 586 00:27:32,530 --> 00:27:33,755 кода павінен рабіць? 587 00:27:33,755 --> 00:27:36,350 Чаму мы не пачнем тут, а затым мы будзем працягваць рухацца па пакоі 588 00:27:36,350 --> 00:27:37,410 адказваючы на ​​пытанні. 589 00:27:37,410 --> 00:27:37,780 Курт? 590 00:27:37,780 --> 00:27:38,890 Што ў першую чаргу? 591 00:27:38,890 --> 00:27:41,165 >> АЎДЫТОРЫЯ: Ocean_array, кранштэйны, дэльфін. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 Роўна дэльфіны, кранштэйны дэльфіна? 594 00:27:50,380 --> 00:27:52,265 Дэльфіны з вялікай літары ўсё. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> Джэйсан Хиршхорн: ОК. 597 00:27:58,210 --> 00:28:00,250 Давайце разгледзім сінтаксісу. 598 00:28:00,250 --> 00:28:04,260 Прама тут, гэта як цыкл па кожнаму элементу, так што гэта на самай справе робіць шмат 599 00:28:04,260 --> 00:28:05,180 рэчы для нас. 600 00:28:05,180 --> 00:28:07,220 І дэльфін з'яўляецца аб'ектам. 601 00:28:07,220 --> 00:28:09,790 Такім чынам, мы не павінны напісаць нешта як дэльфіны, дэльфін, таму 602 00:28:09,790 --> 00:28:12,480 дэльфін сам з'яўляецца запярэчыць, што я хачу. 603 00:28:12,480 --> 00:28:13,495 Гэта не паказчык. 604 00:28:13,495 --> 00:28:14,510 Ці мае гэта сэнс? 605 00:28:14,510 --> 00:28:15,830 >> АЎДЫТОРЫЯ: Так. 606 00:28:15,830 --> 00:28:18,870 >> Джэйсан Хиршхорн: Такім чынам, як вы прапанаваць змены кода? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 Калі мы ведаем, што мы далі індэкс? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> Ой, прабачце. 611 00:28:35,240 --> 00:28:36,100 Ты добры. 612 00:28:36,100 --> 00:28:41,180 Але як - 613 00:28:41,180 --> 00:28:43,740 дазвольце мне задаць іншае пытанне. 614 00:28:43,740 --> 00:28:46,485 Калі мы хочам - 615 00:28:46,485 --> 00:28:47,400 давайце на самай справе пішу гэта. 616 00:28:47,400 --> 00:28:48,170 Не бярыце ў галаву. 617 00:28:48,170 --> 00:28:49,080 Мы збіраемся, каб напісаць гэта. 618 00:28:49,080 --> 00:28:49,910 Гэта выдатна. 619 00:28:49,910 --> 00:28:50,440 Выбачайце. 620 00:28:50,440 --> 00:28:52,790 Я проста вельмі заблытанай там. 621 00:28:52,790 --> 00:28:55,910 >> Пакінем, што на дадзены момант, і мы вернемся да падрыхтоўкі дэльфіна, 622 00:28:55,910 --> 00:28:56,480 ўстаноўка дэльфіна. 623 00:28:56,480 --> 00:28:59,840 Давайце проста спачатку выправіць гэтую малюнак акіян Функцыя, і мы вернемся да 624 00:28:59,840 --> 00:29:00,930 што, Курт. 625 00:29:00,930 --> 00:29:03,490 Але да гэтага часу, так добра. 626 00:29:03,490 --> 00:29:06,290 >> Давайце паглядзім ўнутры draw_ocean. 627 00:29:06,290 --> 00:29:09,500 Лінія, якая выглядае гэта няправільна "Захоўваць фатаграфіі дэльфінаў у 628 00:29:09,500 --> 00:29:13,320 акіян у HTML радок. "І прама зараз, я гэтак жа, як TODO, але я 629 00:29:13,320 --> 00:29:17,230 сапраўды хачу паставіць дэльфінаў фатаграфій у акіяне. 630 00:29:17,230 --> 00:29:21,780 Так што, Ной, на вашу думку, Першае, што я павінен рабіць? 631 00:29:21,780 --> 00:29:24,570 Калі я хачу, каб прайсці праз увесь Масіў, што з'яўляецца першым 632 00:29:24,570 --> 00:29:25,270 што я павінен рабіць? 633 00:29:25,270 --> 00:29:26,713 >> АЎДЫТОРЫЯ: Мы павінны стварыць цыкл. 634 00:29:26,713 --> 00:29:27,610 >> Джэйсан Хиршхорн: для завесы. 635 00:29:27,610 --> 00:29:29,740 І тое, што павінна, што цыкл выглядае? 636 00:29:29,740 --> 00:29:30,990 >> АЎДЫТОРЫЯ: Для - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 мы павінны прайсці праз кожны дэльфін ў масіве акіяна. 639 00:29:40,940 --> 00:29:47,093 Такім чынам, для уаг дэльфіна ў - 640 00:29:47,093 --> 00:29:48,830 Вы можаце напісаць масіў акіян? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> Джэйсан Хиршхорн: Як што? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> АЎДЫТОРЫЯ: Напэўна, гэта правільна. 645 00:30:04,495 --> 00:30:06,280 >> Джэйсан Хиршхорн: Давайце прытрымлівацца што на дадзены момант, а затым мы будзем 646 00:30:06,280 --> 00:30:07,060 вярнуцца да яго. 647 00:30:07,060 --> 00:30:09,055 І вы збіраецеся несці адказнасць на гэтай лініі. 648 00:30:09,055 --> 00:30:11,260 Так што ў мяне на цыкл. 649 00:30:11,260 --> 00:30:12,560 Майкл, ты да гэтага часу. 650 00:30:12,560 --> 00:30:15,896 Што мне цяпер рабіць? 651 00:30:15,896 --> 00:30:23,045 >> АЎДЫТОРЫЯ: Вы павінны былі б узяць захоўвання фатаграфій у дэльфінаў. 652 00:30:23,045 --> 00:30:25,830 >> Джэйсан Хиршхорн: Дык дзе з'яўляецца тое, што захоўваецца? 653 00:30:25,830 --> 00:30:28,318 >> АЎДЫТОРЫЯ: У масіве дэльфіна? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> Джэйсан Хиршхорн: Я заблытаўся зараз таксама пра тое, што адбываецца. 656 00:30:36,650 --> 00:30:38,380 Давайце зразумець, як мы можам зрабіць адладкі гэта, а потым я прыйду 657 00:30:38,380 --> 00:30:40,700 назад да вас, добра? 658 00:30:40,700 --> 00:30:43,920 Што эквівалент Е ў JavaScript? 659 00:30:43,920 --> 00:30:44,813 Эні? 660 00:30:44,813 --> 00:30:47,315 >> АЎДЫТОРЫЯ: Гэта дакумент, які пісаць? 661 00:30:47,315 --> 00:30:50,020 >> Джэйсан Хиршхорн: Ці як можа Я бачу нешта ў 662 00:30:50,020 --> 00:30:51,200 суцешыць ўніз, на дно? 663 00:30:51,200 --> 00:30:51,940 >> АЎДЫТОРЫЯ: console.log. 664 00:30:51,940 --> 00:30:53,870 >> Джэйсан Хиршхорн: console.log, дакладна. 665 00:30:53,870 --> 00:30:59,810 Так давайце зробім console.log, і давайце проста паставіць "Дэльфін" у, добра? 666 00:30:59,810 --> 00:31:02,710 У ідэале, калі гэта працуе, мы збіраемся ёсць - давайце паглядзім, яшчэ ў гэтым файле 667 00:31:02,710 --> 00:31:06,030 dolphins.js, было шэсць дэльфінаў, таму я павінен атрымаць шэсць ці нешта 668 00:31:06,030 --> 00:31:08,180 спадзяюся выводзіцца на кансоль, ці не так? 669 00:31:08,180 --> 00:31:11,850 Вось дзе мы так далёка, таму што мы зрабіў лінію Курта тут, і тады мы 670 00:31:11,850 --> 00:31:14,630 зрабіў Ной цыкл, і ў нас ёсць гэта лінія, так што спадзяюся, мы павінны ўбачыць шэсць 671 00:31:14,630 --> 00:31:16,120 рэчы на ​​кансолі з'яўляюцца. 672 00:31:16,120 --> 00:31:22,032 Так што давайце ісці сюды, давайце адкрыем нашы суцешыць і асвяжыць нашу старонку. 673 00:31:22,032 --> 00:31:27,290 >> Такім чынам, падобна, што мы бачылі шэсць індэксаў. 674 00:31:27,290 --> 00:31:28,390 Нуль, адзін, два, тры, чатыры пяць, так. 675 00:31:28,390 --> 00:31:30,486 >> АЎДЫТОРЫЯ: Як вы атрымліваеце ў што старонка ў вашым - 676 00:31:30,486 --> 00:31:32,260 >> Джэйсан Хиршхорн: як я магу атрымаць на гэтую рэч тут? 677 00:31:32,260 --> 00:31:35,830 >> АЎДЫТОРЫЯ: Не, старонка Chrome ўнутры [Неразборліва] прыбор. 678 00:31:35,830 --> 00:31:36,892 Ці можам мы ўбачыць гэта ці не? 679 00:31:36,892 --> 00:31:38,220 >> Джэйсан Хиршхорн: Гэты Chrome старонкі прама тут? 680 00:31:38,220 --> 00:31:38,490 >> АЎДЫТОРЫЯ: Так. 681 00:31:38,490 --> 00:31:43,180 >> Джэйсан Хиршхорн: Гэтак жа, як у P набору восем, я адкрыў акно Chrome 682 00:31:43,180 --> 00:31:46,410 на маім працоўным стале, на мой Macintosh працоўнага стала. 683 00:31:46,410 --> 00:31:51,980 І калі вы заўважылі, тут гэты адрас на верхні левы, што адпавядае гэтаму IP 684 00:31:51,980 --> 00:31:54,630 звярнуцца сюды. 685 00:31:54,630 --> 00:31:58,000 Такім чынам, каб зрабіць гэта, тым не менш, пачатак праблемы ўсталяваць спец правядзе вас 686 00:31:58,000 --> 00:31:59,860 праз сапраўды, як гэта зрабіць. 687 00:31:59,860 --> 00:32:02,650 Але я проста вынікала, што, і замест з з кодам трансфер, я толькі што зрабіў 688 00:32:02,650 --> 00:32:04,070 наш уласны код. 689 00:32:04,070 --> 00:32:05,970 >> Выдатная рэч, мы можам таксама праверыць ocean_array. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 Так што, падобна ocean_array з'яўляецца масіў з шасці аб'ектаў, а 692 00:32:13,080 --> 00:32:14,570 давайце адкрыем кожны з іх. 693 00:32:14,570 --> 00:32:15,950 Бум! 694 00:32:15,950 --> 00:32:16,580 Адзін. 695 00:32:16,580 --> 00:32:19,920 >> Так Курт, гэта выглядае як ваш Код працаваў выдатна. 696 00:32:19,920 --> 00:32:23,510 Усе пачалася ў ocean_array. 697 00:32:23,510 --> 00:32:24,995 Таму што я абмовіўся раней. 698 00:32:24,995 --> 00:32:26,570 Але так, дзіўную працу. 699 00:32:26,570 --> 00:32:30,330 Ocean_array правільна, і гэта выглядае як цяпер мы бачым, што дэльфін 700 00:32:30,330 --> 00:32:35,400 лік ад 0 да 5, так гэта выглядала як індэксы ў масіве. 701 00:32:35,400 --> 00:32:37,510 Таму, улічваючы, што веды, Майкл, што мы павінны рабіць цяпер? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 Падумайце услых. 704 00:32:43,870 --> 00:32:45,600 Што тое, што мы хочам зрабіць? 705 00:32:45,600 --> 00:32:51,260 >> АЎДЫТОРЫЯ: Мы хочам атрымаць JPEG для кожнага дэльфіна. 706 00:32:51,260 --> 00:32:51,800 >> Джэйсан Хиршхорн: ОК. 707 00:32:51,800 --> 00:32:53,206 Так як мы можам спасылацца - 708 00:32:53,206 --> 00:32:54,760 як мы можам атрымаць JPEG? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 З чаго пачнем? 711 00:33:03,726 --> 00:33:05,390 Дзе ўсе захоўваецца? 712 00:33:05,390 --> 00:33:07,610 >> АЎДЫТОРЫЯ: У ocean_array? 713 00:33:07,610 --> 00:33:08,320 >> Джэйсан Хиршхорн: ОК. 714 00:33:08,320 --> 00:33:11,450 >> АЎДЫТОРЫЯ: Так ocean_array, дэльфін - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> Джэйсан Хиршхорн: Як мы атрымаць нешта ўсярэдзіне - 717 00:33:19,280 --> 00:33:20,860 так што гэта дае нам гэты аб'ект. 718 00:33:20,860 --> 00:33:22,770 І мы бачылі гэта раней з струк. 719 00:33:22,770 --> 00:33:26,710 Што ж гэта за натацыі мы павінны выкарыстоўваць? 720 00:33:26,710 --> 00:33:28,450 >> АЎДЫТОРЫЯ: Было б кропка. 721 00:33:28,450 --> 00:33:29,400 >> Джэйсан Хиршхорн: кропка. 722 00:33:29,400 --> 00:33:30,960 А што потым поле? 723 00:33:30,960 --> 00:33:31,510 >> АЎДЫТОРЫЯ: Аватар? 724 00:33:31,510 --> 00:33:33,816 Ці гэта не поле - 725 00:33:33,816 --> 00:33:37,400 >> Джэйсан Хиршхорн: Што гэта называецца ў dolphins.js? 726 00:33:37,400 --> 00:33:38,270 І бачыце, вы можаце паглядзець. 727 00:33:38,270 --> 00:33:38,970 Мы можам проста вярнуцца сюды. 728 00:33:38,970 --> 00:33:40,700 Мы бачым, ocean_array, мы можам даследаваць яго. 729 00:33:40,700 --> 00:33:41,380 Як гэта называецца? 730 00:33:41,380 --> 00:33:42,287 >> АЎДЫТОРЫЯ: Тып. 731 00:33:42,287 --> 00:33:43,688 Пачакайце. 732 00:33:43,688 --> 00:33:44,155 Аватар? 733 00:33:44,155 --> 00:33:45,560 Я сказаў карціну. 734 00:33:45,560 --> 00:33:46,370 >> Джэйсан Хиршхорн: Аватар. 735 00:33:46,370 --> 00:33:47,610 Дакладна. 736 00:33:47,610 --> 00:33:49,510 Вы не гучаць як вы ведаеце, што вы казалі пра, усё ж. 737 00:33:49,510 --> 00:33:50,630 Гэта гучала больш як здагадку. 738 00:33:50,630 --> 00:33:53,700 Так што карціна, так, што б даць нам Адрас малюнку. 739 00:33:53,700 --> 00:33:54,720 Джэф, у вас ёсць пытанне? 740 00:33:54,720 --> 00:33:57,375 >> АЎДЫТОРЫЯ: Так, я не магу атрымаць тое, што у вас на Chrome 741 00:33:57,375 --> 00:33:59,320 браўзэр на маім кампутары. 742 00:33:59,320 --> 00:34:05,915 Я проста атрымліваю "неперехваченное спасылку памылцы, кансоль не вызначаны ". 743 00:34:05,915 --> 00:34:07,780 >> Джэйсан Хиршхорн: Вам наладзіць усё? 744 00:34:07,780 --> 00:34:10,090 >> АЎДЫТОРЫЯ: Ну, я думаю, што я зрабілі ўсё, што вы 745 00:34:10,090 --> 00:34:11,800 зрабіў на вялікім экране. 746 00:34:11,800 --> 00:34:13,510 >> Джэйсан Хиршхорн: І вы chmodded усе файлы? 747 00:34:13,510 --> 00:34:16,343 А ці ведаеце вы прайсці Уся ўстаноўка? 748 00:34:16,343 --> 00:34:17,600 >> АЎДЫТОРЫЯ: Я паспрабую яшчэ раз. 749 00:34:17,600 --> 00:34:18,300 >> Джэйсан Хиршхорн: ОК. 750 00:34:18,300 --> 00:34:20,630 Я прапусціў, што шмат на пачынаецца, але вы павінны прайсці праз 751 00:34:20,630 --> 00:34:22,199 Уся ўстаноўка гэтак жа, як у пачатак праблемы мноства спец. 752 00:34:22,199 --> 00:34:24,770 Chmod усё і пераканайцеся, што гэта цалі 753 00:34:24,770 --> 00:34:26,360 >> АЎДЫТОРЫЯ: Я пайду і праверце яго. 754 00:34:26,360 --> 00:34:28,655 Я думаў, што я гэта зрабіў, але Я двойчы чэк. 755 00:34:28,655 --> 00:34:30,270 >> Джэйсан Хиршхорн: Так, гэта выглядае як гэта дасць нам 756 00:34:30,270 --> 00:34:30,960 радок і карціна. 757 00:34:30,960 --> 00:34:31,370 Вялікі. 758 00:34:31,370 --> 00:34:32,760 У нас ёсць URL малюнка. 759 00:34:32,760 --> 00:34:35,320 Як мы цяпер пакласці яго ў - 760 00:34:35,320 --> 00:34:38,030 што адбудзецца, калі мы пішам толькі гэта, Майкл? 761 00:34:38,030 --> 00:34:40,150 >> АЎДЫТОРЫЯ: Ён проста бярэ карціну. 762 00:34:40,150 --> 00:34:41,420 Гэта на самай справе не яго адлюстравання. 763 00:34:41,420 --> 00:34:42,840 >> Джэйсан Хиршхорн: Давайце паглядзім, што адбудзецца. 764 00:34:42,840 --> 00:34:43,514 Мы захаваем гэта. 765 00:34:43,514 --> 00:34:44,780 Мы будзем працаваць яго тут. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 Падобна на тое, што мы нічога не атрымаць. 768 00:34:50,510 --> 00:34:56,179 Калі я даследую гэтую табліцу, гэта выглядае як унутры - 769 00:34:56,179 --> 00:34:58,170 ды, падобна, што я нічога не атрымаць. 770 00:34:58,170 --> 00:34:59,963 >> АЎДЫТОРЫЯ: Ці павінны мы - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> Джэйсан Хиршхорн: Гэта радок, гэты код прама тут. 773 00:35:07,270 --> 00:35:08,615 Дзе я хачу паставіць гэты радок? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> АЎДЫТОРЫЯ: Вы хочаце, каб пакласці яго ў акіяне? 776 00:35:16,000 --> 00:35:16,040 >> Джэйсан Хиршхорн: ОК. 777 00:35:16,040 --> 00:35:19,230 І тут я стаўлю радок называецца HTML у акіяне. 778 00:35:19,230 --> 00:35:26,350 >> АЎДЫТОРЫЯ: Так ці будзе даляр знак, акіян, HTML [неразборліва]. 779 00:35:26,350 --> 00:35:27,985 >> Джэйсан Хиршхорн: Гэта было б Скажам прама там. 780 00:35:27,985 --> 00:35:29,440 Але што, калі я хачу, каб дадаць яго ў - 781 00:35:29,440 --> 00:35:30,740 Я ўжо стварае радок, ці не так? 782 00:35:30,740 --> 00:35:33,740 Калі Вы жадаеце пакласці ў акіяне, што назва гэтай радкі? 783 00:35:33,740 --> 00:35:34,610 >> АЎДЫТОРЫЯ: HTML. 784 00:35:34,610 --> 00:35:35,250 >> Джэйсан Хиршхорн: HTML. 785 00:35:35,250 --> 00:35:36,355 Дык што ж я пішу далей? 786 00:35:36,355 --> 00:35:37,310 >> АЎДЫТОРЫЯ: Роўна, роўна. 787 00:35:37,310 --> 00:35:38,990 Або проста на роўных? 788 00:35:38,990 --> 00:35:41,170 >> Джэйсан Хиршхорн: Што будзе адбудзецца, калі я пішу роўных? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> АЎДЫТОРЫЯ: Хіба гэта ўсталяваць яго роўна - ці не будзе, што - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> АЎДЫТОРЫЯ: Звязаць? 793 00:35:53,016 --> 00:35:55,680 >> Джэйсан Хиршхорн: Гэта будзе прызначыць яго, але тое, што адбудзецца з усім 794 00:35:55,680 --> 00:35:56,565 , Які быў захаваны ў гэтым раней? 795 00:35:56,565 --> 00:35:57,570 >> АЎДЫТОРЫЯ: Гэта будзе пазбавіцца ад яго. 796 00:35:57,570 --> 00:35:58,660 >> Джэйсан Хиршхорн: Гэта будзе пазбавіцца ад яго. 797 00:35:58,660 --> 00:35:59,993 Так як я магу дадаць, што да канца? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 Я б проста скапіраваць - 800 00:36:04,120 --> 00:36:04,530 >> АЎДЫТОРЫЯ: Плюс да роўных. 801 00:36:04,530 --> 00:36:06,260 >> Джэйсан Хиршхорн: Плюс роўна, дасканалым. 802 00:36:06,260 --> 00:36:07,120 Вось менавіта. 803 00:36:07,120 --> 00:36:08,380 Так што цяпер давайце паглядзім, што гэта робіць. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 Бум! 806 00:36:12,760 --> 00:36:14,580 О, божа мой. 807 00:36:14,580 --> 00:36:16,580 Гэта значыць проста шмат тэксту. 808 00:36:16,580 --> 00:36:17,580 ОК. 809 00:36:17,580 --> 00:36:20,640 >> Так што, падобна, мы атрымалі шмат тэксту, але гэта выдатна. 810 00:36:20,640 --> 00:36:21,750 Вы, хлопцы, зрабілі - 811 00:36:21,750 --> 00:36:23,160 Я ведаю, гэта цяжка, вось гэта новае. 812 00:36:23,160 --> 00:36:24,970 Да гэтага часу тры з вас, хлопцы, зрабілі фантастычны. 813 00:36:24,970 --> 00:36:26,600 >> ОК, ты наступны. 814 00:36:26,600 --> 00:36:27,960 Што мы павінны рабіць далей? 815 00:36:27,960 --> 00:36:29,830 Мы, вядома, не хачу яго гуляць толькі радок. 816 00:36:29,830 --> 00:36:30,120 Да? 817 00:36:30,120 --> 00:36:30,690 >> АЎДЫТОРЫЯ: Я проста ёсць пытанне. 818 00:36:30,690 --> 00:36:35,410 Вы ведаеце, калі вы робіце ocean_array, дэльфін, у дужках, ня 819 00:36:35,410 --> 00:36:37,550 дэльфін, як асацыятыўна Масіў у сабе? 820 00:36:37,550 --> 00:36:38,230 >> Джэйсан Хиршхорн: Я абмовіўся. 821 00:36:38,230 --> 00:36:41,515 Дэльфін гэта індэкс. 822 00:36:41,515 --> 00:36:44,280 >> Залы: Але ці не вар Дэльфін ў акіяне - 823 00:36:44,280 --> 00:36:49,540 Я маю на ўвазе, калі вы першапачаткова загрузіць яго як добра, вар дэльфін у дэльфінаў, ня 824 00:36:49,540 --> 00:36:51,950 што дэльфін асацыятыўны масіў? 825 00:36:51,950 --> 00:36:52,970 >> Джэйсан Хиршхорн: Гэты дэльфін? 826 00:36:52,970 --> 00:36:53,650 >> АЎДЫТОРЫЯ: Так. 827 00:36:53,650 --> 00:36:54,230 >> Джэйсан Хиршхорн: Не. 828 00:36:54,230 --> 00:36:56,366 Гэта дэльфін індэкс. 829 00:36:56,366 --> 00:36:57,950 >> АЎДЫТОРЫЯ: ОК. 830 00:36:57,950 --> 00:36:59,320 Так ці ёсць пераменная дэльфін? 831 00:36:59,320 --> 00:37:02,610 Я маю на ўвазе, як ключ дэльфіна ў асацыятыўны масіў? 832 00:37:02,610 --> 00:37:04,150 >> Джэйсан Хиршхорн: Прама тут? 833 00:37:04,150 --> 00:37:05,075 Маўляў, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> АЎДЫТОРЫЯ: Так, ёсць як дэльфін кропкай - 835 00:37:10,440 --> 00:37:13,090 як ня дэльфін азначала быць кожны аб'ект? 836 00:37:13,090 --> 00:37:15,580 >> АЎДЫТОРЫЯ: Так, гэта што я думаў таксама. 837 00:37:15,580 --> 00:37:19,985 >> АЎДЫТОРЫЯ: Я думаў, дэльфін быў як асацыятыўны шэраг у дэльфінаў. 838 00:37:19,985 --> 00:37:22,240 Таму што ёсць шэсць асацыятыўная масівы ў дэльфінаў, праўда? 839 00:37:22,240 --> 00:37:24,050 >> Джэйсан Хиршхорн: Дакладна. 840 00:37:24,050 --> 00:37:26,790 Тое, як мы ўжо гэта напісана Цяпер, гэта не так. 841 00:37:26,790 --> 00:37:29,300 >> Зала: А чаму гэта? 842 00:37:29,300 --> 00:37:36,690 >> Джэйсан Хиршхорн: Мы маглі б зрабіць гэта, і там на самой справе функцыя JQuery 843 00:37:36,690 --> 00:37:39,660 называецца. адзін, які дае Вы кожная рэч. 844 00:37:39,660 --> 00:37:41,670 Але гэты сінтаксіс ня - 845 00:37:41,670 --> 00:37:44,130 Я абмовіўся раней - гэты сінтаксіс не тое, што гэта індэкс. 846 00:37:44,130 --> 00:37:45,780 Гэта проста дае нам індэксаў. 847 00:37:45,780 --> 00:37:48,490 Але вы маглі б зрабіць знак даляра. Сябар, якая з'яўляецца функцыяй JQuery. 848 00:37:48,490 --> 00:37:51,730 Гэта дасць вам кожны асацыятыўны масіў. 849 00:37:51,730 --> 00:37:52,930 Так праверыць гэта. 850 00:37:52,930 --> 00:37:55,205 Але гэта тое, што ўсё гэта робіць код. 851 00:37:55,205 --> 00:37:59,020 >> АЎДЫТОРЫЯ: Так што гэта першы цыкл, я думаю, што было перабору шэсць разоў 852 00:37:59,020 --> 00:37:59,765 таму што ў вас шэсць індэксаў. 853 00:37:59,765 --> 00:38:02,550 А потым другі цыкл, не тое, што перабор 854 00:38:02,550 --> 00:38:03,880 такое ж колькасць раз? 855 00:38:03,880 --> 00:38:04,540 >> Джэйсан Хиршхорн: Так. 856 00:38:04,540 --> 00:38:07,920 >> АЎДЫТОРЫЯ: Дык там сапраўды няма - мы мог бы напісаць першы цыкл 857 00:38:07,920 --> 00:38:09,700 зноў, і гэта спрацавала б. 858 00:38:09,700 --> 00:38:11,265 Маўляў, вар дэльфін у дэльфінаў? 859 00:38:11,265 --> 00:38:13,400 >> Джэйсан Хиршхорн: Так, але мы Зараз з дапамогай ocean_array. 860 00:38:13,400 --> 00:38:18,010 Мы пераехалі усё ў ocean_array таму сказаць, што мы калі-небудзь хацелі 861 00:38:18,010 --> 00:38:23,970 змяніць тое, што ў dolphins.js, або калі мы хочам, каб маніпуляваць ocean_array 862 00:38:23,970 --> 00:38:27,140 ў далейшым, мы не хочам, каб маніпуляваць дэльфіны, пераменная. 863 00:38:27,140 --> 00:38:29,940 Мы хочам, каб маніпуляваць яго копію, таму што, калі мы хочам, каб узяць што-то 864 00:38:29,940 --> 00:38:31,740 па-за, такім чынам мы проста будзе ў бяспецы. 865 00:38:31,740 --> 00:38:32,820 Ці мае гэта сэнс. 866 00:38:32,820 --> 00:38:33,085 >> АЎДЫТОРЫЯ: Так. 867 00:38:33,085 --> 00:38:34,390 >> Джэйсан Хиршхорн: ОК. 868 00:38:34,390 --> 00:38:39,830 Так, Карлас, як я магу ўзяць гэты радок і зрабіць яго малюнак, а не, і атрымаць 869 00:38:39,830 --> 00:38:40,860 фактычнае малюнак? 870 00:38:40,860 --> 00:38:42,260 , Перш чым вы бачыце гэты код. 871 00:38:42,260 --> 00:38:45,541 Як мне ўключыць малюнак на старонцы? 872 00:38:45,541 --> 00:38:51,400 >> АЎДЫТОРЫЯ: Гэта, што мы зрабілі аб што HTML плюс роўна тыя выкліку працяжнік 873 00:38:51,400 --> 00:38:53,344 шырыня, яна выдаліла яго? 874 00:38:53,344 --> 00:38:56,068 >> Джэйсан Хиршхорн: Гэта матэрыял прама тут? 875 00:38:56,068 --> 00:38:57,036 >> АЎДЫТОРЫЯ: Так. 876 00:38:57,036 --> 00:38:57,520 Накшталт таго. 877 00:38:57,520 --> 00:38:58,900 >> Джэйсан Хиршхорн: ня турбавацца пра гэта. 878 00:38:58,900 --> 00:39:00,520 Гэта проста запускае HTML радок. 879 00:39:00,520 --> 00:39:03,980 Калі я хачу, каб уключыць малюнак у маім HTML вэб-старонкі, што тэг я магу выкарыстоўваць? 880 00:39:03,980 --> 00:39:06,210 >> Залы: Я не памятаю. 881 00:39:06,210 --> 00:39:07,050 >> Джэйсан Хиршхорн: ОК. 882 00:39:07,050 --> 00:39:08,343 Эві, дапамагчы яму? 883 00:39:08,343 --> 00:39:10,985 >> АЎДЫТОРЫЯ: было б якар, HREF, а затым вы звязаць яго? 884 00:39:10,985 --> 00:39:12,790 >> Джэйсан Хиршхорн: Так як у Anchor. 885 00:39:12,790 --> 00:39:14,790 >> АЎДЫТОРЫЯ: Вам не трэба, каб звязаць яго, тым не менш, ці не так? 886 00:39:14,790 --> 00:39:17,370 >> Джэйсан Хиршхорн: Што рабіць, калі я проста хочаце стварыць вобраз? 887 00:39:17,370 --> 00:39:24,640 >> АЎДЫТОРЫЯ: Было б IMG, а затым Знаходжанне роўна што радок? 888 00:39:24,640 --> 00:39:27,400 >> Джэйсан Хиршхорн: Такім чынам, гэта дакладна, кантакце. 889 00:39:27,400 --> 00:39:28,635 Карлас, вы збіраецеся Вазьмі яго адсюль. 890 00:39:28,635 --> 00:39:32,760 Траплення азначае "вобраз", і зоркавыя стэнды для "крыніцы". і вы павінны даць яму 891 00:39:32,760 --> 00:39:35,200 URL ці некаторыя - 892 00:39:35,200 --> 00:39:35,940 нават не URL. 893 00:39:35,940 --> 00:39:39,040 Некаторыя месцы, дзе, што малюнак захоўваецца. 894 00:39:39,040 --> 00:39:46,490 Так што я ведаю, што гэта будзе атрымаць мяне малюнак, так што зараз, як бы гэта сказаць усё 895 00:39:46,490 --> 00:39:49,310 разам, думалі? 896 00:39:49,310 --> 00:39:51,920 У мяне ёсць некаторы сінтаксіс Мне трэба выправіць. 897 00:39:51,920 --> 00:39:54,632 Што менавіта мне трэба ўвесці, Карлас? 898 00:39:54,632 --> 00:39:56,862 >> АЎДЫТОРЫЯ: Я не разумею, што вы спрабуеце зрабіць. 899 00:39:56,862 --> 00:40:00,185 Такім чынам, вы спрабуеце паставіць усе выявы ў табліцу? 900 00:40:00,185 --> 00:40:04,790 >> Джэйсан Хиршхорн: Мы хочам, каб адлюстраваць ўсе выявы на старонцы. 901 00:40:04,790 --> 00:40:12,000 І мы бачылі, як гэты радок кода справа тут дададзеныя радкі ў наш HTML радкі 902 00:40:12,000 --> 00:40:13,275 і раздрукаваць іх, як гэта. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 Мы замест гэтага хочаце адлюстроўваць выявы. 905 00:40:21,830 --> 00:40:25,780 І мы зразумелі,, Мару, сказаў нам, што гэты радок кода - 906 00:40:25,780 --> 00:40:26,750 так што давайце паглядзім прама тут. 907 00:40:26,750 --> 00:40:31,745 Калі б мы пайшлі і даследавалі, мы будзем рэдагаваць гэта як HTML. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 Мару, сказаў, што калі мы робім гэты від сінтаксісу, мы атрымліваем малюнак. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 Ці значыць гэта, сэнс? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> Гэта тып радкі, што мы сапраўды жадаеце пакласці ўнутр акіяна 914 00:41:05,630 --> 00:41:09,080 апусканне, не проста сам тэкст. 915 00:41:09,080 --> 00:41:12,080 >> АЎДЫТОРЫЯ: [неразборліва] 916 00:41:12,080 --> 00:41:12,940 >> Джэйсан Хиршхорн: Выбачайце? 917 00:41:12,940 --> 00:41:16,240 >> АЎДЫТОРЫЯ: Вы не можаце проста скапіяваць што адзін, што Kianna даў, 918 00:41:16,240 --> 00:41:17,810 і паклаў яго ў тым, што - 919 00:41:17,810 --> 00:41:19,570 >> Джэйсан Хиршхорн: Скапіюйце гэты, і паставіць гэта прама тут? 920 00:41:19,570 --> 00:41:20,820 >> АЎДЫТОРЫЯ: Так. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> Джэйсан Хиршхорн: Гэта блізка, але ёсць адна праблема з гэтым, і 923 00:41:25,813 --> 00:41:27,063 што гэта такое? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML з'яўляецца радком, і мы павінны дадаць радкі да яго. 926 00:41:36,370 --> 00:41:37,855 >> АЎДЫТОРЫЯ: Такім чынам вы выказаліся - нах. 927 00:41:37,855 --> 00:41:40,860 >> Джэйсан Хиршхорн: І ў нас ёсць тры - гэта прама тут не з'яўляецца радком. 928 00:41:40,860 --> 00:41:42,921 Як мы можам зрабіць гэта радок? 929 00:41:42,921 --> 00:41:45,474 Як вы заўсёды робяць нешта радок? 930 00:41:45,474 --> 00:41:47,242 >> Залы: Я не ведаю. 931 00:41:47,242 --> 00:41:49,570 >> Джэйсан Хиршхорн: Калі ў мяне ёсць тэкст, як я магу зрабіць гэта радок? 932 00:41:49,570 --> 00:41:51,615 Падабаецца тут, на гэтай лініі прама тут? 933 00:41:51,615 --> 00:41:54,160 >> АЎДЫТОРЫЯ: Пакладзеце яго ў табліцы? 934 00:41:54,160 --> 00:41:56,450 >> Джэйсан Хиршхорн: Што пра гэта? 935 00:41:56,450 --> 00:41:57,290 >> АЎДЫТОРЫЯ: Цытата. 936 00:41:57,290 --> 00:41:58,670 >> Джэйсан Хиршхорн: Падвойны каціроўкі, праўда? 937 00:41:58,670 --> 00:42:00,860 Падвойныя двукоссі робіць нешта радком. 938 00:42:00,860 --> 00:42:03,720 Так што робіць, што радок, і гэта радок. 939 00:42:03,720 --> 00:42:05,990 Як змясціць два радкі разам у JavaScript? 940 00:42:05,990 --> 00:42:06,842 >> АЎДЫТОРЫЯ: Dot. 941 00:42:06,842 --> 00:42:07,960 >> Джэйсан Хиршхорн: Ці не кропка. 942 00:42:07,960 --> 00:42:10,462 Гэта PHP. 943 00:42:10,462 --> 00:42:11,358 >> АЎДЫТОРЫЯ: Плюс. 944 00:42:11,358 --> 00:42:13,200 >> Джэйсан Хиршхорн: Плюс, зусім дакладна. 945 00:42:13,200 --> 00:42:15,900 Так плюс, а затым тое, што вы Прапаную я раблю тут? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> АЎДЫТОРЫЯ: Яшчэ цытата. 948 00:42:22,400 --> 00:42:24,100 >> Джэйсан Хиршхорн: Іншая цытата, ОК. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 Як завяршыць радок? 951 00:42:34,322 --> 00:42:35,660 >> АЎДЫТОРЫЯ: Яшчэ цытата. 952 00:42:35,660 --> 00:42:36,180 >> Джэйсан Хиршхорн: Яшчэ цытата. 953 00:42:36,180 --> 00:42:38,740 І як я магу паставіць гэты радок разам з гэтай радкі? 954 00:42:38,740 --> 00:42:39,810 Плюс. 955 00:42:39,810 --> 00:42:40,630 Вось менавіта. 956 00:42:40,630 --> 00:42:41,540 Вы толькі што зрабілі гэта для нас. 957 00:42:41,540 --> 00:42:42,590 Гэта ідэальны варыянт. 958 00:42:42,590 --> 00:42:46,320 >> А цяпер давайце аказваць гэта. 959 00:42:46,320 --> 00:42:49,050 І паглядзіце, што ў нас ёсць цэлае куча малюнкаў. 960 00:42:49,050 --> 00:42:49,860 О, Божа мой. 961 00:42:49,860 --> 00:42:50,770 Тыя страшныя. 962 00:42:50,770 --> 00:42:51,720 Мы збіраемся даследаваць ім у секунду. 963 00:42:51,720 --> 00:42:52,010 Так, Ной? 964 00:42:52,010 --> 00:42:54,520 >> Залы: Я ведаю, што гэта на самай справе не пытанне, але вы павінны закрыць свой 965 00:42:54,520 --> 00:42:56,005 элементы з тэгам малюнка? 966 00:42:56,005 --> 00:42:58,250 >> Джэйсан Хиршхорн: Мы маглі б, калі мы хацелі, зачыніць наш імідж 967 00:42:58,250 --> 00:43:02,284 тэг проста так. 968 00:43:02,284 --> 00:43:04,719 Давайце аказаць, што. 969 00:43:04,719 --> 00:43:06,330 На, няма, мы не можам гэтага зрабіць. 970 00:43:06,330 --> 00:43:07,580 >> АЎДЫТОРЫЯ: О, я зламаў яго. 971 00:43:07,580 --> 00:43:09,090 >> Джэйсан Хиршхорн: Я думаю, што гэта з'яўляецца праверка, аднак. 972 00:43:09,090 --> 00:43:12,380 Я не думаю, што вам трэба закрывае касой рысы. 973 00:43:12,380 --> 00:43:13,490 ОК, гэта выдатна. 974 00:43:13,490 --> 00:43:14,150 Карлас, дзякуй. 975 00:43:14,150 --> 00:43:16,270 Да гэтага часу чатыры з вас, хлопцы зрабілі ўзрушаючую працу. 976 00:43:16,270 --> 00:43:19,650 >> Вядома, як вы можаце бачыць, мы стварэнне некаторы тып табліцы фаскі. 977 00:43:19,650 --> 00:43:21,490 І я хачу, каб гэтыя рэчы каб быць у выглядзе табліцы. 978 00:43:21,490 --> 00:43:24,970 Так як я магу пакласці іх рэчы ў табліцы? 979 00:43:24,970 --> 00:43:27,020 Я выразна патрэбна больш HTML. 980 00:43:27,020 --> 00:43:28,680 Асам, якія HTML мне не хапае? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> АЎДЫТОРЫЯ: Што вы хачу зрабіць, прабачце? 983 00:43:33,370 --> 00:43:37,430 >> Джэйсан Хиршхорн: я хачу паставіць усе гэтыя вобразы ў табліцы, таму кожнае малюнак 984 00:43:37,430 --> 00:43:41,020 павінны знаходзіцца ў адной калонцы табліцы. 985 00:43:41,020 --> 00:43:42,480 Як мне сказаць, што гэта адзін слупок? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 Вы бачылі гэты код раней. 988 00:43:46,010 --> 00:43:46,910 Гэта ў P ўсталяваць сем. 989 00:43:46,910 --> 00:43:48,870 >> АЎДЫТОРЫЯ: Я памятаю адзін быў тр? 990 00:43:48,870 --> 00:43:50,120 >> Джэйсан Хиршхорн: тр для шэрагу. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> АЎДЫТОРЫЯ: Я не ведаю, яго маё сэрца, але я мог праверыць. 993 00:43:56,430 --> 00:43:57,140 >> Джэйсан Хиршхорн: Ці хтосьці памятаеце? 994 00:43:57,140 --> 00:43:57,870 >> АЎДЫТОРЫЯ: г.д? 995 00:43:57,870 --> 00:44:01,250 >> Джэйсан Хиршхорн: тд, зусім дакладна. тд ставіць яго ў выглядзе слупка. 996 00:44:01,250 --> 00:44:03,150 Так што, калі я паставіў тд там, Асам, што мне трэба пакласці? 997 00:44:03,150 --> 00:44:04,600 Што яшчэ мне трэба дадаць? 998 00:44:04,600 --> 00:44:05,620 >> АЎДЫТОРЫЯ: Вы павінны закрыць яго? 999 00:44:05,620 --> 00:44:06,240 >> Джэйсан Хиршхорн: Цалкам дакладна. 1000 00:44:06,240 --> 00:44:07,490 Дзе, што ісці? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> АЎДЫТОРЫЯ: Проста там? 1003 00:44:11,090 --> 00:44:11,970 >> Джэйсан Хиршхорн: Прама тут? 1004 00:44:11,970 --> 00:44:13,850 >> АЎДЫТОРЫЯ: Думаю, што так. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> Джэйсан Хиршхорн: Што гэта закрыццё прама тут? 1007 00:44:18,600 --> 00:44:19,340 Што гэта? 1008 00:44:19,340 --> 00:44:20,320 Гэта сіні рэч? 1009 00:44:20,320 --> 00:44:21,280 >> АЎДЫТОРЫЯ: Гэта для малюнка. 1010 00:44:21,280 --> 00:44:22,100 Гэта павінна пайсці пасля, я думаю. 1011 00:44:22,100 --> 00:44:24,770 >> Джэйсан Хиршхорн: Добра, зусім дакладна. 1012 00:44:24,770 --> 00:44:26,020 Такім чынам, давайце паглядзім, што гэта зрабіў. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 О, гэта нязручна. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 Давайце адкрыем да акіяна, стол, цела табліцы, тр. 1017 00:44:39,470 --> 00:44:44,410 Такім чынам, мы маем тону, але я ня ўбачыць выявы. 1018 00:44:44,410 --> 00:44:45,110 Гэта дзіўна. 1019 00:44:45,110 --> 00:44:48,360 Падобна на тое, што пабудаваў яго, але ня паказаць мне малюнка. 1020 00:44:48,360 --> 00:44:50,425 Любыя ідэі, чаму гэта можа быць так? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 Любыя думкі? 1023 00:44:59,140 --> 00:45:01,550 >> АЎДЫТОРЫЯ: Калі вы пракруціць ўніз, вы ўбачыце іх. 1024 00:45:01,550 --> 00:45:02,430 >> Джэйсан Хиршхорн: Boom! 1025 00:45:02,430 --> 00:45:06,130 Так яны там, але гэта дзіўна, што яны ўвесь час ўніз там. 1026 00:45:06,130 --> 00:45:07,670 >> АЎДЫТОРЫЯ: Яны таксама ўсіх запар. 1027 00:45:07,670 --> 00:45:11,280 >> Джэйсан Хиршхорн: І ўсе яны ў веславаць, і ўсе яны розных памераў. 1028 00:45:11,280 --> 00:45:14,440 Так Асам, дай мне яшчэ адзін радок кода калі я магу зрабіць кожны вобраз 1029 00:45:14,440 --> 00:45:17,420 аднаго памеру, і, падобна, у мяне ёсць ужо паказвалася памер Я 1030 00:45:17,420 --> 00:45:18,440 хочаце, каб яны. 1031 00:45:18,440 --> 00:45:20,025 Як я магу зрабіць кожны малюнак такога ж памеру? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 Дайце дзікіх здагадацца. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> А як наконт гэтага радка кода? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> АЎДЫТОРЫЯ: Ці можаце вы зрабіць Як пастаянная? 1038 00:45:43,650 --> 00:45:46,740 >> Джэйсан Хиршхорн: Або дзе яшчэ адзін размясціць я мог бы паставіць гэты радок кода, 1039 00:45:46,740 --> 00:45:47,740 калі я проста скапіяваць яго? 1040 00:45:47,740 --> 00:45:49,280 >> АЎДЫТОРЫЯ: Усю дарогу ўніз на гэтай жа лініі? 1041 00:45:49,280 --> 00:45:52,000 >> Джэйсан Хиршхорн: Добра, давайце паставім гэта тут, зусім дакладна. 1042 00:45:52,000 --> 00:45:54,320 А цяпер давайце паглядзім, што адбудзецца. 1043 00:45:54,320 --> 00:45:56,030 Ах, божа мой! 1044 00:45:56,030 --> 00:46:00,290 Цяпер, падобна, мы пачынаем атрымаць і тое, і, падобна, яны 1045 00:46:00,290 --> 00:46:06,950 усё накшталт змясціцца ў табліцы, мы пабудавалі ў кожным тд. 1046 00:46:06,950 --> 00:46:10,195 >> Акрамя таго, Асам, скажам, я, як і іх вышыні, каб быць крыху больш - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 Вышыня рэч кідае мяне, так што я павінен ўсталяваць у самым разгары? 1049 00:46:19,260 --> 00:46:20,210 Вазьміце любы лік. 1050 00:46:20,210 --> 00:46:20,860 >> АЎДЫТОРЫЯ: 200? 1051 00:46:20,860 --> 00:46:21,000 >> Джэйсан Хиршхорн: 200. 1052 00:46:21,000 --> 00:46:22,380 Я збіраюся забраць 100. 1053 00:46:22,380 --> 00:46:22,940 Гэта выдатна. 1054 00:46:22,940 --> 00:46:25,540 Для вельмі падабаецца 200. 1055 00:46:25,540 --> 00:46:26,140 Там мы ідзем! 1056 00:46:26,140 --> 00:46:31,830 Добра, цяпер гэта пачынае выглядаць трохі лепш і трохі больш арганізаваным. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> Любыя іншыя думкі на тое, што нам трэба зрабіць, каб захоўваць фатаграфіі дэльфінаў? 1059 00:46:38,170 --> 00:46:38,530 Да? 1060 00:46:38,530 --> 00:46:42,810 >> АЎДЫТОРЫЯ: Ці з'яўляюцца каціроўкі або сінгл каціроўкі, вакол значэнняў для 1061 00:46:42,810 --> 00:46:45,015 Крыніца, вышыня, шырыня, гэта тыя, дадаткова? 1062 00:46:45,015 --> 00:46:46,710 >> Джэйсан Хиршхорн: Дзе з'яўляюцца адзінарныя двукоссі? 1063 00:46:46,710 --> 00:46:50,340 >> AUDIENCE: Як і ў некаторых прыкладах, Вы павінны былі б як рост 1064 00:46:50,340 --> 00:46:53,050 роўная цытата "150". З'яўляецца што не з'яўляецца неабходным. 1065 00:46:53,050 --> 00:46:54,510 >> Джэйсан Хиршхорн: Такім чынам, давайце глядзець тут. 1066 00:46:54,510 --> 00:47:04,120 Калі мы націснем на акіян, ідуць у табліцы, вы заўважыце тут яго фактычна 1067 00:47:04,120 --> 00:47:05,540 дадаў гэтыя цытаты для мяне. 1068 00:47:05,540 --> 00:47:08,310 >> АЎДЫТОРЫЯ: ОК. 1069 00:47:08,310 --> 00:47:12,080 >> Джэйсан Хиршхорн: І таму я разумею, што мы робім здаецца вельмі павольна. 1070 00:47:12,080 --> 00:47:14,950 Мы толькі напісаў тры радкі кода да гэтага часу, ці чатыры радкі кода, але 1071 00:47:14,950 --> 00:47:18,130 гэта на самай справе працэс, які Я прайсці кожны раз я хачу 1072 00:47:18,130 --> 00:47:18,990 каб зрабіць гэты вэб-сайт. 1073 00:47:18,990 --> 00:47:22,800 Парадкова, з дапамогай кансолі ўніз тут, даследуючы рэчы і высветліць 1074 00:47:22,800 --> 00:47:24,320 з крок за крокам, што я хачу зрабіць. 1075 00:47:24,320 --> 00:47:28,580 Так што, спадзяюся, гэта імітуе для вас, хлопцы ў добрым, педагагічнай чынам, што вы 1076 00:47:28,580 --> 00:47:31,055 на самай справе будзе рабіць, калі Вы ствараеце свой сайт. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> Давайце рухацца далей. 1079 00:47:35,410 --> 00:47:36,500 Мы стварылі гэтыя рэчы. 1080 00:47:36,500 --> 00:47:37,240 Я збіраюся на самай справе - 1081 00:47:37,240 --> 00:47:40,950 Эві, у мяне ёсць вялікае пытанне да вас. 1082 00:47:40,950 --> 00:47:43,350 Я не ведаю, мы будзем рухацца далей. 1083 00:47:43,350 --> 00:47:48,950 Пойдзем у "чыгуначнай дэльфіна, калі яго фота націснутая. "Як вы 1084 00:47:48,950 --> 00:47:51,288 Прапаную я пішу гэтую лінію кода? 1085 00:47:51,288 --> 00:47:54,235 >> АЎДЫТОРЫЯ: Існуе функцыя называецца "цягнік". 1086 00:47:54,235 --> 00:47:57,030 >> Джэйсан Хиршхорн: Там функцыя называецца "цягнік", цалкам правільна. 1087 00:47:57,030 --> 00:47:59,520 >> АЎДЫТОРЫЯ: Ён чакае індэкс. 1088 00:47:59,520 --> 00:48:02,630 >> Джэйсан Хиршхорн: Цягнік чакае індэкс, таму, добра. 1089 00:48:02,630 --> 00:48:05,020 Эві, гэта менавіта тое, развагі што я люблю бачыць. 1090 00:48:05,020 --> 00:48:06,320 Цягнік чакае індэкс. 1091 00:48:06,320 --> 00:48:08,230 >> АЎДЫТОРЫЯ: Дык што вы збіраецеся мець на працягу цыклу. 1092 00:48:08,230 --> 00:48:11,540 >> Джэйсан Хиршхорн: Ну, я хачу зрабіць калі фатаграфія пстрычцы так Эві, 1093 00:48:11,540 --> 00:48:15,140 як я магу кантраляваць, калі фота пстрычцы? 1094 00:48:15,140 --> 00:48:16,380 Там у некалькі спосабаў зрабіць гэта. 1095 00:48:16,380 --> 00:48:20,330 Гэта сіла JavaScript і JQuery, але і цвёрдая частка. 1096 00:48:20,330 --> 00:48:22,950 >> АЎДЫТОРЫЯ: Калі дужка, няма. 1097 00:48:22,950 --> 00:48:27,390 Ці, калі дужка падзея, ці нешта адносна просты? 1098 00:48:27,390 --> 00:48:30,850 >> Джэйсан Хиршхорн: Так мы бачылі пару спосабаў зрабіць гэта ў лекцыі. 1099 00:48:30,850 --> 00:48:36,860 Адно было для, тут, вы можаце зрабіць што-то, што вы маглі б стварыць 1100 00:48:36,860 --> 00:48:39,340 функцыі, як па пстрычцы, ці ж нешта накшталт на пстрычкай мышы. 1101 00:48:39,340 --> 00:48:41,620 Усё памятаю нешта ў гэтым родзе? 1102 00:48:41,620 --> 00:48:46,630 Вы робіце гэта ўнутры HTML тэга. 1103 00:48:46,630 --> 00:48:47,910 Я бачу некаторыя пустыя асобы. 1104 00:48:47,910 --> 00:48:49,910 Некаторыя людзі, як, што ён кажа? 1105 00:48:49,910 --> 00:48:52,150 >> Гэта нармальна, таму што я думаю, што гэта складаней спосаб зрабіць гэта. 1106 00:48:52,150 --> 00:48:55,110 Мы збіраемся зрабіць значна прасцей спосаб з выкарыстаннем JQuery. 1107 00:48:55,110 --> 00:48:55,560 Так, Эві? 1108 00:48:55,560 --> 00:48:57,350 >> АЎДЫТОРЫЯ: Хм? 1109 00:48:57,350 --> 00:49:00,280 >> Джэйсан Хиршхорн: Калі я хачу зрабіць нешта JQuery, я, відавочна, пачаць, 1110 00:49:00,280 --> 00:49:05,090 як і раней, з гэтым знакам даляра, адкрыты Хлопец, побач дужка і двойчы 1111 00:49:05,090 --> 00:49:06,120 цытуе тут. 1112 00:49:06,120 --> 00:49:07,660 Цяпер мы ведаем, мне патрэбен селектар тут. 1113 00:49:07,660 --> 00:49:11,720 Што селектара вы прапануеце будзе прымяняцца да кожнага малюнку або кожны 1114 00:49:11,720 --> 00:49:14,680 Адзін здымак? 1115 00:49:14,680 --> 00:49:16,160 >> АЎДЫТОРЫЯ: Малюнак? 1116 00:49:16,160 --> 00:49:17,840 >> Джэйсан Хиршхорн: Гэта Цалкам дакладна. 1117 00:49:17,840 --> 00:49:20,240 Гэта будзе прымяняцца да кожнай асобнай малюнка. 1118 00:49:20,240 --> 00:49:20,940 Атрымлівае ўсё з іх. 1119 00:49:20,940 --> 00:49:24,005 Гэта не ID, гэта не клас, гэта тып тэга, і гэта будзе 1120 00:49:24,005 --> 00:49:24,970 атрымаць усё да адзінага. 1121 00:49:24,970 --> 00:49:27,610 >> А цяпер я збіраюся сказаць вам гэта на дадзены момант, і вы можаце паглядзець больш 1122 00:49:27,610 --> 00:49:33,540 дакументацыя па ім пазней, але гэта што называецца "на" здзелак з падзеямі. 1123 00:49:33,540 --> 00:49:37,370 Так што вы атрымліваеце зрабіць цяпер, і які з'яўляецца супер магутны, гэта сказаць, які тып 1124 00:49:37,370 --> 00:49:40,260 Мерапрыемства вы шукаеце і якія што вы хочаце зрабіць, калі вы 1125 00:49:40,260 --> 00:49:41,160 атрымання гэтай падзеі. 1126 00:49:41,160 --> 00:49:43,155 Так што я збіраюся даць вам крыху трохі больш кода, Эві, то 1127 00:49:43,155 --> 00:49:44,200 ты павінен ісці, добра? 1128 00:49:44,200 --> 00:49:46,700 >> АЎДЫТОРЫЯ: ОК. 1129 00:49:46,700 --> 00:49:50,030 >> АЎДЫТОРЫЯ: На - мы збіраемся сказаць "Пстрычка" у гэтым выпадку, што вы будзеце 1130 00:49:50,030 --> 00:49:50,750 звычайна выкарыстоўваюць. 1131 00:49:50,750 --> 00:49:54,460 Так на пстрычкі, а затым мы збіраемся перадаць яму ананімную функцыю. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 І гэты сінтаксіс вы будзеце бачыць шмат, і, спадзяюся, вы будзеце 1134 00:50:04,100 --> 00:50:05,210 пісаць шмат. 1135 00:50:05,210 --> 00:50:10,350 Гэта трэба, зноў жа, на клік чагосьці называецца малюнак, што заўгодна, 1136 00:50:10,350 --> 00:50:14,960 нічога называецца малюнак, мы збіраемся запусціць гэтую ананімную функцыю. 1137 00:50:14,960 --> 00:50:16,260 >> Я не даю яму імя. 1138 00:50:16,260 --> 00:50:18,180 Я не перадаючы яму ніякіх аргументаў. 1139 00:50:18,180 --> 00:50:21,870 Я проста, як, ствараючы вось функцыянаваць, і вось, што код 1140 00:50:21,870 --> 00:50:22,750 вы збіраецеся зрабіць. 1141 00:50:22,750 --> 00:50:24,310 Вось з гэтым сінтаксісам сродкаў. 1142 00:50:24,310 --> 00:50:27,500 А таксама, як вы заўважыце, гэта выглядае вельмі падобны на гэты тут, што мы 1143 00:50:27,500 --> 00:50:29,310 пісаў раней. 1144 00:50:29,310 --> 00:50:30,400 >> ОК, Эві. 1145 00:50:30,400 --> 00:50:34,720 Такім чынам, вы хочаце патэлефанаваць цягнік на індэкс. 1146 00:50:34,720 --> 00:50:35,690 Гэта тое, што вы хочаце зрабіць? 1147 00:50:35,690 --> 00:50:36,400 >> АЎДЫТОРЫЯ: Так. 1148 00:50:36,400 --> 00:50:36,800 >> Джэйсан Хиршхорн: То бок? 1149 00:50:36,800 --> 00:50:37,840 ОК. 1150 00:50:37,840 --> 00:50:38,610 Давайце паглядзім, што адбудзецца. 1151 00:50:38,610 --> 00:50:39,420 >> АЎДЫТОРЫЯ: Пачакайце, усё ж. 1152 00:50:39,420 --> 00:50:41,240 Індэкс не з'яўляецца зменнай прама цяпер. 1153 00:50:41,240 --> 00:50:42,520 >> Джэйсан Хиршхорн: Так індэкс ня пераменная прама цяпер. 1154 00:50:42,520 --> 00:50:43,780 Я не ведаю, дзе вы атрымалі яго ад. 1155 00:50:43,780 --> 00:50:45,030 >> АЎДЫТОРЫЯ: [неразборліва]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 Так што вам трэба спачатку высветліць, якія дэльфін атрымаў націснуў? 1158 00:50:51,280 --> 00:50:52,440 >> Джэйсан Хиршхорн: Выдатна. 1159 00:50:52,440 --> 00:50:55,260 Вам трэба высветліць, якія дэльфін атрымаў пстрычка. 1160 00:50:55,260 --> 00:50:56,840 Гэта дзікі стрэл у цемры. 1161 00:50:56,840 --> 00:50:59,355 Хто-небудзь ёсць якія-небудзь ідэі, як я магу зразумець , Што дэльфін атрымаў націснуў? 1162 00:50:59,355 --> 00:51:03,280 Калі няма, я проста дам яго вам, таму што гэта даволі вар'ятам. 1163 00:51:03,280 --> 00:51:04,350 ОК. 1164 00:51:04,350 --> 00:51:06,670 Так што давайце раздрукаваць праз console.log. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> Гэтая рэч. 1167 00:51:19,550 --> 00:51:25,830 Так, знак даляра, адкрытыя дужка, гэта блізка дужка. 1168 00:51:25,830 --> 00:51:28,110 Таму, калі я націскаю на гэтай фатаграфіі, я збіраюся друкаваць гэта на кансоль, 1169 00:51:28,110 --> 00:51:29,030 і давайце паглядзім, што адбудзецца. 1170 00:51:29,030 --> 00:51:30,820 Давайце вернемся сюды. 1171 00:51:30,820 --> 00:51:31,640 Пойдзем суцешыць. 1172 00:51:31,640 --> 00:51:33,950 Ніякія памылкі, не слава богу. 1173 00:51:33,950 --> 00:51:35,420 >> ОК. 1174 00:51:35,420 --> 00:51:36,040 Я націснуў. 1175 00:51:36,040 --> 00:51:37,660 Дазвольце мне зрабіць гэта зноў. 1176 00:51:37,660 --> 00:51:43,290 Я націснуў гэтую першы малюнак, і гэта адбіліся на кансоль, 1177 00:51:43,290 --> 00:51:44,200 гэтая лінія рэчаў. 1178 00:51:44,200 --> 00:51:47,230 Я збіраюся выкарыстоўваць Слова "гэта" шмат. 1179 00:51:47,230 --> 00:51:52,000 Гэтая рэч прама тут, гэта, вельмі адмысловае, і гэта робіць менавіта тое, што 1180 00:51:52,000 --> 00:51:53,340 Эві хоча, каб гэта зрабіць. 1181 00:51:53,340 --> 00:51:57,640 Гэта становіцца ўсё, што было націснуў на або любы іншы. 1182 00:51:57,640 --> 00:52:01,850 Таму што зноў жа, гэты селектар адбываецца мець справу з многімі рэчамі, мы не 1183 00:52:01,850 --> 00:52:05,310 абавязкова ведаць, якія рэчы мы кажа, таму мы хочам, каб высветліць 1184 00:52:05,310 --> 00:52:08,300 , Якія рэчы мы гаворым аб праз гэты сінтаксіс. 1185 00:52:08,300 --> 00:52:12,320 У гэтым выпадку прама тут, хэштэг акіян, мы заўсёды ведаем, што рэч мы 1186 00:52:12,320 --> 00:52:14,740 будзем казаць пра, так мы ніколі не мелі патрэбу ў гэтым 1187 00:52:14,740 --> 00:52:15,880 ўнутры хэштэгу акіяна. 1188 00:52:15,880 --> 00:52:18,430 Гэта заўсёды акіян, што дзіваў. 1189 00:52:18,430 --> 00:52:21,770 Гэта ID, толькі адзіна магчымым. 1190 00:52:21,770 --> 00:52:25,840 >> Але ў дадзеным выпадку, гэта ставіцца да вялікіх малюнкаў, на самай справе, шэсць малюнкаў, 1191 00:52:25,840 --> 00:52:28,180 і таму мы хочам ведаць, якія менавіта Выява было шчоўкнулі. 1192 00:52:28,180 --> 00:52:33,022 І, падобна, гэта Інфармацыя, якую мы атрымліваем. 1193 00:52:33,022 --> 00:52:41,540 Мы атрымліваем гэта выглядае як некаторыя буйныя радок, і мы атрымліваем усё гэта 1194 00:52:41,540 --> 00:52:43,890 Інфармацыя з гэтым. 1195 00:52:43,890 --> 00:52:46,550 Мы атрымліваем тоны і тоны і тоны матэрыялу. 1196 00:52:46,550 --> 00:52:48,020 JQuery з'яўляецца супер магутны. 1197 00:52:48,020 --> 00:52:53,890 Гэта дае нам масу інфармацыі пра гэта канкрэтным элеменце HTML. 1198 00:52:53,890 --> 00:52:58,484 Эві, што мы хочам ведаць, пра гэта HTML элемента? 1199 00:52:58,484 --> 00:53:00,306 >> АЎДЫТОРЫЯ: Нешта накшталт ID. 1200 00:53:00,306 --> 00:53:01,190 >> Джэйсан Хиршхорн: ID. 1201 00:53:01,190 --> 00:53:04,375 Ну, у нас ёсць крыніца, шырыня і вышыня. 1202 00:53:04,375 --> 00:53:06,246 >> АЎДЫТОРЫЯ: Мы можам выкарыстоўваць крыніца. 1203 00:53:06,246 --> 00:53:07,190 >> Джэйсан Хиршхорн: Мы можна выкарыстоўваць крыніца. 1204 00:53:07,190 --> 00:53:09,140 Гэта дасць нам радок, URL радок. 1205 00:53:09,140 --> 00:53:10,330 Што мы будзем рабіць з што, як толькі ў нас ёсць, што? 1206 00:53:10,330 --> 00:53:11,800 Як мы вернемся да нашай індэкс ў ocean_array? 1207 00:53:11,800 --> 00:53:14,725 >> АЎДЫТОРЫЯ: Мы можам параўнаць гэта на іншы. 1208 00:53:14,725 --> 00:53:16,910 >> Джэйсан Хиршхорн: Такім чынам, мы маглі цыкл па кожнай з іх. 1209 00:53:16,910 --> 00:53:21,350 Цяпер мы маглі цыкл зноў а затым параўнаць гэта. 1210 00:53:21,350 --> 00:53:23,860 Уявіце, што было б больш просты спосаб, калі б вы маглі толькі ўявіць адзін? 1211 00:53:23,860 --> 00:53:25,564 >> АЎДЫТОРЫЯ: Не маючы ў цыкле. 1212 00:53:25,564 --> 00:53:26,930 >> Джэйсан Хиршхорн: Не маючы ў цыкле. 1213 00:53:26,930 --> 00:53:29,210 >> АЎДЫТОРЫЯ: Проста высветліць, дэльфін, [неразборліва]. 1214 00:53:29,210 --> 00:53:31,430 >> Джэйсан Хиршхорн: Высвятленне , Што дэльфін. 1215 00:53:31,430 --> 00:53:31,940 ОК. 1216 00:53:31,940 --> 00:53:34,780 Дык давайце захаваем гэтую інфармацыю ў гэтай фатаграфіі тэга. 1217 00:53:34,780 --> 00:53:37,370 І зноў жа, прама зараз, частка гэтага матэрыялу проста чароўнае, таму што я мог бы 1218 00:53:37,370 --> 00:53:39,950 паказваць вам гэта ў першы раз, але, спадзяюся, гэта рэчы, 1219 00:53:39,950 --> 00:53:41,140 вы збіраецеся рабіць. 1220 00:53:41,140 --> 00:53:43,440 Дык гэта тое, магічнае вы можаце зрабіць. 1221 00:53:43,440 --> 00:53:46,500 Вы можаце зэканоміць дадатковыя метададзеныя у элеменце. 1222 00:53:46,500 --> 00:53:48,080 Гэта не будзе адлюстроўвацца, гэта не будзе паўплываць што заўгодна. 1223 00:53:48,080 --> 00:53:49,370 Вы можаце проста захаваць яго там. 1224 00:53:49,370 --> 00:53:54,170 І я прапаную захаваць індэкс з кожным малюнкам. 1225 00:53:54,170 --> 00:54:03,020 >> Так, як вы зрабіць гэта вы ствараеце атрыбут называецца працяжнік дадзеных і 1226 00:54:03,020 --> 00:54:04,750 то якім імем вы хачу даць яго. 1227 00:54:04,750 --> 00:54:08,940 Працяжнік дадзеных з'яўляецца спецыяльная рэч, якая з'яўляецца дадзена вам, і гэта кажа, што гэта 1228 00:54:08,940 --> 00:54:10,990 нешта карыстальнік збіраецца стварыць. 1229 00:54:10,990 --> 00:54:17,380 Такім чынам, мы ствараем тое, што называецца індэкс, гэты ключ называецца індэкс. 1230 00:54:17,380 --> 00:54:21,530 >> І ўнутры яго, мы збіраемся паставіць не толькі адзін кожны раз, але тое, што робяць 1231 00:54:21,530 --> 00:54:22,710 мы ставім ўнутры яго, Эві? 1232 00:54:22,710 --> 00:54:23,960 Тое, што адбываецца прама тут? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> АЎДЫТОРЫЯ: Дэльфін. 1235 00:54:29,954 --> 00:54:31,140 >> Джэйсан Хиршхорн: Дэльфін. 1236 00:54:31,140 --> 00:54:33,370 То бок, не тое слова. 1237 00:54:33,370 --> 00:54:34,920 Дэльфін. 1238 00:54:34,920 --> 00:54:38,300 І зноў жа, мы ўжо надрукаваны дэльфіна раней, што 0, 1, 2, 3, 4, 5, і 1239 00:54:38,300 --> 00:54:39,590 мы эканомім, што з малюнкам. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> Так што цяпер, калі я гэта зраблю - і зноў, мы эканомім гэтыя метададзеныя. 1242 00:54:48,580 --> 00:54:50,070 Як атрымаць доступ да, што метададзеныя? 1243 00:54:50,070 --> 00:54:52,690 Гэта з функцыяй проста пад назвай "дадзеныя". І вы павінны перадаць яго адным 1244 00:54:52,690 --> 00:54:57,960 і толькі адзін аргумент, які гэтае імя рэчы. 1245 00:54:57,960 --> 00:55:00,150 Так што я збіраюся раздрукаваць гэты, і тады я буду адказваць на пытанні. 1246 00:55:00,150 --> 00:55:04,800 Але па сутнасці, я кажу, дайце мне гэта Аб'ект, які быў абраны, паглядзіце 1247 00:55:04,800 --> 00:55:07,790 на ўсе яго атрыбуты дадзеных, і адна называецца "індэксуецца," 1248 00:55:07,790 --> 00:55:09,080 даць мне гэта значэнне. 1249 00:55:09,080 --> 00:55:11,580 >> І давайце паглядзім, што адбываецца, калі мы абнаўляць гэтую старонку. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 Менавіта тое, што мы чакалі. 1252 00:55:17,580 --> 00:55:18,910 Зноў жа, гэта было даволі чароўна. 1253 00:55:18,910 --> 00:55:20,680 Мы проста зрабілі шмат тут. 1254 00:55:20,680 --> 00:55:22,360 У каго ёсць якія-небудзь пытанні па гэтай нагоды? 1255 00:55:22,360 --> 00:55:22,560 Да? 1256 00:55:22,560 --> 00:55:24,540 >> АЎДЫТОРЫЯ: Я проста ёсць пытанне аб вашай жывы кода. 1257 00:55:24,540 --> 00:55:27,590 Вы можаце выкарыстоўваць як адзін цытатай, двайны цытата, як тут жа. 1258 00:55:27,590 --> 00:55:28,534 >> Джэйсан Хиршхорн: Прама тут. 1259 00:55:28,534 --> 00:55:29,006 >> АЎДЫТОРЫЯ: Так. 1260 00:55:29,006 --> 00:55:33,300 Ёсць прычына, чаму вы робіце адзінарныя двукоссі, двайныя двукоссі? 1261 00:55:33,300 --> 00:55:35,190 >> Джэйсан Хиршхорн: Там прычына, і гэта ўзыходзіць да таго, што Маркус 1262 00:55:35,190 --> 00:55:35,830 спытаў раней. 1263 00:55:35,830 --> 00:55:38,940 У гэтай лініі, я быў трохі лепш у маім кадавання. 1264 00:55:38,940 --> 00:55:43,810 Я хачу гэтага, і гэта тое, што я шчыра павінны былі зрабіць усё 1265 00:55:43,810 --> 00:55:46,240 час, па шырыні і вышыні у прыватнасці. 1266 00:55:46,240 --> 00:55:49,090 Давайце паглядзім тут. 1267 00:55:49,090 --> 00:55:50,280 Вы ўбачыце тут, Вы можаце бачыць, што? 1268 00:55:50,280 --> 00:55:54,620 Я ведаю, што гэта збольшага невялікі, але дадзеныя Індэкс працяжнік ў падвойныя двукоссі. 1269 00:55:54,620 --> 00:55:56,240 Гэтыя рэчы заўсёды трэба быць у падвойныя двукоссі. 1270 00:55:56,240 --> 00:55:58,630 Значэнне заўсёды павінна быць у падвойныя двукоссі. 1271 00:55:58,630 --> 00:56:01,910 >> Але тут, калі б я зрабіў падвойныя двукоссі, што б скончыць гэты радок прама тут, 1272 00:56:01,910 --> 00:56:03,930 і цяпер я не быў бы набраўшы ў радку. 1273 00:56:03,930 --> 00:56:09,600 Так што я абыйсці, што толькі з дапамогай адзінарныя двукоссі, таму што адзін цытатай 1274 00:56:09,600 --> 00:56:13,120 не сканчаецца радок JavaScript, але у HTML гэта не хвалюе, калі вы 1275 00:56:13,120 --> 00:56:14,270 надаўшы яму адзінкавыя двукоссі або двайныя двукоссі. 1276 00:56:14,270 --> 00:56:16,395 Гэта будзе проста інтэрпрэтаваць яго як падвойныя двукоссі. 1277 00:56:16,395 --> 00:56:17,460 Ці мае гэта сэнс? 1278 00:56:17,460 --> 00:56:17,855 Да? 1279 00:56:17,855 --> 00:56:21,225 >> АЎДЫТОРЫЯ: Як вы атрымліваеце, што IP-адрас у ніжняй частцы вашага кліента? 1280 00:56:21,225 --> 00:56:22,473 Шахта кажа няма IP-адрас. 1281 00:56:22,473 --> 00:56:24,450 Ці ёсць нешта, што я павінен зрабілі ў [неразборліва]. 1282 00:56:24,450 --> 00:56:26,385 >> Джэйсан Хиршхорн: У Вашай машыны, гэта не мае нічога? 1283 00:56:26,385 --> 00:56:27,043 >> АЎДЫТОРЫЯ: Так. 1284 00:56:27,043 --> 00:56:29,540 >> Джэйсан Хиршхорн: Існуе нешта вы можаце зрабіць, каб выправіць гэта, але я не 1285 00:56:29,540 --> 00:56:31,030 збіраецеся правесці час прагулкі праз гэта прама цяпер. 1286 00:56:31,030 --> 00:56:33,705 Але мы можам зрабіць гэта пасля падзелу. 1287 00:56:33,705 --> 00:56:38,520 >> АЎДЫТОРЫЯ: Калі вярнуцца да кансоль, чаму быў 1288 00:56:38,520 --> 00:56:41,168 лік пералічаных 012321? 1289 00:56:41,168 --> 00:56:42,480 >> Джэйсан Хиршхорн: для прыставак? 1290 00:56:42,480 --> 00:56:44,760 О, таму што я проста быў націснуўшы вакол дзіка. 1291 00:56:44,760 --> 00:56:45,440 >> АЎДЫТОРЫЯ: О, добра. 1292 00:56:45,440 --> 00:56:46,410 Не бярыце ў галаву. 1293 00:56:46,410 --> 00:56:50,754 >> Джэйсан Хиршхорн: І зноў, я магу націснуць на нешта bajillion раз. 1294 00:56:50,754 --> 00:56:53,500 >> Залы: У мяне пытанне аб ваш цыкл зноў, ваша для завес. 1295 00:56:53,500 --> 00:56:56,450 Таму што вы ведаеце, ў P ўсталяваць восем, яны выкарыстоўваць іншую форму гэтага цыклу. 1296 00:56:56,450 --> 00:57:02,210 Таму яны, як вар я роўная 0, я менш чым, ocean_array.length, я + +. 1297 00:57:02,210 --> 00:57:04,160 Ёсць тыя эквівалент? 1298 00:57:04,160 --> 00:57:06,070 >> Джэйсан Хиршхорн: То бок стандартны цыкл. 1299 00:57:06,070 --> 00:57:07,570 Або так, гэта для завес. 1300 00:57:07,570 --> 00:57:08,565 На самай справе, мы бачылі, што эквівалентна. 1301 00:57:08,565 --> 00:57:10,450 >> АЎДЫТОРЫЯ: Дык вось эквівалентна да таго, што вы зрабілі тут? 1302 00:57:10,450 --> 00:57:12,030 Адзін Ці лічыцца лепш , Чым іншыя? 1303 00:57:12,030 --> 00:57:13,280 >> Джэйсан Хиршхорн: Не. 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> Так, зноў жа, мы пайшлі над некаторымі рэчамі. 1306 00:57:20,110 --> 00:57:23,170 Цяпер мы выйшлі нашай зоны камфорту і пачаў рабіць некаторыя сапраўды выдатна 1307 00:57:23,170 --> 00:57:26,840 рэчы, якія мы не абавязкова прайшлі больш у класе і раней, але будзе 1308 00:57:26,840 --> 00:57:28,870 спадзяемся, будзе вельмі магутным для вас пры кадаванні. 1309 00:57:28,870 --> 00:57:30,670 >> Эві, давайце вернемся сюды. 1310 00:57:30,670 --> 00:57:31,890 У мяне ёсць індэкс дэльфіна. 1311 00:57:31,890 --> 00:57:32,850 Цяпер тое, што мне трэба зрабіць? 1312 00:57:32,850 --> 00:57:34,760 >> АЎДЫТОРЫЯ: Вы павінны трэніраваць яго. 1313 00:57:34,760 --> 00:57:39,985 Так замест таго, каб console.log, вам можаце ўсталяваць зменную, роўную што? 1314 00:57:39,985 --> 00:57:40,680 >> Джэйсан Хиршхорн: ОК. 1315 00:57:40,680 --> 00:57:41,440 Ну і што? 1316 00:57:41,440 --> 00:57:44,450 >> АЎДЫТОРЫЯ: Я не ўпэўнены, калі вы можаце зрабіць гэта. 1317 00:57:44,450 --> 00:57:46,880 >> Джэйсан Хиршхорн: Так пераменная х роўная гэта, што б гэта вяртае, 1318 00:57:46,880 --> 00:57:47,650 ён верне яго. 1319 00:57:47,650 --> 00:57:48,350 Не мае значэння. 1320 00:57:48,350 --> 00:57:49,490 Ён можа вярнуць любы зменнай. 1321 00:57:49,490 --> 00:57:51,580 Там няма тыпы тут. 1322 00:57:51,580 --> 00:57:53,970 >> АЎДЫТОРЫЯ: Ці вы можаце проста зрабіць выклік функцыі. 1323 00:57:53,970 --> 00:57:55,465 >> Джэйсан Хиршхорн: Так, чаму я не зрабіць гэта? 1324 00:57:55,465 --> 00:57:58,191 Проста зрабіце выклік функцыі. 1325 00:57:58,191 --> 00:57:59,105 >> АЎДЫТОРЫЯ: Так. 1326 00:57:59,105 --> 00:58:01,100 Іншымі набор круглых дужках. 1327 00:58:01,100 --> 00:58:02,330 >> Джэйсан Хиршхорн: Выдатна. 1328 00:58:02,330 --> 00:58:03,580 Вось менавіта. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 Так што будзе выклікаць функцыю цягнік. 1331 00:58:08,830 --> 00:58:14,020 Вядома, нішто не ў цягніку Функцыя, таму прапаную, Akshar, што я 1332 00:58:14,020 --> 00:58:15,440 павінны рабіць у функцыі цягніка. 1333 00:58:15,440 --> 00:58:16,400 Дай мне трохі псевдокод. 1334 00:58:16,400 --> 00:58:20,940 >> Залы: Я думаю, вы павінны выдаліць дэльфін з крынічнай табліцы. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> Джэйсан Хиршхорн: І гэта становіцца Ною раней, чаму мы капіяваны 1337 00:58:27,010 --> 00:58:30,510 гэта ў новы масіў. 1338 00:58:30,510 --> 00:58:34,650 Правільна, таму што мы не робім, каб змяніць наш дэльфіны масіў, таму што, калі іншы 1339 00:58:34,650 --> 00:58:37,390 Праграма выкарыстоўвае гэта ці што, калі мы хочам для доступу да яго дзесьці ў іншым месцы? 1340 00:58:37,390 --> 00:58:41,005 Мы хочам, каб зрабіць копію, і гэта той, які мы збіраемся рэдагаваць. 1341 00:58:41,005 --> 00:58:46,565 >> АЎДЫТОРЫЯ: Тады вы пазіцыянуеце гэта ў вашым новым месцы. 1342 00:58:46,565 --> 00:58:48,990 >> Джэйсан Хиршхорн: А што рабіць мы павінны зрабіць пасля гэтага? 1343 00:58:48,990 --> 00:58:53,298 >> АЎДЫТОРЫЯ: І тады вы раздрукаваць інфармацыя аб дэльфіне. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> Джэйсан Хиршхорн: Гэта Цалкам дакладна. 1346 00:58:57,970 --> 00:59:03,835 Мы выдаліць яго з ocean_array, мы пакласці яго ў басейне, а затым мы звяртаем 1347 00:59:03,835 --> 00:59:06,870 акіян у басейне. 1348 00:59:06,870 --> 00:59:09,625 Як выдаліць дэльфін ад ocean_array? 1349 00:59:09,625 --> 00:59:12,102 >> АЎДЫТОРЫЯ: Вы ідзяце ў індэкс. 1350 00:59:12,102 --> 00:59:13,280 О, добра. 1351 00:59:13,280 --> 00:59:16,076 Выкарыстоўвайце функцыю зрошчвання. 1352 00:59:16,076 --> 00:59:17,720 >> Джэйсан Хиршхорн: Добра, такім чынам, што гэта правільна. 1353 00:59:17,720 --> 00:59:20,950 Я мог бы выкарыстаць функцыю зрошчвання якія нешта бярэ з масіва і 1354 00:59:20,950 --> 00:59:22,250 кандэнсуецца. 1355 00:59:22,250 --> 00:59:23,560 Гэта нешта новае, мы раней не бачылі. 1356 00:59:23,560 --> 00:59:26,120 Але я на самой справе хочаце захаваць прастору там, таму што я хачу, каб раздрукаваць 1357 00:59:26,120 --> 00:59:28,092 прабел у акіяне. 1358 00:59:28,092 --> 00:59:36,480 >> АЎДЫТОРЫЯ: Так то вы можаце ўсталяваць малюнак гэтага індэкса, ocean_array 1359 00:59:36,480 --> 00:59:39,636 Індэкс кропка карціна. 1360 00:59:39,636 --> 00:59:41,730 >> Джэйсан Хиршхорн: ОК, ocean_array, індэкс. 1361 00:59:41,730 --> 00:59:43,125 >> АЎДЫТОРЫЯ: Dot карціна. 1362 00:59:43,125 --> 00:59:44,300 >> Джэйсан Хиршхорн: Dot карціна. 1363 00:59:44,300 --> 00:59:45,910 >> АЎДЫТОРЫЯ: І вы ўсталюеце яго на нуль? 1364 00:59:45,910 --> 00:59:47,080 >> Джэйсан Хиршхорн: Роўна нуля. 1365 00:59:47,080 --> 00:59:49,440 ОК. 1366 00:59:49,440 --> 00:59:53,230 Так нічога не там, так, то як я магу пакласці ў басейне? 1367 00:59:53,230 --> 00:59:56,880 Канстанцін, як мне пакласці яго ў басейне? 1368 00:59:56,880 --> 01:00:00,140 У нас ёсць гэтую зменную мы назвалі, называецца басейн, тут. 1369 01:00:00,140 --> 01:00:10,810 >> АЎДЫТОРЫЯ: У нас проста зрабіць роўных ocean_array індэкс? 1370 01:00:10,810 --> 01:00:12,575 >> АЎДЫТОРЫЯ: хіба вы не павінны змяніць парадак? 1371 01:00:12,575 --> 01:00:14,325 >> Джэйсан Хиршхорн: Адзін сек. 1372 01:00:14,325 --> 01:00:14,770 Да? 1373 01:00:14,770 --> 01:00:16,980 >> АЎДЫТОРЫЯ: Так, гэта было на самай справе добры момант. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> Джэйсан Хиршхорн: Тое, што адбываецца тут? 1376 01:00:24,372 --> 01:00:25,510 >> АЎДЫТОРЫЯ: Гэта індэкс? 1377 01:00:25,510 --> 01:00:27,240 >> Джэйсан Хиршхорн: Індэкс, дакладна. 1378 01:00:27,240 --> 01:00:29,400 І што вы сказалі, Канстанцін, тое, што мы павінны рабіць? 1379 01:00:29,400 --> 01:00:31,530 >> АЎДЫТОРЫЯ: Мы павінны, можа быць, змяніць парадак. 1380 01:00:31,530 --> 01:00:34,300 >> Джэйсан Хиршхорн: А навошта мы змяніць парадак, можа быць? 1381 01:00:34,300 --> 01:00:36,166 >> АЎДЫТОРЫЯ: Таму што ў тым, што паказваюць, што гэта ўжо пустым. 1382 01:00:36,166 --> 01:00:39,755 >> Джэйсан Хиршхорн: Дык гэта яшчэ не ўсё нуль, але мы страцілі URL малюнка. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 Хіба мы страцілі яго назаўсёды? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> АЎДЫТОРЫЯ: Тэхнічна няма? 1387 01:00:48,970 --> 01:00:50,540 >> Джэйсан Хиршхорн: Ёсць мы страцілі яго назаўсёды? 1388 01:00:50,540 --> 01:00:51,290 >> АЎДЫТОРЫЯ: Не. 1389 01:00:51,290 --> 01:00:52,780 >> Джэйсан Хиршхорн: Ну, дзе гэта? 1390 01:00:52,780 --> 01:00:54,220 >> АЎДЫТОРЫЯ: У зыходнай дэльфіна - 1391 01:00:54,220 --> 01:00:56,310 >> Джэйсан Хиршхорн: Гэта ў дэльфінаў, але ў ocean_array 1392 01:00:56,310 --> 01:00:57,630 мы страцілі яго назаўжды. 1393 01:00:57,630 --> 01:01:01,910 Так Канстанцін, вы можаце прапанаваць лепшы спосаб, каб напісаць гэтую лінію? 1394 01:01:01,910 --> 01:01:03,350 На самай справе, шкада, ён захоўваецца ў басейне. 1395 01:01:03,350 --> 01:01:08,640 У нас ёсць гэта ў басейне, таму што басейн з'яўляецца аб'ектам, ці не так? 1396 01:01:08,640 --> 01:01:12,310 Ocean_array індэкс, ocean_array ўяўляе сабой масіў аб'ектаў. 1397 01:01:12,310 --> 01:01:15,590 >> Так басейн з'яўляецца аб'ектам, і ў нас ёсць URL там, і ўніз 1398 01:01:15,590 --> 01:01:16,220 тут ён усталяваны ў нуль. 1399 01:01:16,220 --> 01:01:19,280 Так на самай справе, у нас ёсць не страцілі яго назаўжды. 1400 01:01:19,280 --> 01:01:20,080 Гэта проста захоўваюцца ў басейне. 1401 01:01:20,080 --> 01:01:23,730 Але гэта, вядома, не ў ocean_array, і як вы сказалі, Карлас, ён знаходзіцца ў 1402 01:01:23,730 --> 01:01:25,010 масіў дэльфіны. 1403 01:01:25,010 --> 01:01:25,720 >> Так гэта выглядае міла. 1404 01:01:25,720 --> 01:01:27,550 А потым, як мы правядзем акіян і басейн? 1405 01:01:27,550 --> 01:01:27,780 Марыё? 1406 01:01:27,780 --> 01:01:33,060 >> АЎДЫТОРЫЯ: Вы можаце проста патэлефанаваць draw_pool і draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 Так як, draw_pool, а затым - 1408 01:01:36,060 --> 01:01:39,522 ну, так, гэта нічога не бярэ. 1409 01:01:39,522 --> 01:01:40,840 >> Джэйсан Хиршхорн: Выдатна. 1410 01:01:40,840 --> 01:01:42,350 Што draw_pool збіраецеся рабіць? 1411 01:01:42,350 --> 01:01:43,715 >> АЎДЫТОРЫЯ: Намалюйце басейн? 1412 01:01:43,715 --> 01:01:45,360 >> Джэйсан Хиршхорн: Так, ну, што гэта будзем рабіць? 1413 01:01:45,360 --> 01:01:46,605 >> АЎДЫТОРЫЯ: Выбачайце. 1414 01:01:46,605 --> 01:01:48,310 Вы можаце зрабіць тое ж самае рэч, як ёсць - 1415 01:01:48,310 --> 01:01:49,670 >> Джэйсан Хиршхорн: Трымайся, мы збіраемся туды дабрацца. 1416 01:01:49,670 --> 01:01:49,880 Нічога. 1417 01:01:49,880 --> 01:01:50,950 Ён нічога не робіць прама цяпер. 1418 01:01:50,950 --> 01:01:52,080 Давайце паглядзім, калі гэта працуе, хоць. 1419 01:01:52,080 --> 01:01:52,520 Хто даў нам гэты код? 1420 01:01:52,520 --> 01:01:54,640 Akshar і Канстанцін даў нам гэты код? 1421 01:01:54,640 --> 01:01:56,640 Добра, давайце паглядзім, што адбудзецца. 1422 01:01:56,640 --> 01:01:57,810 >> Ах! 1423 01:01:57,810 --> 01:01:59,650 Гэта было так захапляльна. 1424 01:01:59,650 --> 01:02:00,790 Ён знік. 1425 01:02:00,790 --> 01:02:01,810 О, божа. 1426 01:02:01,810 --> 01:02:03,060 Гэта збольшага пачварным. 1427 01:02:03,060 --> 01:02:04,670 Ну, мы можам вярнуцца і выправіць гэта пазней. 1428 01:02:04,670 --> 01:02:06,490 Цікава, дзе гэта? 1429 01:02:06,490 --> 01:02:07,890 Мы захавалі яго ў гэтай зменнай басейна. 1430 01:02:07,890 --> 01:02:10,160 Як я магу высветліць, калі гэта ў гэтай зменнай басейна? 1431 01:02:10,160 --> 01:02:15,780 Ну, зноў жа, сіла JavaScript, і, у прыватнасці інструменты, якія 1432 01:02:15,780 --> 01:02:18,280 Хром дае вам, як вы можаце зараз праверыць гэтую зменную басейн. 1433 01:02:18,280 --> 01:02:19,220 Гэта глабальная, памятаеш? 1434 01:02:19,220 --> 01:02:20,960 Мы не ставілі Вар ключавое слова. 1435 01:02:20,960 --> 01:02:23,430 Так што, калі я друкую Калі ласка, увядзіце прама тут, Канстанцін, што вы думаеце, што я 1436 01:02:23,430 --> 01:02:24,800 збіраецеся атрымаць, калі я ударыў Калі ласка, увядзіце? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> Залы: Я не ведаю. 1439 01:02:30,950 --> 01:02:31,470 >> Джэйсан Хиршхорн: Адгадайце. 1440 01:02:31,470 --> 01:02:32,110 >> АЎДЫТОРЫЯ: Нічога? 1441 01:02:32,110 --> 01:02:33,680 >> Джэйсан Хиршхорн: Нічога, не так. 1442 01:02:33,680 --> 01:02:35,030 Гэта было добрае здагадку, аднак. 1443 01:02:35,030 --> 01:02:35,920 Я атрымаў аб'ект. 1444 01:02:35,920 --> 01:02:37,680 Памятаеце, што вы далі мне што радок кода. 1445 01:02:37,680 --> 01:02:41,550 Басейн, вы захавалі ў тым, што пераменная аб'ектам. 1446 01:02:41,550 --> 01:02:45,180 І сапраўды, мы бачым аб'ект Вы выратавалі ў ім. 1447 01:02:45,180 --> 01:02:46,710 Гэта ўзрушаюча. 1448 01:02:46,710 --> 01:02:48,510 Мы можам праверыць тут. 1449 01:02:48,510 --> 01:02:52,110 Гэта амаль як у рэальным часе GDB, што мы можам паглядзець у нашым кодзе і 1450 01:02:52,110 --> 01:02:53,520 высветліць матэрыял. 1451 01:02:53,520 --> 01:02:55,780 Гэта значыць вельмі круты і супер магутны. 1452 01:02:55,780 --> 01:02:56,860 >> Добра, давайце скончым гэта. 1453 01:02:56,860 --> 01:02:59,710 Давайце намалюем на басейн на працягу пяці хвілін. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 Мару, дай мне лінію Код звярнуць басейн. 1456 01:03:05,370 --> 01:03:08,975 >> АЎДЫТОРЫЯ: Вы маглі бы іншы Пераменная HTML, але / для. 1457 01:03:08,975 --> 01:03:11,070 >> Джэйсан Хиршхорн: Давайце зробім гэта вельмі проста на дадзены момант. 1458 01:03:11,070 --> 01:03:14,156 Давайце проста надрукаваць імя дэльфін мы навучання. 1459 01:03:14,156 --> 01:03:20,910 >> АЎДЫТОРЫЯ: А потым вы можаце зрабіць даляр падпісаць, адкрытыя дужкі, 1460 01:03:20,910 --> 01:03:23,850 а затым адкрыйце цытата. 1461 01:03:23,850 --> 01:03:26,420 Я думаю, фунт басейн, калі што была рэч. 1462 01:03:26,420 --> 01:03:27,240 Я не памятаю. 1463 01:03:27,240 --> 01:03:28,950 >> Джэйсан Хиршхорн: Давайце вернемся. 1464 01:03:28,950 --> 01:03:29,570 Я думаю, што гэта рэч. 1465 01:03:29,570 --> 01:03:30,660 >> АЎДЫТОРЫЯ: Добра, так. 1466 01:03:30,660 --> 01:03:36,460 А затым зачыніце цытата, побач дужкі . HTML, адкрытыя дужкі, 1467 01:03:36,460 --> 01:03:45,880 і то я думаю, басейн, як якая адкрывае дужкі 0 або нешта накшталт гэтага. 1468 01:03:45,880 --> 01:03:47,500 Зачыніць Назва кропка. 1469 01:03:47,500 --> 01:03:49,720 Я не ведаю, калі гэта працуе. 1470 01:03:49,720 --> 01:03:51,723 >> АЎДЫТОРЫЯ: Добра, давайце паглядзім, што адбудзецца. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 "Немагчыма прачытаць імя ўласцівасці вызначана. "Такім чынам, яшчэ раз, вось што 1473 01:03:59,040 --> 01:03:59,770 мы збіраемся, каб праверыць. 1474 01:03:59,770 --> 01:04:00,500 Мы збіраемся вывучыць гэта. 1475 01:04:00,500 --> 01:04:02,710 Вы зрабілі басейн, адкрыты bracket0,. Назва. 1476 01:04:02,710 --> 01:04:06,060 Зноў жа, я раблю гэта ўвесь час, і я блытаюць, што адбываецца, тое, што робіць 1477 01:04:06,060 --> 01:04:07,040 гэтае папярэджаньне азначае. 1478 01:04:07,040 --> 01:04:09,140 Давайце паглядзім на басейн. 1479 01:04:09,140 --> 01:04:12,520 Давайце паглядзім на басейн кранштэйна 0, не вызначана. 1480 01:04:12,520 --> 01:04:14,430 Дык вось дзе мы бяжым у нашу задачу, ці не так? 1481 01:04:14,430 --> 01:04:16,130 Басейн кранштэйны 0 не робіць, відавочна, існуе. 1482 01:04:16,130 --> 01:04:19,760 Што вы думаеце існуе? 1483 01:04:19,760 --> 01:04:21,885 >> Залы: басейн толькі Аб'ект сам па сабе? 1484 01:04:21,885 --> 01:04:23,550 >> Джэйсан Хиршхорн: Ну, што гэта кажа прама тут? 1485 01:04:23,550 --> 01:04:25,850 Калі мы патрапілі Калі ласка, увядзіце на басейн, што гэта кажуць, што гэта? 1486 01:04:25,850 --> 01:04:26,510 >> АЎДЫТОРЫЯ: Аб'ект. 1487 01:04:26,510 --> 01:04:28,076 >> Джэйсан Хиршхорн: Гэта аб'ект, так? 1488 01:04:28,076 --> 01:04:28,860 >> АЎДЫТОРЫЯ: О, так. 1489 01:04:28,860 --> 01:04:30,700 Так што проста pool.name замест - 1490 01:04:30,700 --> 01:04:34,650 >> Джэйсан Хиршхорн: Pool.name дае менавіта тое, што вы хацелі. 1491 01:04:34,650 --> 01:04:38,060 І я разумею, што я іду праз гэта павольна і размове гэты пункт, але 1492 01:04:38,060 --> 01:04:39,720 гэта дакладна, як я зрабіць гэты матэрыял. 1493 01:04:39,720 --> 01:04:42,270 Вы збіраецеся працаваць у гэтых памылак падчас фінальнага праекта, таму я спадзяюся, 1494 01:04:42,270 --> 01:04:44,360 гэта пашырэнне правоў і магчымасцяў, каб вы маглі выкарыстоўваць усе гэтыя інструменты. 1495 01:04:44,360 --> 01:04:47,780 Яны маюць вырашальнае значэнне і будзе атрымаць вас супер пупер далёка. 1496 01:04:47,780 --> 01:04:50,050 >> Так што я не хачу, каб проста раздрукаваць імя. 1497 01:04:50,050 --> 01:04:54,375 Давайце зробім яго крыху трохі больш добрымі, чым гэта. 1498 01:04:54,375 --> 01:04:56,000 >> АЎДЫТОРЫЯ: Што яшчэ мы хочам зрабіць? 1499 01:04:56,000 --> 01:04:56,460 >> Джэйсан Хиршхорн: Добра, добра. 1500 01:04:56,460 --> 01:04:57,390 Мы будзем рабіць толькі гэта. 1501 01:04:57,390 --> 01:04:57,760 Цьфу. 1502 01:04:57,760 --> 01:05:00,354 Хлопцы, у вас няма жыцця. 1503 01:05:00,354 --> 01:05:02,720 >> ОК, бум, атрымаў яго. 1504 01:05:02,720 --> 01:05:04,040 Выглядае добра. 1505 01:05:04,040 --> 01:05:09,910 Вы ўбачыце, Akshar, тут, мы нуль, не знойдзена. 1506 01:05:09,910 --> 01:05:14,760 Так, падобна, гэта ўсё яшчэ спрабуе знайсці малюнак, і што не рабіць 1507 01:05:14,760 --> 01:05:15,720 менавіта тое, што мы хацелі зрабіць. 1508 01:05:15,720 --> 01:05:18,690 Мы не збіраемся ісці ў тым, што цяпер, але там, напэўна, экалагічна чыстых спосабаў 1509 01:05:18,690 --> 01:05:19,835 рабіць гэта. 1510 01:05:19,835 --> 01:05:24,475 >> АЎДЫТОРЫЯ: Ці не маглі б вы пакінуць як прабел для малюнка? 1511 01:05:24,475 --> 01:05:27,080 Як замест ўстаноўкі яго на нуль, не маглі б вы ўсталяваць яго любіць пусты 1512 01:05:27,080 --> 01:05:28,732 радок ці нешта? 1513 01:05:28,732 --> 01:05:30,020 >> Джэйсан Хиршхорн: Як гэта? 1514 01:05:30,020 --> 01:05:31,270 >> АЎДЫТОРЫЯ: Так. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> Джэйсан Хиршхорн: [неразборліва]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 Не знойдзена. 1519 01:05:42,860 --> 01:05:44,810 Так што лепшы спосаб зрабіць гэта. 1520 01:05:44,810 --> 01:05:46,290 Я прапаную б рабіць гэта. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 Проста ўстаноўка нулявы там. 1523 01:05:53,080 --> 01:05:54,200 Тады вядома, тое, што адбудзецца? 1524 01:05:54,200 --> 01:05:56,050 Гэта збіраецца сысці цалкам. 1525 01:05:56,050 --> 01:06:01,420 Так што, калі мы хацелі захаваць прастору і зрабіць што, мы, верагодна, хочаце зрабіць што-то 1526 01:06:01,420 --> 01:06:05,140 тут таксама. 1527 01:06:05,140 --> 01:06:06,650 Я збіраюся, каб вы пачалі. 1528 01:06:06,650 --> 01:06:09,076 Akshar, дай мне гэтую лінію з кода вельмі хутка. 1529 01:06:09,076 --> 01:06:17,480 >> АЎДЫТОРЫЯ: Калі ocean_array, дэльфін, роўна, роўна, роўна - роўна нуль? 1530 01:06:17,480 --> 01:06:20,342 Так. 1531 01:06:20,342 --> 01:06:21,466 >> Джэйсан Хиршхорн: Тады што? 1532 01:06:21,466 --> 01:06:24,046 >> АЎДЫТОРЫЯ: Затым зрабіць HTML. 1533 01:06:24,046 --> 01:06:27,920 Вы проста скапіяваць ніжнюю код, на самай справе. 1534 01:06:27,920 --> 01:06:29,100 >> Джэйсан Хиршхорн: Скапіюйце што? 1535 01:06:29,100 --> 01:06:30,290 >> АЎДЫТОРЫЯ: Вы можаце капіяваць - 1536 01:06:30,290 --> 01:06:30,340 >> Джэйсан Хиршхорн: Гэта? 1537 01:06:30,340 --> 01:06:31,310 >> АЎДЫТОРЫЯ: Так. 1538 01:06:31,310 --> 01:06:33,115 >> Джэйсан Хиршхорн: Усё гэта? 1539 01:06:33,115 --> 01:06:35,082 У нас няма выявы. 1540 01:06:35,082 --> 01:06:37,386 >> Залы: Я маю на ўвазе вас можаце проста пакінуць - 1541 01:06:37,386 --> 01:06:39,651 так, вы можаце проста зачыніць яго. 1542 01:06:39,651 --> 01:06:41,560 Але я думаю, што трэба ўсталяваць шырыню. 1543 01:06:41,560 --> 01:06:45,280 >> Джэйсан Хиршхорн: Ну, проста стварыць пусты слупок. 1544 01:06:45,280 --> 01:06:45,910 ОК. 1545 01:06:45,910 --> 01:06:48,480 І тады ў гэтым выпадку мы, верагодна, хачу зрабіць гэта, а таксама. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> Ой. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 О. 1550 01:06:59,820 --> 01:07:01,800 Не атрымалася, але мы не атрымліваць гэтую памылку. 1551 01:07:01,800 --> 01:07:03,090 Давайце паглядзім, што адбылося тут. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> Так што нічога няма, так што ты сказаў, мы павінны дадаць? 1554 01:07:09,690 --> 01:07:14,746 >> АЎДЫТОРЫЯ: Мы павінны ўсталяваць шырыня радка. 1555 01:07:14,746 --> 01:07:15,585 >> Джэйсан Хиршхорн: Для чаго? 1556 01:07:15,585 --> 01:07:17,590 >> Залы: Я думаю, што гэта 150. 1557 01:07:17,590 --> 01:07:19,650 >> АЎДЫТОРЫЯ: Так, гэта было 150. 1558 01:07:19,650 --> 01:07:21,390 >> Джэйсан Хиршхорн: Мы змесцім гэта тут захаваць свой код паслядоўным. 1559 01:07:21,390 --> 01:07:21,730 Але гэта не адзін. 1560 01:07:21,730 --> 01:07:22,350 Добра, добра. 1561 01:07:22,350 --> 01:07:23,050 Дададзена. 1562 01:07:23,050 --> 01:07:25,650 ОК? 1563 01:07:25,650 --> 01:07:28,241 Дык гэта ўсё яшчэ ідзе прэч. 1564 01:07:28,241 --> 01:07:29,780 >> АЎДЫТОРЫЯ: О, называюць шырыню? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> Джэйсан Хиршхорн: Гэта выглядае як шырыня складае 150. 1567 01:07:35,140 --> 01:07:36,290 Давайце паглядзім. 1568 01:07:36,290 --> 01:07:39,375 Цяпер мы збіраемся зрабіць у фінал, крута, моцная рэч, што я 1569 01:07:39,375 --> 01:07:40,500 збіраюся паказаць вам. 1570 01:07:40,500 --> 01:07:43,830 Мы не збіраемся скончыць гэты код, але онлайн перш, чым мы кінуць, усё гэта 1571 01:07:43,830 --> 01:07:44,580 Код будзе правільным. 1572 01:07:44,580 --> 01:07:48,970 Я вам па электроннай пошце выпраўленую версію з некаторымі з майго ўласнага стылю пасля 1573 01:07:48,970 --> 01:07:51,020 раздзел, і што будзеце размешчаны ў Інтэрнэце. 1574 01:07:51,020 --> 01:07:53,920 Я заклікаю вас працягваць даследаваць гэты і выкарыстоўваць гэта ў якасці эталона, але я 1575 01:07:53,920 --> 01:07:58,250 хачу паказаць вам канчатковы інструмент для гэтага клас, і гэта тут на 1576 01:07:58,250 --> 01:07:58,920 правая. 1577 01:07:58,920 --> 01:08:01,700 І мы глядзелі на гэта на мінулым тыдні, але зараз спадзяюся, што гэта крыху больш знаёмыя 1578 01:08:01,700 --> 01:08:02,970 Вам і камфортна. 1579 01:08:02,970 --> 01:08:06,730 >> Вы можаце дынамічна гуляць з CSS старонкі. 1580 01:08:06,730 --> 01:08:09,570 Мы на самой справе ўжо бачылі нас дынамічна гуляць з HTML. 1581 01:08:09,570 --> 01:08:13,470 Памятаеце, што мы паступілі правільна націсніце кнопку Змяніць як HTML? 1582 01:08:13,470 --> 01:08:14,090 Прама тут? 1583 01:08:14,090 --> 01:08:16,080 Такім чынам, мы дынамічна гуляў з HTML. 1584 01:08:16,080 --> 01:08:20,620 >> У кансолі можна дынамічна гуляць з JavaScript старонкі. 1585 01:08:20,620 --> 01:08:24,899 Напрыклад, гэта дзейнічае JavaScript лініі. 1586 01:08:24,899 --> 01:08:26,870 Бум, я атрымаў менавіта тое, што я хацеў. 1587 01:08:26,870 --> 01:08:30,060 Так што мы можам дынамічна гуляць з HTML, дынамічна гуляць з 1588 01:08:30,060 --> 01:08:30,550 JavaScript. 1589 01:08:30,550 --> 01:08:32,810 Цяпер мы збіраемся, каб дынамічна гуляць з CSS. 1590 01:08:32,810 --> 01:08:36,630 >> І ўсё гэта таму, што гэта ўсё роўна, імгненна, жыць GDB зваротную сувязь, і таму вы 1591 01:08:36,630 --> 01:08:39,979 можа ведаць права нешта адбываецца перш, чым мець ісці код, і вы можаце 1592 01:08:39,979 --> 01:08:41,790 не думаю, што нешта будзе выглядаць. 1593 01:08:41,790 --> 01:08:43,050 Так што гэта супер пупер крута. 1594 01:08:43,050 --> 01:08:45,850 >> І давайце, нарэшце, паглядзім на дынамічна гуляць з CSS. 1595 01:08:45,850 --> 01:08:49,560 Вось тут справа бок, element.style. 1596 01:08:49,560 --> 01:08:50,420 Пойдзем да гэтага. 1597 01:08:50,420 --> 01:08:51,740 Вось наш элемент. 1598 01:08:51,740 --> 01:08:54,689 Давайце дамо яму некаторы дадатковае CSS. 1599 01:08:54,689 --> 01:09:00,300 >> Ці шкада, мы маглі б даць яму некаторыя дадатковыя CSS, але, верагодна, у дадзеным выпадку, 1600 01:09:00,300 --> 01:09:03,330 хочаце змяніць гэты атрыбут. 1601 01:09:03,330 --> 01:09:05,535 Так што давайце ісці сюды да гэтай лініі. 1602 01:09:05,535 --> 01:09:06,785 О, я не магу зрабіць гэта тут. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 Выбачайце. 1605 01:09:11,689 --> 01:09:12,939 Рэдагаваць AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 так што гэта, як вы маглі рэдагаваць CSS. 1608 01:09:19,270 --> 01:09:21,804 Мы не збіраемся рэдагаваць CSS у гэтым Другі, але мы хочам, каб змяніць 1609 01:09:21,804 --> 01:09:24,439 HTML і даць яму дадаткова атрыбут. 1610 01:09:24,439 --> 01:09:26,762 Што вы прапануеце змяніць яе на? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 Я думаў, Эві была прапанова. 1613 01:09:31,170 --> 01:09:32,420 >> АЎДЫТОРЫЯ: Col шырыня? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> Джэйсан Хиршхорн: Гэта было падобна гэта нічога не рабіць таксама. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 Давайце паспрабуем CSS. 1618 01:09:45,803 --> 01:09:46,707 >> АЎДЫТОРЫЯ: [неразборліва] Клас? 1619 01:09:46,707 --> 01:09:48,310 >> Джэйсан Хиршхорн: Ён кажа ён не працуе. 1620 01:09:48,310 --> 01:09:49,260 Гэта дае, што жоўты рэч. 1621 01:09:49,260 --> 01:09:51,660 >> Залы: Але [неразборліва]. 1622 01:09:51,660 --> 01:09:56,883 >> АЎДЫТОРЫЯ: Вы не ўстаноўкі шырыні ладу да 150, калі вы гэта робіце? 1623 01:09:56,883 --> 01:09:59,741 Як бы вам не проста выкарыстоўваць шырыню? 1624 01:09:59,741 --> 01:10:00,740 >> Джэйсан Хиршхорн: Так. 1625 01:10:00,740 --> 01:10:02,785 >> Залы: Але ў нас няма малюнак больш. 1626 01:10:02,785 --> 01:10:03,340 >> Джэйсан Хиршхорн: Не. 1627 01:10:03,340 --> 01:10:04,290 У нас няма нічога там. 1628 01:10:04,290 --> 01:10:07,990 Так што мы не збіраемся вырашыць Спецыфічнай праблемай. 1629 01:10:07,990 --> 01:10:11,190 Мы збіраемся вярнуцца да Akshar'S рашэнне, таму што я хачу, каб усталяваць 1630 01:10:11,190 --> 01:10:14,160 Дэльфін бясплатна ў цяперашні час, ці гэта апошняе, 1631 01:10:14,160 --> 01:10:14,710 што я хачу, каб скончыць. 1632 01:10:14,710 --> 01:10:18,340 Так што мы збіраемся, каб пакінуць гэта тут прызнаючы, што гэта не зусім 1633 01:10:18,340 --> 01:10:19,870 правільна, і мы збіраемся каб вярнуцца да яго. 1634 01:10:19,870 --> 01:10:21,230 >> Выбачайце. 1635 01:10:21,230 --> 01:10:23,380 Я сказаў, што мы можам дынамічна змяніць CSS. 1636 01:10:23,380 --> 01:10:26,060 Давайце паглядзім на што і рабіць што вельмі хутка. 1637 01:10:26,060 --> 01:10:28,910 Так што, калі я агледзець гэты элемент тут, і сказаць, што я хачу зрабіць яго сіні, 1638 01:10:28,910 --> 01:10:32,850 Вы можаце прыйсці сюды, колер, таму што Я ведаю, што змяняе колер 1639 01:10:32,850 --> 01:10:36,710 і тое, і мы бачылі, як ён змяніў гэта сіні. 1640 01:10:36,710 --> 01:10:38,850 Дык вось мне дынамічна змены CSS. 1641 01:10:38,850 --> 01:10:42,150 Не змяняе яго назаўсёды, але потым Я магу вярнуцца ў маю CSS файл і 1642 01:10:42,150 --> 01:10:44,990 змяніць колер аб'екта. 1643 01:10:44,990 --> 01:10:46,610 >> ОК. 1644 01:10:46,610 --> 01:10:48,180 Гэта было шмат. 1645 01:10:48,180 --> 01:10:50,480 Мы не скончыць сваю дзіўную праграму. 1646 01:10:50,480 --> 01:11:00,352 Дазвольце мне паказаць вам, што гэта сапраўды хутка, і тады мы будзем фармаваць качан. 1647 01:11:00,352 --> 01:11:01,860 О, дзе гэта? 1648 01:11:01,860 --> 01:11:02,710 Няма! 1649 01:11:02,710 --> 01:11:03,960 Трымайся. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> Такім чынам, як вы ўпакоўкі, Дзіўна папярэдняга прагляду, або пярэдні 1652 01:11:24,350 --> 01:11:25,330 паглядзець, з наступнага разу. 1653 01:11:25,330 --> 01:11:30,880 Гэта Дэльфін трэнерам 2013, і ён не працуе. 1654 01:11:30,880 --> 01:11:32,048 Вялікі. 1655 01:11:32,048 --> 01:11:36,240 >> [Смех] 1656 01:11:36,240 --> 01:11:37,300 >> Джэйсан Хиршхорн: О! 1657 01:11:37,300 --> 01:11:38,085 Бум! 1658 01:11:38,085 --> 01:11:38,950 Што гэта значыць? 1659 01:11:38,950 --> 01:11:39,700 >> АЎДЫТОРЫЯ: Вы не CHMOD. 1660 01:11:39,700 --> 01:11:41,430 >> Джэйсан Хиршхорн: Я не CHMOD яго. 1661 01:11:41,430 --> 01:11:42,680 >> АЎДЫТОРЫЯ: Шэраг адзін. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> Джэйсан Хиршхорн: О, паглядзіце на гэта. 1664 01:11:54,930 --> 01:11:55,710 ОК. 1665 01:11:55,710 --> 01:11:57,280 Так, у мяне ёсць шэсць дэльфінаў. 1666 01:11:57,280 --> 01:11:57,730 Што адбываецца? 1667 01:11:57,730 --> 01:11:58,060 Давайце паглядзім. 1668 01:11:58,060 --> 01:12:02,595 Калі я трэніруюся адзін, цяпер навучанне Лілі. 1669 01:12:02,595 --> 01:12:04,910 О, я хачу, каб вызваліць цябе, Лілі. 1670 01:12:04,910 --> 01:12:06,660 Там вы ідзяце, назад у акіян. 1671 01:12:06,660 --> 01:12:07,950 >> Так, каб было на гэтым тыдні. 1672 01:12:07,950 --> 01:12:09,500 Калі ў вас узніклі пытанні, мы будзем на вуліцы. 1673 01:12:09,500 --> 01:12:11,340 І зноў жа, я адпраўлю цябе астатняя частка гэтага кода. 1674 01:12:11,340 --> 01:12:12,590 Дзякуй вам, хлопцы. 1675 01:12:12,590 --> 01:12:15,723