1 00:00:00,000 --> 00:00:07,920 2 00:00:07,920 --> 00:00:10,850 >> JASON Hirschhorn: Croeso, bawb, i wythnos naw. 3 00:00:10,850 --> 00:00:14,800 Mae gennym wythnos cyffrous o'n blaenau oherwydd ein bod wedi ein set problem terfynol. 4 00:00:14,800 --> 00:00:18,330 Mae gennym hefyd iaith newydd sbon, JavaScript, eich bod eisoes yn 5 00:00:18,330 --> 00:00:22,690 nghanol defnyddio nid yn unig ar gyfer y set broblem, ond mae llawer ohonoch yn 6 00:00:22,690 --> 00:00:24,780 yn ôl pob tebyg ddefnyddio er mwyn terfynol prosiectau, yn enwedig 7 00:00:24,780 --> 00:00:26,000 prosiectau terfynol ar y we. 8 00:00:26,000 --> 00:00:32,330 Felly, dyna beth y byddwn yn mynd dros heddiw ar ôl siarad yn fyr am adnoddau, 9 00:00:32,330 --> 00:00:33,180 yr ydym yn ei wneud bob wythnos. 10 00:00:33,180 --> 00:00:36,850 Byddwn yn neidio i mewn JavaScript, ac yna byddwn yn gwario'r holl adran gyda 11 00:00:36,850 --> 00:00:44,460 ymarferol ar weithgarwch codio Dolphin Hyfforddwr 2G13, sydd fel Madden 12 00:00:44,460 --> 00:00:48,650 2013, ond ar gyfer dolffiniaid ac yn JavaScript. 13 00:00:48,650 --> 00:00:49,910 >> [Chwerthin] 14 00:00:49,910 --> 00:00:53,670 >> JASON Hirschhorn: Felly, fel bob amser, rhestr o adnoddau ar gyfer i chi edrych ar. 15 00:00:53,670 --> 00:01:00,040 Mae'r adnoddau hyn yn arbennig o bwysig oherwydd yr wythnos nesaf ar 16 00:01:00,040 --> 00:01:05,630 Dydd Mercher yw cwis un, eich ail a chwis derfynol yn y cwrs hwn. 17 00:01:05,630 --> 00:01:10,700 Yn union fel cwis sero, mae'n 75 munud ac yn dechrau ychydig ar ôl 13:00. 18 00:01:10,700 --> 00:01:16,400 Mae'n cwmpasu popeth ers dydd sero y cwrs hwn, ond mae'n sicr 19 00:01:16,400 --> 00:01:20,360 pwysleisio popeth sydd wedi digwydd ers un cwis. 20 00:01:20,360 --> 00:01:23,610 >> Ond wrth gwrs, yr ydym yn dan do ar gyfer dolenni yn y dechrau y flwyddyn. 21 00:01:23,610 --> 00:01:27,130 Ar gyfer dolenni yn debyg, yn dal yn mynd i fod yn rhan o'r cwis hwn, felly nid yw'n 22 00:01:27,130 --> 00:01:31,050 fel y gallwch anwybyddu popeth sy'n digwydd o'r blaen wythnos pum neu gwis sero 23 00:01:31,050 --> 00:01:32,910 oherwydd bod y cwrs hwn yn adeiladu ar ei hun lawer. 24 00:01:32,910 --> 00:01:37,080 Ond yn sicr bydd y pwyslais ar pethau rydym wedi dysgu ers yr wythnos chwech. 25 00:01:37,080 --> 00:01:42,520 Mae hynny'n cynnwys PHP, JavaScript, SQL i fod yn sicr, a hefyd y mwy datblygedig 26 00:01:42,520 --> 00:01:46,560 strwythurau data buom yn siarad am yn C. Mae llu o bynciau eraill, ond yr ydym yn 27 00:01:46,560 --> 00:01:49,860 yn trafod yr wythnos nesaf wrth inni adolygu ar gyfer y cwis. 28 00:01:49,860 --> 00:01:52,940 >> A hefyd, fel bob amser, os oes gennych unrhyw gwestiynau am y cwis wrth i chi yn 29 00:01:52,940 --> 00:01:56,690 paratoi, mae croeso i anfon fy ffordd iddynt. 30 00:01:56,690 --> 00:02:00,230 Ar hyn o bryd, a oes unrhyw un yn cael unrhyw cwestiynau cyflym am y cwis? 31 00:02:00,230 --> 00:02:03,140 32 00:02:03,140 --> 00:02:03,380 >> OK. 33 00:02:03,380 --> 00:02:06,440 Nid oes angen i chi boeni am y peth neu freak gwybod am hyn o bryd, ond cadwch hynny mewn 34 00:02:06,440 --> 00:02:10,130 nghefn eich meddwl, oherwydd dyna digwydd yr wythnos a diwrnod o hyn. 35 00:02:10,130 --> 00:02:15,030 >> Yn olaf, yr wyf yn gwybod ein bod yn rhedeg tuag diwedd y semester - 36 00:02:15,030 --> 00:02:19,910 dim ond dwy adran sy'n weddill ar ôl hyn - ond yr wyf yn dal cyffroi a 37 00:02:19,910 --> 00:02:21,930 awyddus am eich adborth os oes gennych unrhyw. 38 00:02:21,930 --> 00:02:24,500 Yr wyf am wneud rhai y mae'r ddwy adran gorau erioed. 39 00:02:24,500 --> 00:02:27,670 Maent yn ôl pob tebyg fod, oherwydd bod gan bob adran hon yn anhygoel a'r gorau erioed. 40 00:02:27,670 --> 00:02:32,260 Nid wyf yn gwybod sut mae hynny'n bosibl, ond maent i gyd wedi bod yn wych, yr wyf yn meddwl. 41 00:02:32,260 --> 00:02:37,560 >> Mae'r adborth a Rwyf wedi gotten yn ymlwybro i ffwrdd i ddim a dim ers gyfer y 42 00:02:37,560 --> 00:02:40,880 pythefnos diwethaf, felly, rhowch mi adborth os yw gennych. 43 00:02:40,880 --> 00:02:42,910 Mae'n cymryd tri munud. 44 00:02:42,910 --> 00:02:44,900 A allwch ddweud wrthyf pethau da i chi am i mi barhau i wneud neu 45 00:02:44,900 --> 00:02:46,080 pethau y gallaf weithio ar. 46 00:02:46,080 --> 00:02:49,700 Im 'yn ceisio i fod yn athro gorau bosibl, neu Im 'yn ceisio i wneud y gorau 47 00:02:49,700 --> 00:02:52,920 Gallaf, ond ni allaf wneud hynny os nad wyf yn yn gwybod sut yr ydych guys yn ei wneud. 48 00:02:52,920 --> 00:02:55,080 Ac mae'n anodd dweud pam eich bod yn syrthio cysgu yn y dosbarth, felly gadewch i mi 49 00:02:55,080 --> 00:02:58,250 gwybod ar ôl pam oedd hynny'n wir. 50 00:02:58,250 --> 00:03:00,940 >> Yr wyf yn dangos i chi y ddelwedd hon yr wythnos diwethaf. 51 00:03:00,940 --> 00:03:06,910 Mae hyn yn y Teenage Mutant Ninja crwbanod beic a gefais pan oeddwn yn iau, 52 00:03:06,910 --> 00:03:12,350 ac rydym yn parhau i wthio i chi guys heb olwynion hyfforddi wrth i ni drochi 53 00:03:12,350 --> 00:03:13,630 chi mewn iaith arall. 54 00:03:13,630 --> 00:03:18,420 Ond yn dawel eich meddwl, JavaScript, fel PHP, yn debyg iawn i bethau rydych wedi 55 00:03:18,420 --> 00:03:18,990 wneud yn y gorffennol. 56 00:03:18,990 --> 00:03:24,100 Mae llawer o'r rhesymeg trosglwyddo drosodd, os nid yw'r cystrawen, yn union un-i-un. 57 00:03:24,100 --> 00:03:26,910 Ond unwaith eto, mae'r holl ieithoedd hyn sy'n rydym wedi mynd drosodd yn y cwpl yn y gorffennol 58 00:03:26,910 --> 00:03:30,175 wythnos, er eu bod yn ymddangos yn llethol, yn hynod o bwerus a bydd yn caniatáu 59 00:03:30,175 --> 00:03:34,440 i chi wneud llawer yn eich prosiect terfynol a gwefannau eraill yn ôl pob tebyg eich bod 60 00:03:34,440 --> 00:03:36,180 cod yn y dyfodol. 61 00:03:36,180 --> 00:03:41,000 >> Felly, heb ado pellach, rydym yn mynd i ddechrau plymio i JavaScript. 62 00:03:41,000 --> 00:03:44,630 Rydym yn mynd i siarad am y peth yn fyr a Yna, mewn gwirionedd yn cael i mewn i'r ymarferol 63 00:03:44,630 --> 00:03:48,300 codio ran o'r adran hon. 64 00:03:48,300 --> 00:03:53,000 Felly JavaScript yn sgriptio ar ochr cleientiaid iaith, sy'n golygu ei fod yn 65 00:03:53,000 --> 00:03:56,740 yn wahanol na PHP ac mae'n wahanol na pheidio C. JavaScript wedi llunio a 66 00:03:56,740 --> 00:03:58,740 nid yw'n ei gyflawni gan y gweinydd. 67 00:03:58,740 --> 00:04:02,090 Yn hytrach, byddwch yn ei lwytho. 68 00:04:02,090 --> 00:04:06,710 Chi lwytho tudalen JavaScript pan fyddwch yn llwytho tudalen ar y we, ac yna mae'n executes 69 00:04:06,710 --> 00:04:08,020 ar eich peiriant. 70 00:04:08,020 --> 00:04:11,120 Sy'n golygu y gallwch weld yr holl JavaScript cod a oedd yn 71 00:04:11,120 --> 00:04:12,240 ei anfon i'ch cyfrifiadur. 72 00:04:12,240 --> 00:04:21,750 >> Weithiau mae'n fyrhau neu godedig yn bit, amgryptio ychydig, er mwyn i chi 73 00:04:21,750 --> 00:04:23,390 Ni all ddweud yn benodol beth sy'n mynd ymlaen. 74 00:04:23,390 --> 00:04:26,920 Er enghraifft, os ydych yn edrych ar CS50 neu yr ateb staff ar gyfer yr wythnos 75 00:04:26,920 --> 00:04:31,260 broblem a osodwyd, a byddwch yn mynd i service.js, byddwch yn sylwi na allwch ddweud mewn gwirionedd 76 00:04:31,260 --> 00:04:32,560 beth i'w wneud o'r hyn yr ydym yn rhoi i chi. 77 00:04:32,560 --> 00:04:37,020 Rydym yn amgryptio ei fod yn rhan i wneud bod ychydig yn fwy anodd. 78 00:04:37,020 --> 00:04:40,450 Serch hynny, gallwch weld yr union JavaScript ffeil ein bod yn gweithredu 79 00:04:40,450 --> 00:04:42,010 ac mae ein rhaglen yn cael ei rhedeg ar. 80 00:04:42,010 --> 00:04:46,510 Felly, dyna beth mae'n ei olygu i fod yn iaith sgriptio ochr cleientiaid. 81 00:04:46,510 --> 00:04:51,280 >> Yn debyg i C a PHP, fodd bynnag, JavaScript Mae ar gyfer dolenni, os / arall 82 00:04:51,280 --> 00:04:52,715 amodau, tra dolenni. 83 00:04:52,715 --> 00:04:58,290 Yn debyg i PHP, mae ganddo dolen foreach hefyd. 84 00:04:58,290 --> 00:05:02,270 Ac eto, yn debyg iawn i'r cystrawennau yr ydym wedi'u gweld yn 85 00:05:02,270 --> 00:05:04,430 ieithoedd sydd rydym wedi eisoes yn gweithio gyda nhw. 86 00:05:04,430 --> 00:05:07,650 >> Yn olaf, un o rannau oeraf JavaScript, ac yn rhywbeth y byddwn yn 87 00:05:07,650 --> 00:05:10,010 yn gwneud llawer heddiw, ac mae'n debyg wnewch chi helpu yn gwneud llawer gyda'ch P osod os ydych yn 88 00:05:10,010 --> 00:05:13,810 Nid yw wedi profi eisoes, yw eich Gall edrych ar yr holl wallau sydd gennych 89 00:05:13,810 --> 00:05:16,290 yn eich cod drwy JavaScript Console. 90 00:05:16,290 --> 00:05:17,770 Rydym yn edrych arno yr wythnos ychydig diwethaf. 91 00:05:17,770 --> 00:05:21,800 Rydym yn edrych ar wahanol fath o consol i arolygu dudalen, ond mewn 92 00:05:21,800 --> 00:05:28,420 Chrome, unwaith eto, gallwch weld y cynllun, HTML, dogfennu bod eich tudalen yn 93 00:05:28,420 --> 00:05:29,310 ddangos i chi ar y sgrîn. 94 00:05:29,310 --> 00:05:33,820 Gallwch hefyd weld pob un o'r JavaScript ffurf y dudalen, a gallwch hefyd, fel 95 00:05:33,820 --> 00:05:36,410 Dywedais, gweld yr holl o'r gwallau yn y JavaScript Console. 96 00:05:36,410 --> 00:05:40,110 A byddwn yn profi bod mwy yn ychydig pan fyddwn yn dechrau codio. 97 00:05:40,110 --> 00:05:42,380 >> Un peth i'w nodi am JavaScript newidynnau. 98 00:05:42,380 --> 00:05:46,950 Fel newidynnau PHP, maen nhw'n llac-deipio, felly nid oes angen i chi 99 00:05:46,950 --> 00:05:48,690 rhoi math penodol iddynt. 100 00:05:48,690 --> 00:05:52,330 O ran cwmpas, a ddiffinnir gan y "var" allweddair. 101 00:05:52,330 --> 00:05:54,890 Felly, os nad ydych yn rhoi allweddair o flaen o rywbeth, 'ch jyst ysgrifennwch enw'r 102 00:05:54,890 --> 00:05:57,870 y newidyn, yna aseiniad gweithredwr, yn yr achos hwn yr arwydd cyfartal. 103 00:05:57,870 --> 00:06:00,360 Rydw i'n anghofio hanner colon iawn yno, ond cymryd yn ganiataol mae yna colon 104 00:06:00,360 --> 00:06:01,590 iawn yno. 105 00:06:01,590 --> 00:06:03,520 >> Yna rydych chi'n creu newidyn byd-eang. 106 00:06:03,520 --> 00:06:06,960 Os byddwch yn rhoi'r gair allweddol "var", yna eich bod yn rhoi rhyw fath o lleol 107 00:06:06,960 --> 00:06:10,050 cwmpas, boed hynny i swyddogaeth neu dolen. 108 00:06:10,050 --> 00:06:12,215 Felly, dyna un peth i Nodi, er newidynnau. 109 00:06:12,215 --> 00:06:15,650 110 00:06:15,650 --> 00:06:17,550 >> JavaScript yw iaith. 111 00:06:17,550 --> 00:06:21,830 jQuery yn y llyfrgell a adeiladwyd ar ben yr iaith JavaScript, ac mae gennych 112 00:06:21,830 --> 00:06:24,180 ei weld o'r blaen yn y ddarlith. 113 00:06:24,180 --> 00:06:28,010 Fi 'n dal argymell, os ydych yn mynd i yn defnyddio JavaScript yn eich derfynol 114 00:06:28,010 --> 00:06:29,690 prosiect, eich bod yn dod i adnabod jQuery. 115 00:06:29,690 --> 00:06:33,140 Mae'n gwneud popeth rydych eisiau i wneud llawer, llawer haws. 116 00:06:33,140 --> 00:06:36,730 Mae hefyd comes ag wych dogfennaeth ac enghreifftiau i helpu i gael 117 00:06:36,730 --> 00:06:37,080 i chi ddechrau. 118 00:06:37,080 --> 00:06:39,430 Heddiw rydyn ni'n mynd i fod yn ddefnyddio jQuery yn ogystal. 119 00:06:39,430 --> 00:06:43,320 >> Mae'r rhain, yr hyn yr wyf yn ei gael ar y sleid hon, yw'r union elfennau sylfaenol o jQuery. 120 00:06:43,320 --> 00:06:47,200 Yn frig eich ffeil HTML neu beth bynnag - eich ffeil index.php, eich 121 00:06:47,200 --> 00:06:50,070 ffeil index.html - mae angen i chi cynnwys y rhain ddwy linell. 122 00:06:50,070 --> 00:06:51,540 Mae'r rhain yn llinellau eithaf generig. 123 00:06:51,540 --> 00:06:57,350 Mae'r llinell gyntaf yn cynnwys jQuery JavaScript ffeil, ac mae'r ail linell 124 00:06:57,350 --> 00:07:00,410 yn cynnwys ble bynnag yr ydych wedi ysgrifennu eich cod JavaScript hun. 125 00:07:00,410 --> 00:07:03,240 Ac wrth gwrs, oherwydd yn eich JavaScript cod rydych chi wedi'u defnyddio yn ôl pob tebyg 126 00:07:03,240 --> 00:07:07,800 rai swyddogaethau llyfrgell jQuery, y mae angen i fynd ar ôl y 127 00:07:07,800 --> 00:07:09,650 sgript cynhwysiant jQuery. 128 00:07:09,650 --> 00:07:12,560 129 00:07:12,560 --> 00:07:15,550 Byddwn yn archwilio hyn eto mewn munud. 130 00:07:15,550 --> 00:07:21,640 >> Ac yn olaf, yn y ffeil JavaScript, Yr wyf yn galw hyn yn un index.js. 131 00:07:21,640 --> 00:07:22,640 Gallai fod yn scripts.js. 132 00:07:22,640 --> 00:07:26,510 Beth bynnag ydyw, pa bynnag JavaScript ffeil ydych chi, byddwch yn dechrau ar y cyfan 133 00:07:26,510 --> 00:07:30,780 gyda llinell hon o god, arwydd doler, paren agored, dogfen, paren agos, 134 00:07:30,780 --> 00:07:34,810 cyfnod, yn barod, paren agored, swyddogaeth, paren agored, paren agos, ac yna 135 00:07:34,810 --> 00:07:35,490 Brace cyrliog. 136 00:07:35,490 --> 00:07:38,930 Taflwch eich cod y tu mewn yno, ac yna yn dod i ben 'i ag a Brace cyrliog, yn agos 137 00:07:38,930 --> 00:07:40,590 paren, hanner colon. 138 00:07:40,590 --> 00:07:42,550 >> Felly, yn cymryd hyn yn ganiataol. 139 00:07:42,550 --> 00:07:47,250 Os ydych yn mynd i gael ei ddefnyddio jQuery, lapio pob un eich cod jQuery y tu mewn 140 00:07:47,250 --> 00:07:49,230 y llinell hon o god. 141 00:07:49,230 --> 00:07:53,150 A byddwn yn gweld hynny eto mewn eiliad. 142 00:07:53,150 --> 00:07:56,170 >> Unwaith eto byddwn yn gweithio gyda jQuery, a chofiwch ofyn cwestiynau wrth i ni fynd 143 00:07:56,170 --> 00:07:58,420 heddiw, ond nid unrhyw un yn cael unrhyw gwestiynau am jQuery neu 144 00:07:58,420 --> 00:07:59,670 JavaScript ar hyn o bryd? 145 00:07:59,670 --> 00:08:11,410 146 00:08:11,410 --> 00:08:11,780 >> OK. 147 00:08:11,780 --> 00:08:16,780 Felly, heb ado pellach, yr wyf yn cyflwyno i chi Dolphin Hyfforddwr 2G13. 148 00:08:16,780 --> 00:08:20,656 Yr wyf yn super gyffrous am hyn diweddaraf fersiwn o'r cynnyrch. 149 00:08:20,656 --> 00:08:22,620 >> O, na! 150 00:08:22,620 --> 00:08:23,590 Roeddwn mor gyffrous. 151 00:08:23,590 --> 00:08:28,030 Yr oeddwn yn mynd i ddangos i chi guys, ond mae'n edrych fel nad ydym wedi 152 00:08:28,030 --> 00:08:28,720 rhoi ar waith eto. 153 00:08:28,720 --> 00:08:30,340 Gadewch i ni wneud ychydig yn fwy hwn. 154 00:08:30,340 --> 00:08:35,789 Felly os wyf yn llwytho'r cod ar gyfer Dolphin Hyfforddwr - Dang ei. 155 00:08:35,789 --> 00:08:37,210 Mae'n ddrwg gen i, guys. 156 00:08:37,210 --> 00:08:38,520 Oeddwn yn gweithio ar hyn cyn y dosbarth. 157 00:08:38,520 --> 00:08:40,350 Yr wyf yn meddwl y byddwn i'n wedi ei orffen, ond mae'n debyg fy mod yn dal i gael rhywfaint o 158 00:08:40,350 --> 00:08:41,210 gwaith ar ôl i'w wneud. 159 00:08:41,210 --> 00:08:44,400 Ond diolch byth, i chi guys i gyd yn cael rhywfaint o JavaScript a jQuery arfer, felly 160 00:08:44,400 --> 00:08:48,110 gadewch i ni fynd yn ei flaen ac yn gorffen hon gyda'n gilydd. 161 00:08:48,110 --> 00:08:50,360 >> Rwy'n credu fy mod anfon guys copďau o hwn, oherwydd fy mod yn super gyffrous 162 00:08:50,360 --> 00:08:52,710 am y peth, felly dylech gael yr un cod sydd gennyf. 163 00:08:52,710 --> 00:08:55,490 Gadewch i ben i - 164 00:08:55,490 --> 00:08:56,600 dang iddo, guys, mae'n ddrwg gen. 165 00:08:56,600 --> 00:08:59,280 Gadewch i ben i mewn i'r derfynell, er. 166 00:08:59,280 --> 00:09:02,770 >> Yn union fel eich problem yn y gorffennol setiau, os oes gennych fy - 167 00:09:02,770 --> 00:09:05,130 gadewch i ni wneud ychydig hwn yn fwy, hefyd, i chi guys - 168 00:09:05,130 --> 00:09:06,740 ydych yn cymryd fy ffeil sip. 169 00:09:06,740 --> 00:09:10,670 Rydych yn unzipped mae'n debyg. 170 00:09:10,670 --> 00:09:12,970 Gadewch i ni fynd yma. 171 00:09:12,970 --> 00:09:22,360 Ac yna gobeithio, i chi symud i mewn i yr un cyfeiriadur lle rydych yn arbed 172 00:09:22,360 --> 00:09:23,540 eich problem yn gosod wyth cod. 173 00:09:23,540 --> 00:09:26,780 Ac rydym yn arbed yn y cyfeiriadur yna felly gallaf mynediad iddo - neu gallwn ni i gyd gael mynediad at y 174 00:09:26,780 --> 00:09:31,740 cod yn y porwr Chrome ar ein cyfrifiadur. 175 00:09:31,740 --> 00:09:36,880 >> Ac unwaith eto, i gael at y cod hwnnw, yr ydych yn teipiwch y cyfeiriad a geir yn 176 00:09:36,880 --> 00:09:41,180 y gwaelod, ochr dde eich offer, i lawr yma. 177 00:09:41,180 --> 00:09:42,490 Byddwch yn dod o hyd i eich cyfeiriad IP. 178 00:09:42,490 --> 00:09:45,260 Gallwch deipio hynny yn y porwr Chrome ar eich cyfrifiadur, ac yn yr achos hwn, 179 00:09:45,260 --> 00:09:49,110 ers i ni yn yr adran naw folder, mae gennym hefyd i ychwanegu 180 00:09:49,110 --> 00:09:51,340 slaes adran naw. 181 00:09:51,340 --> 00:09:52,820 >> Gadewch i mi - 182 00:09:52,820 --> 00:09:54,070 wps. 183 00:09:54,070 --> 00:09:55,610 184 00:09:55,610 --> 00:09:58,980 Rydw i'n mynd i leihau hyn felly nid wyf yn ei wneud rhaid inni barhau i glicio drwy hynny. 185 00:09:58,980 --> 00:10:00,150 >> Felly dyna sut yr wyf yn sefydlu cod hwn. 186 00:10:00,150 --> 00:10:01,710 Rwyf eisoes wedi gwneud hynny eisoes. 187 00:10:01,710 --> 00:10:04,080 Dydw i ddim yn mynd i fynd drwy'r rheiny camau oherwydd dyna beth mae'r 188 00:10:04,080 --> 00:10:06,090 dechrau o'r broblem a osodwyd teithiau cerdded chi drwy sut i wneud. 189 00:10:06,090 --> 00:10:11,520 Felly, mynd yn ei flaen a byddwch yn cael i osod hwn i fyny mewn eiliad, ond gadewch gyntaf 190 00:10:11,520 --> 00:10:14,740 archwilio cod hwn fel grŵp. 191 00:10:14,740 --> 00:10:15,990 >> Gadewch i ni weld beth wnes i. 192 00:10:15,990 --> 00:10:18,340 Yr wyf yn ceisio cael y rhan fwyaf ohono ei wneud cyn y dosbarth, ond yr wyf yn credu fy mod 193 00:10:18,340 --> 00:10:20,140 oedd ychydig y tu ôl. 194 00:10:20,140 --> 00:10:22,643 Felly, gadewch i ni agor index.html. 195 00:10:22,643 --> 00:10:36,600 196 00:10:36,600 --> 00:10:36,920 >> OK. 197 00:10:36,920 --> 00:10:39,780 Ac index.html yn syml iawn dudalen oherwydd nid i ddim 198 00:10:39,780 --> 00:10:40,630 eisiau mynd yn rhy crazy. 199 00:10:40,630 --> 00:10:43,200 Fi 'n sylweddol eisiau gwneud yn siŵr ei fod yn yn gweithio, ond mae'n debyg fy mod 200 00:10:43,200 --> 00:10:44,830 nid oedd yn cael mor bell â hynny. 201 00:10:44,830 --> 00:10:48,600 >> Dyma y pen, sy'n dod i'r dde y tu mewn tagiau HTML hynny, ac rydym yn sylwi 202 00:10:48,600 --> 00:10:50,180 cwpl pethau dde oddi ar y ystlumod. 203 00:10:50,180 --> 00:10:55,320 Mae gennym y ffeil CSS cywir yma ac briodol 204 00:10:55,320 --> 00:10:57,600 lleoliad y ffeil CSS. 205 00:10:57,600 --> 00:11:02,080 Mae gennym llyfrgell jQuery yma, a byddwch yn sylwi ar rywbeth gwahanol 206 00:11:02,080 --> 00:11:03,470 am hyn. 207 00:11:03,470 --> 00:11:06,070 Y ffynhonnell yn rhywbeth iawn, iawn hir. 208 00:11:06,070 --> 00:11:07,500 ajax.googleapis.com/-- 209 00:11:07,500 --> 00:11:12,880 math o yn edrych fel URL, ond mae'n Nid yw yn sicr yn edrych fel 210 00:11:12,880 --> 00:11:15,380 js jquery.js /. 211 00:11:15,380 --> 00:11:20,280 >> Ac mae hynny oherwydd penderfynais fy mod nad ydych am i gael i lwytho i lawr y 212 00:11:20,280 --> 00:11:23,750 jQuery ffeil, a'i lusgo ac arbed yn fy llyfrgell, a bod yn 213 00:11:23,750 --> 00:11:25,150 gyfrifol amdano. 214 00:11:25,150 --> 00:11:31,040 Yn hytrach, Im 'jyst yn mynd i gymryd y JavaScript ffeil sy'n cynnal Google. 215 00:11:31,040 --> 00:11:34,880 Felly Google mewn gwirionedd yn cynnal nifer o llyfrgelloedd, a jQuery, gan ei fod yn un 216 00:11:34,880 --> 00:11:36,930 o'r rhai mwyaf poblogaidd, mae'n cynnal bod un hefyd. 217 00:11:36,930 --> 00:11:40,670 >> Ac oherwydd ei fod yn cynnal ei, nid wyf yn Mae angen i chi boeni am y peth, ac maent yn 218 00:11:40,670 --> 00:11:43,520 diweddaru, ond pan fyddant yn diweddaru Mae'n debyg y bydd rhaid i mi newid y 219 00:11:43,520 --> 00:11:44,640 nifer cywir yma. 220 00:11:44,640 --> 00:11:47,570 Ond dim ond i wneud fy holl ffeiliau system ychydig yn llai glân. 221 00:11:47,570 --> 00:11:49,380 Dydw i ddim yn hoffi cynnal holl ffeiliau hyn. 222 00:11:49,380 --> 00:11:51,780 Mae'n llawer brafiach os Google yn gorfod cynnal eu i mi. 223 00:11:51,780 --> 00:11:55,180 Felly, mae hyn, unwaith eto, yn cael y cyfan JavaScript ffeil, ond mae'n dim ond bod 224 00:11:55,180 --> 00:11:59,920 a gynhaliwyd gan Google yn hytrach nag ar fy system ffeil ar fy nghyfrifiadur. 225 00:11:59,920 --> 00:12:05,490 >> Rydym hefyd yn gweld fy mod yn rhoi mewn dau mwy ffeiliau dolphins.js a trainer.js. 226 00:12:05,490 --> 00:12:07,070 Byddwn yn edrych ar y rheini mewn eiliad. 227 00:12:07,070 --> 00:12:10,550 Ac yn olaf, y teitl hwn iawn yma. 228 00:12:10,550 --> 00:12:13,980 Pwy all ddweud wrthyf beth y cod hwn y tu mewn tagiau teitl hyn, lle 229 00:12:13,980 --> 00:12:18,316 sy'n mynd ar fy dudalen? 230 00:12:18,316 --> 00:12:21,560 >> GYNULLEIDFA: Fel y peth sy'n y bar offer neu beth bynnag? 231 00:12:21,560 --> 00:12:23,500 >> JASON Hirschhorn: Yeah, y tab bach ar frig y ffenestr Chrome. 232 00:12:23,500 --> 00:12:25,650 Dyna lle y testun yn mynd. 233 00:12:25,650 --> 00:12:28,680 >> Y tu mewn i'r corff, ag y gallwch gweld, nid yw llawer pethau yma. 234 00:12:28,680 --> 00:12:30,900 Mae gen i dim ond tri divs. 235 00:12:30,900 --> 00:12:33,130 Yr wyf yn rhoi rhywfaint o IDs iddynt, ac Yr wyf yn rhoi ychydig o destun mewn 236 00:12:33,130 --> 00:12:37,350 Ond yr wyf yn dyfalu dyna pam rydym yn ei wneud Nid yw gweld dim dros yma. 237 00:12:37,350 --> 00:12:39,350 A dweud y gwir, rydym yn gweld Dolphin Hyfforddwr 2G13. 238 00:12:39,350 --> 00:12:39,810 Rydym yn gweld TODO. 239 00:12:39,810 --> 00:12:42,510 Nid wyf yn gwybod lle mae hynny'n dod o oherwydd nid wyf yn gweld bod yma. 240 00:12:42,510 --> 00:12:44,510 Felly, efallai mai dyna yn un o'r fy ffeiliau JavaScript. 241 00:12:44,510 --> 00:12:46,630 Byddwn yn edrych ar hynny mewn eiliad. 242 00:12:46,630 --> 00:12:50,120 >> A all rhywun arall ddweud wrthyf beth ID mae hyn yn golygu iawn yma? 243 00:12:50,120 --> 00:12:54,890 244 00:12:54,890 --> 00:13:00,210 >> GYNULLEIDFA: Mae'n ffordd o alw y adran benodol yn y [Anghlywadwy] 245 00:13:00,210 --> 00:13:00,440 ffeilio? 246 00:13:00,440 --> 00:13:01,250 >> JASON Hirschhorn: Yeah. 247 00:13:01,250 --> 00:13:03,980 Dim ond yn ffordd i gyfeirio hwn div penodol. 248 00:13:03,980 --> 00:13:07,830 IDs yn unigryw yn ddelfrydol. 249 00:13:07,830 --> 00:13:09,150 OK? 250 00:13:09,150 --> 00:13:10,050 Dorf anodd. 251 00:13:10,050 --> 00:13:12,690 Felly, IDs yn gyffredinol unigryw. 252 00:13:12,690 --> 00:13:15,210 Rydych yn rhoi i un penodol elfen yn eich cod. 253 00:13:15,210 --> 00:13:18,040 254 00:13:18,040 --> 00:13:21,540 >> Beth os ydw i eisiau cyfeirio at nifer o elfennau, boed hynny ar gyfer CSS 255 00:13:21,540 --> 00:13:23,350 steilio neu jQuery? 256 00:13:23,350 --> 00:13:25,610 Pa priodoledd y gallaf roi iddyn nhw? 257 00:13:25,610 --> 00:13:26,330 >> GYNULLEIDFA: Dosbarth. 258 00:13:26,330 --> 00:13:27,270 >> JASON Hirschhorn: Dosbarth, yn union. 259 00:13:27,270 --> 00:13:28,480 Iawn. 260 00:13:28,480 --> 00:13:32,610 >> Iawn, felly index.html, unwaith eto, ddim yn mynd llawer ar yma. 261 00:13:32,610 --> 00:13:42,550 Felly, gadewch i ni agor ffeil arall. 262 00:13:42,550 --> 00:13:43,930 Gadewch i ni weld yr hyn yr wyf wedi. 263 00:13:43,930 --> 00:13:44,700 Dyna i gyd gennyf yma. 264 00:13:44,700 --> 00:13:48,455 Gadewch i ni fynd i mewn i'r ffolder JS. 265 00:13:48,455 --> 00:13:51,570 Dydw i ddim yn mynd i boeni am y CSS ar hyn o bryd. 266 00:13:51,570 --> 00:13:55,268 Gadewch i ni agor dolphins.js. 267 00:13:55,268 --> 00:13:56,900 >> Wps. 268 00:13:56,900 --> 00:13:58,150 Neu yn hytrach - 269 00:13:58,150 --> 00:14:03,470 270 00:14:03,470 --> 00:14:03,860 OK. 271 00:14:03,860 --> 00:14:07,650 Felly, dolphins.js, mae'n edrych mewn gwirionedd 'n bert yn debyg i rai y cod i chi 272 00:14:07,650 --> 00:14:10,210 Rhoddwyd yn broblem yn gosod wyth. 273 00:14:10,210 --> 00:14:12,870 Gallwch sgrolio drwyddo. 274 00:14:12,870 --> 00:14:15,730 A all unrhyw un ddweud wrthyf, fodd bynnag, beth yw Dolffiniaid? 275 00:14:15,730 --> 00:14:16,840 Mae hyn i gyd capiau Dolffiniaid? 276 00:14:16,840 --> 00:14:17,810 Beth yw hynny? 277 00:14:17,810 --> 00:14:19,810 Pa fath o ddata yw hynny? 278 00:14:19,810 --> 00:14:20,570 >> GYNULLEIDFA: Array. 279 00:14:20,570 --> 00:14:22,560 >> JASON Hirschhorn: Mae'n LandLine arae. 280 00:14:22,560 --> 00:14:25,280 Ac rydym yn gwybod ei fod yn amrywiaeth am fy mod gweld cromfachau sgwâr hyn yma. 281 00:14:25,280 --> 00:14:29,335 A rhywun arall, beth ei amrywiaeth o? 282 00:14:29,335 --> 00:14:30,229 >> GYNULLEIDFA: Gwrthrychau? 283 00:14:30,229 --> 00:14:32,900 >> JASON Hirschhorn: Mae'n LandLine amrywiaeth o wrthrychau. 284 00:14:32,900 --> 00:14:33,740 A gallwch weld hynny. 285 00:14:33,740 --> 00:14:35,996 A sut ydych chi'n gwybod ei fod yn amrywiaeth o wrthrychau? 286 00:14:35,996 --> 00:14:41,105 >> GYNULLEIDFA: Oherwydd bod gennych colon hwn lesewch rhwng braces cyrliog? 287 00:14:41,105 --> 00:14:41,700 >> JASON Hirschhorn: Iawn. 288 00:14:41,700 --> 00:14:44,760 Felly, yr wyf wedi braces cyrliog hyn yn iawn yma, ac yna gallwch weld y coma 289 00:14:44,760 --> 00:14:47,830 gwahanu'r gwahanol gwrthrychau yn y casgliad hwn. 290 00:14:47,830 --> 00:14:52,040 Ac yna tu mewn i bob gwrthrych, yr wyf wedi colon rhywbeth a rhywbeth arall. 291 00:14:52,040 --> 00:14:54,920 A beth yn gyffredinol y rhan gyntaf, y peth i ochr chwith y colon? 292 00:14:54,920 --> 00:14:57,070 Beth sy'n oedd yn galw? 293 00:14:57,070 --> 00:14:57,450 Yn gyffredinol? 294 00:14:57,450 --> 00:14:59,090 Sut rydym yn cyfeirio at hynny? 295 00:14:59,090 --> 00:15:00,335 >> GYNULLEIDFA: Mynegai? 296 00:15:00,335 --> 00:15:02,810 >> JASON Hirschhorn: Mynegai, neu yn ôl pob tebyg yn fwy cyffredinol, yr allwedd. 297 00:15:02,810 --> 00:15:04,750 Ac yna ar y llaw dde ochr, mae'r gwerth. 298 00:15:04,750 --> 00:15:05,670 Felly mynegai, allweddol. 299 00:15:05,670 --> 00:15:07,590 Ond os ydym yn sôn am y rhai, rydym yn gyffredinol yn golygu y peth ar 300 00:15:07,590 --> 00:15:08,770 yr ochr chwith. 301 00:15:08,770 --> 00:15:11,450 >> Mewn amrywiaeth syml, unwaith eto, cawsom mynegeion 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 Ac yn dolffiniaid, bydd gennym dolffin 0, dolffiniaid 1, dolffiniaid 2, dolffiniaid 3, 307 00:15:17,640 --> 00:15:18,640 dolffiniaid 4. 308 00:15:18,640 --> 00:15:24,900 Mae gennym hefyd, y tu mewn gwrthrych hwn, rydym yn gyffredinol, ni fydd cyfeirio pethau. 309 00:15:24,900 --> 00:15:29,460 Neu os ydym yn unig yn cael y gwrthrych hawl yma, nid ydym yn mynd i ddweud gwrthrych 0, 310 00:15:29,460 --> 00:15:30,480 gwrthrych 1, 2 yn gwrthwynebu. 311 00:15:30,480 --> 00:15:35,460 Rydym yn mynd i ddweud enw'r gwrthrych, neu math o wrthrych, hyd gwrthrych, et cetera. 312 00:15:35,460 --> 00:15:38,120 A dyna sut y byddwn yn cael y gwerth ar yr ochr llaw dde. 313 00:15:38,120 --> 00:15:41,460 Felly, os ydym yn dweud enw'r gwrthrych, er enghraifft, byddem yn cael llinyn hwn, 314 00:15:41,460 --> 00:15:43,200 "Grace." 315 00:15:43,200 --> 00:15:47,510 >> Felly, wrth i chi guys wedi dweud wrthyf, dolffiniaid yn unig yw amrywiaeth o wrthrychau. 316 00:15:47,510 --> 00:15:49,875 A ydych yn gweld yr holl o'r gwrthrychau gael enw, math, yn genws. 317 00:15:49,875 --> 00:15:51,920 A yw hynny'n amlwg yn gywir? 318 00:15:51,920 --> 00:15:52,880 Dylai unrhyw un? 319 00:15:52,880 --> 00:15:53,420 Genws? 320 00:15:53,420 --> 00:15:53,935 Great. 321 00:15:53,935 --> 00:15:55,465 >> Mae hyd, pwysau. 322 00:15:55,465 --> 00:15:56,620 A yw hynny'n amlwg yn gywir? 323 00:15:56,620 --> 00:15:57,340 Yr wyf yn credu hynny. 324 00:15:57,340 --> 00:16:01,870 A llun, dim ond URL i ryw ffeil ar-lein. 325 00:16:01,870 --> 00:16:05,700 Ac i'r dde yma, yr ydym yn cau'r amrywiaeth, i'r dde i lawr yno yn y llaw chwith iawn 326 00:16:05,700 --> 00:16:06,930 ochr fy sgrin. 327 00:16:06,930 --> 00:16:08,543 Felly dyna holl dolphins.js yn. 328 00:16:08,543 --> 00:16:17,310 329 00:16:17,310 --> 00:16:18,530 >> O, fy daioni. 330 00:16:18,530 --> 00:16:19,530 Mae hyn yn esbonio hynny. 331 00:16:19,530 --> 00:16:20,930 Yr wyf yn meddwl fy mod wedi gorffen popeth, ond yn edrych. 332 00:16:20,930 --> 00:16:22,840 Mae i gyd yn TODOs hyn. 333 00:16:22,840 --> 00:16:25,500 OK, gobeithio y gallwn gwneud hynny at ei gilydd. 334 00:16:25,500 --> 00:16:27,540 Ond gadewch i ni yn gyntaf, cyn i ni ei wneud hynny, dim ond cerdded drwy 335 00:16:27,540 --> 00:16:29,190 cod hwn yn gyflym iawn. 336 00:16:29,190 --> 00:16:33,600 >> Felly, fel y soniais, gwelwn ar yr union yn dechrau llinell hon a oedd gennyf yn y 337 00:16:33,600 --> 00:16:36,030 sleidiau, (dogfen). parod (swyddogaeth (). 338 00:16:36,030 --> 00:16:38,710 Ac yn ei hanfod yr hyn sy'n mynd i ei wneud yw aros tan popeth yn eich 339 00:16:38,710 --> 00:16:42,690 tudalennau wedi cael ei lwytho, felly aros nes 'i' i gyd amrywiaeth, popeth yn dda i 340 00:16:42,690 --> 00:16:45,490 fynd, ac yna yn dechrau gweithredu cod hwn. 341 00:16:45,490 --> 00:16:49,230 Felly, os ydych angen cynnal rhai PHP, os angen i chi gael rhai delweddau, 342 00:16:49,230 --> 00:16:53,280 beth bynnag ydyw, yr holl cod wedi bod yn gosod ac yn barod i fynd i mewn eich tudalen mynegai 343 00:16:53,280 --> 00:16:56,270 neu beth bynnag dudalen wedi cael ei lwytho, ac yn awr ydych yn mynd i ddechrau 344 00:16:56,270 --> 00:16:58,810 weithredu eich cod. 345 00:16:58,810 --> 00:17:02,020 >> Felly, y peth cyntaf yr ydym yn ei wneud yw rydym yn sefydlu amrywiaeth hwn. 346 00:17:02,020 --> 00:17:04,599 Ac nid wyf yn cael y gair allweddol var yno, felly beth yw'r 347 00:17:04,599 --> 00:17:05,650 gwmpas y arae hwn? 348 00:17:05,650 --> 00:17:06,530 >> GYNULLEIDFA: Mae'n LandLine byd-eang. 349 00:17:06,530 --> 00:17:09,730 >> JASON Hirschhorn: Mae'n LandLine byd-eang, felly Gellir cael mynediad ocean_array o 350 00:17:09,730 --> 00:17:11,380 yn unrhyw le yn y ffeil hon. 351 00:17:11,380 --> 00:17:14,130 >> Ac yna rydym yn gweld hyn i ddolen. 352 00:17:14,130 --> 00:17:18,930 Nid yw'n dweud foreach, ond mae hyn yn yn ei hanfod dolen foreach. 353 00:17:18,930 --> 00:17:24,010 Ac mae hyn yn unig yw fersiwn JavaScript yn, felly ar gyfer pob dolffin var mewn Dolffiniaid, 354 00:17:24,010 --> 00:17:25,780 pa fath data? 355 00:17:25,780 --> 00:17:30,260 Hyd yn oed er, unwaith eto, nid yw JavaScript yn gael y rhain mathau data fel y cyfryw, yr hyn 356 00:17:30,260 --> 00:17:31,335 fath o ddata yw'r dolffin? 357 00:17:31,335 --> 00:17:32,460 >> GYNULLEIDFA: Mae gwrthrych. 358 00:17:32,460 --> 00:17:34,290 >> JASON Hirschhorn: Mae'n LandLine gwrthrych. 359 00:17:34,290 --> 00:17:37,590 Rydym yn cael pob gwrthrych yn yr arae Dolffiniaid. 360 00:17:37,590 --> 00:17:42,630 Felly, yn y fan hon, mae'n edrych fel fy mod wedi anghofio rhoi pob un o'r dolffiniaid hyn gan ein 361 00:17:42,630 --> 00:17:46,300 Dolffiniaid mawr yn meddwl i mewn i'r ocean_array, felly dylem yn ôl pob tebyg yn ei wneud 362 00:17:46,300 --> 00:17:47,410 yn gyntaf. 363 00:17:47,410 --> 00:17:50,880 >> Ac yna, rhywbeth o'r enw hwn newidyn pwll. 364 00:17:50,880 --> 00:17:52,490 Rydw i'n ei osod i null. 365 00:17:52,490 --> 00:17:55,080 Ac yna yr wyf yn galw swyddogaeth hon draw_ocean. 366 00:17:55,080 --> 00:17:56,580 Rwy'n hyfforddi dolffin pan fydd ei llun ei glicio - 367 00:17:56,580 --> 00:17:58,140 Nid wyf wedi gwneud hynny - a gosod rhad ac am ddim dolffin pan 368 00:17:58,140 --> 00:17:59,530 y botwm ei glicio. 369 00:17:59,530 --> 00:18:01,550 >> Felly, y rhain yw'r pethau y mae angen i mi ei wneud. 370 00:18:01,550 --> 00:18:04,770 Amcana dylwn i roi i chi rai cefndir ar yr hyn yr oeddwn yn ceisio ei wneud. 371 00:18:04,770 --> 00:18:08,930 Felly, os ydym yn mynd yma, yr hyn yr wyf eisiau mewn gwirionedd hwn i edrych fel oedd arae i fyny 372 00:18:08,930 --> 00:18:12,740 yma, yn hytrach nag dweud "TODO," Rwy'n eisiau dabl, yn ei hanfod, gyda'r 373 00:18:12,740 --> 00:18:14,750 lluniau o'r holl dolffiniaid. 374 00:18:14,750 --> 00:18:18,150 Ac yna pan fyddwch yn clicio ar un llun, Roeddwn i eisiau i roi i lawr yn 375 00:18:18,150 --> 00:18:21,320 hanner waelod y sgrin ac yn rhoi chi i gyd y wybodaeth arno, a 376 00:18:21,320 --> 00:18:24,170 a fyddai'n y dolffin yn y pwll, y dolffin oeddech yn hyfforddi. 377 00:18:24,170 --> 00:18:25,040 >> Felly, yr wyf yn meddwl y byddai'n 'n sylweddol oera. 378 00:18:25,040 --> 00:18:27,980 Gennych yr holl dolffiniaid hyn yn y môr i fyny yma, yna i chi glicio ar un, 379 00:18:27,980 --> 00:18:30,230 a byddwn yn mynd i'r pwll, ac yna gallech hyfforddi ei. 380 00:18:30,230 --> 00:18:31,590 Felly, dyna beth oeddwn yn ceisio ei wneud. 381 00:18:31,590 --> 00:18:33,890 Ac yna byddai yna botwm i lawr yma yn y pwll, ac fe allech chi glicio, 382 00:18:33,890 --> 00:18:36,950 fel, "Gosod rhad ac am ddim," ac fe allech chi osod y DOLPHIN rhad ac am ddim, a byddai'n mynd yn ôl 383 00:18:36,950 --> 00:18:38,030 i mewn i'r môr. 384 00:18:38,030 --> 00:18:40,390 >> Felly, dyna beth yr wyf yn ceisio ei greu, ond eto, yr wyf i'n mynd i angen eich help 385 00:18:40,390 --> 00:18:41,490 i'w greu. 386 00:18:41,490 --> 00:18:44,790 Felly, gobeithio, rhai o eiriau allweddol hyn neu a fydd rhai o'r termau hyn yn dechrau 387 00:18:44,790 --> 00:18:47,890 gwneud synnwyr bellach yn y cyd-destun y rhaglen hon. 388 00:18:47,890 --> 00:18:49,640 >> Gadewch i ni barhau i edrych drwy'r ffeil. 389 00:18:49,640 --> 00:18:50,830 Rydym yn galw hyn yn draw_ocean swyddogaeth. 390 00:18:50,830 --> 00:18:56,650 Mae'n un a dim ond swyddogaeth rydym yn galw o'r adran document.ready. 391 00:18:56,650 --> 00:19:01,600 Felly, rydym yn galw hyn yn swyddogaeth draw_ocean, a mae'n edrych fel ei fod yn creu llinyn, 392 00:19:01,600 --> 00:19:03,010 newidyn, yma. 393 00:19:03,010 --> 00:19:06,790 Rhywbeth Rhowch yn y llinyn, yn ychwanegu mwy o stwff i'r llinyn, yn ychwanegu mwy o 394 00:19:06,790 --> 00:19:11,750 pethau y llinyn, ac yna y llinell hon o god. 395 00:19:11,750 --> 00:19:14,270 Yr wyf yn dweud bod yn argraffu allan y llinyn HTML. 396 00:19:14,270 --> 00:19:19,230 A rhywun esbonio i mi beth y llinell hon o god yn ei wneud? 397 00:19:19,230 --> 00:19:21,800 Wel, yn gyntaf oll, beth sydd bod arwydd doler yn ei olygu? 398 00:19:21,800 --> 00:19:26,550 399 00:19:26,550 --> 00:19:30,914 Nid yw'n newidyn PHP, ond beth yn golygu bod arwydd doler? 400 00:19:30,914 --> 00:19:34,680 >> GYNULLEIDFA: Cysylltu â HTML ID y - 401 00:19:34,680 --> 00:19:37,220 mae fel ei bod yn cysylltu at y cod HTML? 402 00:19:37,220 --> 00:19:38,430 >> JASON Hirschhorn: Beth am bod arwydd doler? 403 00:19:38,430 --> 00:19:40,662 Beth mae hynny'n arwydd doler yn dangos? 404 00:19:40,662 --> 00:19:43,364 >> GYNULLEIDFA: Cysylltu â'r HTML rywsut? 405 00:19:43,364 --> 00:19:46,630 >> JASON Hirschhorn: Ble yr ydym wedi gweld llofnodi doler hyn o'r blaen mewn JavaScript? 406 00:19:46,630 --> 00:19:47,920 Rydym yn ei weld yn y ddarlith. 407 00:19:47,920 --> 00:19:48,360 Rydym yn siarad am y peth. 408 00:19:48,360 --> 00:19:50,150 Beth yw ystyr yr arwydd doler? 409 00:19:50,150 --> 00:19:51,220 >> GYNULLEIDFA: Rhywbeth gyda jQuery? 410 00:19:51,220 --> 00:19:52,380 >> JASON Hirschhorn: Yn union gywir. 411 00:19:52,380 --> 00:19:54,270 Mae hyn wedi rhywbeth i'w wneud â'r jQuery. 412 00:19:54,270 --> 00:19:59,310 Mae hyn yn arwydd doler yn golygu fy mod yn defnyddio swyddogaeth llyfrgell jQuery yma. 413 00:19:59,310 --> 00:20:00,980 Yn union i'r dde. 414 00:20:00,980 --> 00:20:04,560 >> Felly, byddwn yn ysgrifennu yr arwydd doler, ac yna gennym y paren agored a chaeedig 415 00:20:04,560 --> 00:20:09,150 paren, ac y tu mewn yno, beth sy'n mynd y tu mewn yno pan ydych yn defnyddio 416 00:20:09,150 --> 00:20:13,380 swyddogaeth llyfrgell jQuery, neu os ydych defnyddio'r llyfrgell jQuery? 417 00:20:13,380 --> 00:20:14,690 Unwaith eto, byddwch yn gweld hyn yn y ddarlith. 418 00:20:14,690 --> 00:20:16,840 A all rhywun roi i mi - ac yr ydych hefyd yn gweld rhywbeth yma. 419 00:20:16,840 --> 00:20:18,090 Beth sy'n mynd y tu mewn o yno? 420 00:20:18,090 --> 00:20:22,220 421 00:20:22,220 --> 00:20:23,550 >> Jeff, yn rhoi dyfalu mi. 422 00:20:23,550 --> 00:20:27,000 Beth mae hyn yn edrych fel, # môr? 423 00:20:27,000 --> 00:20:28,270 Ble yr ydym wedi gweld hynny o'r blaen? 424 00:20:28,270 --> 00:20:29,920 >> GYNULLEIDFA: A yw'n llyfrgell neu rywbeth? 425 00:20:29,920 --> 00:20:30,720 Does gen i ddim syniad. 426 00:20:30,720 --> 00:20:36,420 >> JASON Hirschhorn: Wel, gadewch mi agor mynegai dot - 427 00:20:36,420 --> 00:20:37,710 Na, lle anghywir. 428 00:20:37,710 --> 00:20:44,220 429 00:20:44,220 --> 00:20:46,600 >> Felly, rydym yn gweld mae gennym rywbeth enw cefnfor yma. 430 00:20:46,600 --> 00:20:50,870 Ble yr ydym wedi gweld y hashtag # cefnfor cefnfor, cystrawen o'r blaen? 431 00:20:50,870 --> 00:20:53,490 432 00:20:53,490 --> 00:20:53,950 Yeah? 433 00:20:53,950 --> 00:20:55,190 >> GYNULLEIDFA: CSS? 434 00:20:55,190 --> 00:20:56,810 >> JASON Hirschhorn: Yn CSS. 435 00:20:56,810 --> 00:21:00,720 Felly, rydym yn awyddus i arddull rhywbeth, cofiwch byddem yn rhoi'r CSS hashtag 436 00:21:00,720 --> 00:21:05,360 selector, neu cefnfor hashtag, er enghraifft, a phob un o'r fformatio 437 00:21:05,360 --> 00:21:09,270 ein bod yn awyddus i roi i'r peth gyda môr ID rydym yn rhoi y tu mewn yno. 438 00:21:09,270 --> 00:21:15,470 >> Felly dyma y tu mewn nid yw'n CSS detholydd yn mynd i mewn yma. 439 00:21:15,470 --> 00:21:17,630 jQuery yn diffinio ei hun math o detholwyr. 440 00:21:17,630 --> 00:21:21,650 Ond mae'n yr un syniad, ac mewn gwirionedd yn llawer ohonynt yn gorgyffwrdd gyda CSS. 441 00:21:21,650 --> 00:21:24,710 Felly, y tu mewn cromfachau agored hyn, rydych yn rhoi dewiswr, a beth bynnag yw 442 00:21:24,710 --> 00:21:28,670 detholydd yn cyfeirio at, dyna beth ydych chi'n mynd i gael eu defnyddio. 443 00:21:28,670 --> 00:21:32,320 >> Felly, yn yr achos hwn, rwy'n dewis cefnfor adnabod. 444 00:21:32,320 --> 00:21:33,690 Pe bawn i'n dosbarth - 445 00:21:33,690 --> 00:21:38,830 gadewch i ni ddweud gen i ddosbarth o bethau a elwir yn "delweddau," ac yr wyf yn rhoi hynny i 446 00:21:38,830 --> 00:21:45,662 llawer o elfennau, sut ydw i'n cyfeirio dosbarth o bethau o'r enw "delweddau?" 447 00:21:45,662 --> 00:21:47,110 >> GYNULLEIDFA: Yr wyf yn meddwl ei fod yn dot. 448 00:21:47,110 --> 00:21:48,140 >> JASON Hirschhorn: Gyda dot. 449 00:21:48,140 --> 00:21:50,830 Felly os wyf yn rhoi yn lle delweddau dot yma, a fyddai'n rhoi y dosbarth i mi 450 00:21:50,830 --> 00:21:51,980 pethau o'r enw "delweddau." 451 00:21:51,980 --> 00:21:54,810 >> Wrth gwrs, mae hyn yn super pwerus, a gallwch cyfeirio at lawer o bethau. 452 00:21:54,810 --> 00:21:59,970 Yn wir, gallwn gyfeirio yn y bôn unrhyw dag yn HTML. 453 00:21:59,970 --> 00:22:04,630 Felly, os wyf yn awyddus i wneud hynny, td, dyna tag yr ydym wedi ei weld o'r blaen pan 454 00:22:04,630 --> 00:22:05,750 creu tabl. 455 00:22:05,750 --> 00:22:10,060 Mae'n debyg eich bod yn gyfarwydd â hynny o P a osodir saith. 456 00:22:10,060 --> 00:22:12,470 Yn yr achos hwn, mae'n mynd mewn gwirionedd i ddewis pob un ohonynt. 457 00:22:12,470 --> 00:22:14,920 Mae'n mynd i roi amrywiaeth i mi o'r holl tagiau td. 458 00:22:14,920 --> 00:22:16,760 Ond gall bod yn cael ychydig yn llethol, felly fro ar hyn o bryd rydym yn 459 00:22:16,760 --> 00:22:19,390 mynd i gadw at cyfeirio IDs. 460 00:22:19,390 --> 00:22:23,510 >> Felly, beth mae hyn yn ei wneud, unwaith eto, yn sy'n cael, yn yr achos hwn - 461 00:22:23,510 --> 00:22:23,970 n chwith. 462 00:22:23,970 --> 00:22:27,020 Ewch yma, i index.html. 463 00:22:27,020 --> 00:22:33,510 Mae'n cefnfor, yn hytrach ID cefnfor cyfeirio yn div, felly y rhan hon o'r 464 00:22:33,510 --> 00:22:37,130 linell o god yn cael y div. 465 00:22:37,130 --> 00:22:42,610 >> Ac yna dot mae hyn yn golygu fy mod yn galw swyddogaeth, ac enw'r 466 00:22:42,610 --> 00:22:44,460 swyddogaeth yn HTML. 467 00:22:44,460 --> 00:22:48,725 Ac mae hynny'n byr i, os ydych yn guys yn gweld o'r blaen, arwydd doler, dogfen, dot cael 468 00:22:48,725 --> 00:22:52,200 elfen erbyn ID, dot HTML mewnol. 469 00:22:52,200 --> 00:22:54,350 Mae hyn yn unig yw fersiwn jQuery yn. 470 00:22:54,350 --> 00:22:57,200 Felly, y swyddogaeth HTML yn unig yn cael y HTML mewnol. 471 00:22:57,200 --> 00:22:58,920 Yr elfen honno. 472 00:22:58,920 --> 00:23:03,690 Felly eto, os ydym yn edrych yn ôl yma, rydym yn annhymerus ' gweld does dim HTML mewnol. 473 00:23:03,690 --> 00:23:07,990 Ac felly os wyf yn gwneud hyn, yr wyf byddai fod yn ceisio cael y HTML. 474 00:23:07,990 --> 00:23:10,390 Pan fyddaf yn teipio hwn, rwy'n gosod y HTML. 475 00:23:10,390 --> 00:23:13,110 Felly, yr wyf i'n pasio swyddogaeth hon i linyn, y llinyn yr wyf wedi creu 476 00:23:13,110 --> 00:23:18,560 yma, a gan ddweud roi hynny y tu mewn i'r div môr. 477 00:23:18,560 --> 00:23:18,980 Yeah? 478 00:23:18,980 --> 00:23:21,550 >> GYNULLEIDFA: Pan fyddwch yn cael y HTML, eich bod newydd gael 479 00:23:21,550 --> 00:23:22,972 copi os yw'n, dde? 480 00:23:22,972 --> 00:23:25,070 Nid ydych yn cael gwared arno. 481 00:23:25,070 --> 00:23:25,710 >> JASON Hirschhorn: Iawn. 482 00:23:25,710 --> 00:23:28,640 Os byddaf yn gwneud hyn ac eisiau i arbed hyn mewn var - 483 00:23:28,640 --> 00:23:31,120 wps. 484 00:23:31,120 --> 00:23:34,840 Byddai hynny'n cael yr holl wybodaeth y yno a'i gadw mewn iaith arall 485 00:23:34,840 --> 00:23:35,800 amrywiol, yn gwneud copi ohono. 486 00:23:35,800 --> 00:23:36,384 >> GYNULLEIDFA: OK. 487 00:23:36,384 --> 00:23:37,634 Got it. 488 00:23:37,634 --> 00:23:39,900 489 00:23:39,900 --> 00:23:43,860 >> JASON Hirschhorn: Felly, rydym yn creu rhai HTML, ac eithrio bod yn y llinyn. 490 00:23:43,860 --> 00:23:44,590 Rydym yn arbed rhywfaint mwy. 491 00:23:44,590 --> 00:23:47,720 Yma, byddwch yn gweld bod llinyn TODO. 492 00:23:47,720 --> 00:23:51,300 Felly dyna mae'n debyg ble rydym ni cael y TODO o'r adeg pan 493 00:23:51,300 --> 00:23:52,730 rydym yn mynd i mewn i ein tudalen. 494 00:23:52,730 --> 00:23:56,610 Ac mewn gwirionedd, os wyf dde chlecia ar TODO, archwilio Elfen, buom yn siarad am 495 00:23:56,610 --> 00:23:57,240 hyn yr wythnos diwethaf. 496 00:23:57,240 --> 00:24:02,400 Dyna sut y gallem weld y HTML strwythur ein tudalen. 497 00:24:02,400 --> 00:24:03,980 >> Byddwch yn sylwi bod i lawr yma - 498 00:24:03,980 --> 00:24:05,230 gadewch i ni wneud hyn yn ychydig yn fwy, hefyd - 499 00:24:05,230 --> 00:24:08,060 500 00:24:08,060 --> 00:24:11,390 rydym wedi ein cefnfor ID div iawn yma. 501 00:24:11,390 --> 00:24:14,390 Mae pawb yn gweld bod llinell o god? 502 00:24:14,390 --> 00:24:16,330 A dyna beth rydym mathau yn index.html. 503 00:24:16,330 --> 00:24:18,880 504 00:24:18,880 --> 00:24:30,430 >> Tu mewn iddo, gwelwn yn awr mae hyn llinell tabl o god. 505 00:24:30,430 --> 00:24:34,800 A beth y llinell tabl o god yw, bod yn y cod rydym yn unig mewnosod yn 506 00:24:34,800 --> 00:24:35,770 yr elfen hon. 507 00:24:35,770 --> 00:24:39,650 Ac mae'n rydym yn edrych tu mewn iddo, ni byth yn colgroup a tbody teipio. 508 00:24:39,650 --> 00:24:42,330 A ychwanegwyd i ni oherwydd gwnaethom rhai pethau ffansi. 509 00:24:42,330 --> 00:24:47,590 Ond byddwch yn sylwi mae y tr, mae y td gyda TODO. 510 00:24:47,590 --> 00:24:50,680 >> Felly, mae'n edrych yn debyg, unwaith eto, y cod sy'n ysgrifennom yma. 511 00:24:50,680 --> 00:24:52,300 Dyna'n union beth mae hyn yn lein yn ei wneud. 512 00:24:52,300 --> 00:24:56,940 Oedd yn cymryd ein llinyn HTML a ei roi y tu mewn i'r Div iawn yma. 513 00:24:56,940 --> 00:24:59,010 I ddechrau mae'n ddim byd. 514 00:24:59,010 --> 00:25:01,660 Mae'r dudalen hon yn cael ei lwytho. 515 00:25:01,660 --> 00:25:03,160 Arwydd doler, document.ready. 516 00:25:03,160 --> 00:25:04,490 Mae hyn yn dechrau gweithredu. 517 00:25:04,490 --> 00:25:08,010 Rydym yn galw y swyddogaeth draw_ocean, a y tu mewn i'r swyddogaeth draw_ocean rydym yn cymryd 518 00:25:08,010 --> 00:25:10,010 HTML hwn ac yn ei roi y tu mewn i'r div. 519 00:25:10,010 --> 00:25:12,860 520 00:25:12,860 --> 00:25:14,230 >> Rydym yn unig yn mynd trwy llawer iawn yno. 521 00:25:14,230 --> 00:25:16,270 A oes unrhyw un gennych unrhyw gwestiynau am hynny? 522 00:25:16,270 --> 00:25:19,050 523 00:25:19,050 --> 00:25:21,110 Neu sut mae hynny'n gweithio, neu jQuery? 524 00:25:21,110 --> 00:25:25,190 Oherwydd os ydych yn deall hynny, yna Dylai jQuery ddwyn 525 00:25:25,190 --> 00:25:25,760 gymharol hawdd. 526 00:25:25,760 --> 00:25:26,780 Yeah? 527 00:25:26,780 --> 00:25:29,370 >> GYNULLEIDFA: Beth oedd gennych y tu mewn i'r cromfachau o dan yr allbrint HTML 528 00:25:29,370 --> 00:25:32,150 llinyn, hynny yw enw'r y newidyn HTML eich bod 529 00:25:32,150 --> 00:25:32,815 wedi datgan yn gynharach? 530 00:25:32,815 --> 00:25:33,890 >> JASON Hirschhorn: Mae'r hawl yma? 531 00:25:33,890 --> 00:25:34,440 >> GYNULLEIDFA: Oes 532 00:25:34,440 --> 00:25:34,720 >> JASON Hirschhorn: Ydw. 533 00:25:34,720 --> 00:25:36,600 GYNULLEIDFA: Felly, os ydych wedi enwi y rhywbeth arall, fod rhywbeth arall 534 00:25:36,600 --> 00:25:37,590 oedd beth fyddech chi'n ei roi i mewn yma. 535 00:25:37,590 --> 00:25:38,335 >> JASON Hirschhorn: Yn union gywir. 536 00:25:38,335 --> 00:25:39,740 Ac mae hynny'n bwynt da. 537 00:25:39,740 --> 00:25:42,600 Mae hyn ychydig yn ddryslyd oherwydd Mae gen i HTML, html. 538 00:25:42,600 --> 00:25:46,930 Mae'r tu mewn yma yw enw fy amrywiol, ac mae hyn yn iawn yma yw'r 539 00:25:46,930 --> 00:25:48,680 enw'r swyddogaeth jQuery. 540 00:25:48,680 --> 00:25:52,090 >> GYNULLEIDFA: Ond er mwyn i'r jQuery gweithredu i weithio, mae'n rhaid i chi roi 541 00:25:52,090 --> 00:25:53,295 rhywfaint o fewnbwn HTML? 542 00:25:53,295 --> 00:25:55,030 >> JASON Hirschhorn: Yn union. 543 00:25:55,030 --> 00:25:56,530 NEU mae'n rhaid i chi roi cynnig llinyn. 544 00:25:56,530 --> 00:26:00,840 Bydd yn rhoi'r llinyn y tu mewn y div neu beth bynnag. 545 00:26:00,840 --> 00:26:01,670 Mae hyn yn unig yw llinyn. 546 00:26:01,670 --> 00:26:05,590 Nid yw'n gwybod hyn yn HTML, ond amlwg fformat ar bwrpas i fod yn 547 00:26:05,590 --> 00:26:07,770 HTML dilys. 548 00:26:07,770 --> 00:26:08,760 A yw hynny'n ateb y cwestiwn? 549 00:26:08,760 --> 00:26:09,480 >> GYNULLEIDFA: Ydw. 550 00:26:09,480 --> 00:26:10,120 >> JASON Hirschhorn: OK. 551 00:26:10,120 --> 00:26:10,590 Yeah? 552 00:26:10,590 --> 00:26:14,380 >> GYNULLEIDFA: Beth os yw'r môr y cyfeirir i botwm neu rywbeth? 553 00:26:14,380 --> 00:26:16,250 Beth fyddai'r. Html ei wneud? 554 00:26:16,250 --> 00:26:18,086 A fyddai'n newid y destun y botwm? 555 00:26:18,086 --> 00:26:23,610 >> JASON Hirschhorn: Felly, y cwestiwn yw beth pe bai'n cyfeirio at botwm? 556 00:26:23,610 --> 00:26:25,970 Bydd yn newid y mewnol HTML o rywbeth. 557 00:26:25,970 --> 00:26:29,250 Felly, os oes ganddo dag agored ac agos tag, bydd yn rhoi rhywbeth yn y canol 558 00:26:29,250 --> 00:26:30,610 y tag agor a chau. 559 00:26:30,610 --> 00:26:33,280 Os nad oes agor a chau tag, ni fydd yn gwneud unrhyw beth. 560 00:26:33,280 --> 00:26:35,040 >> GYNULLEIDFA: Mae'n LandLine llythrennol copi a didoli past o beth? 561 00:26:35,040 --> 00:26:35,732 >> JASON Hirschhorn: Yeah. 562 00:26:35,732 --> 00:26:39,175 Mae'n gopïau a pastau rhywbeth o beth bynnag amrywiol wyf yn ei throsglwyddo, y 563 00:26:39,175 --> 00:26:41,410 llinyn yr wyf yn ei throsglwyddo, y tu mewn rhai tagiau agor a chau. 564 00:26:41,410 --> 00:26:44,460 565 00:26:44,460 --> 00:26:45,270 >> Gadewch i ni edrych i lawr yma. 566 00:26:45,270 --> 00:26:48,950 O, fy daioni. Nid oedd draw_pool wneud unrhyw beth iawn yno. 567 00:26:48,950 --> 00:26:50,580 Mae hynny'n bummer. 568 00:26:50,580 --> 00:26:51,640 Hyfforddwch, wow. 569 00:26:51,640 --> 00:26:54,290 Iawn, felly dim llawer arall heblaw hynny. 570 00:26:54,290 --> 00:26:56,652 >> Felly, gadewch i ni ddechrau, a gadewch i ni atgyweiria hon i fyny. 571 00:26:56,652 --> 00:27:01,780 Yr wyf yn mynd i angen i bawb helpu i gael hwn wneud. 572 00:27:01,780 --> 00:27:04,030 Nid oes mewn gwirionedd fod llawer o linellau o god, yr wyf yn credu, i ysgrifennu. 573 00:27:04,030 --> 00:27:07,270 Rwy'n credu fy mod yn gwneud y cwpl o flynyddoedd yn ôl ar gyfer y fersiwn 2G12, ac mae 574 00:27:07,270 --> 00:27:08,880 Ni ddylai fod yn bod llawer o linellau o cod i ysgrifennu. 575 00:27:08,880 --> 00:27:09,230 Ni ddylai wyf wedi dileu y cod hwnnw. 576 00:27:09,230 --> 00:27:10,920 Dylwn i fod wedi dim ond arbed ei. 577 00:27:10,920 --> 00:27:11,900 O, crazy. 578 00:27:11,900 --> 00:27:14,170 >> Beth bynnag, gadewch i ni ddechrau arni. 579 00:27:14,170 --> 00:27:18,850 Felly, Im 'i mewn amrywiaeth hwn, neu rwy'n yn y lein, ac yr wyf wedi fy ocean_array. 580 00:27:18,850 --> 00:27:24,110 Ac yr wyf am roi hyn i gyd, popeth o'r ffeil hon, i mewn i fy 581 00:27:24,110 --> 00:27:25,170 ocean_array. 582 00:27:25,170 --> 00:27:27,390 Felly, sut y gallaf gymryd popeth o yno, ac yn ei roi i mewn i'r 583 00:27:27,390 --> 00:27:27,630 ocean_array? 584 00:27:27,630 --> 00:27:29,390 Mae'n un llinell o god. 585 00:27:29,390 --> 00:27:32,530 Pwy all roi y llinell o god neu fi ddweud wrthyf, cael rhywfaint o syniad beth y llinell 586 00:27:32,530 --> 00:27:33,755 Dylai o god ei wneud? 587 00:27:33,755 --> 00:27:36,350 Pam na byddwn yn dechrau yma, ac yna byddwn ni barhau i symud o gwmpas yr ystafell 588 00:27:36,350 --> 00:27:37,410 ateb cwestiynau. 589 00:27:37,410 --> 00:27:37,780 Kurt? 590 00:27:37,780 --> 00:27:38,890 Beth sydd gyntaf? 591 00:27:38,890 --> 00:27:41,165 >> GYNULLEIDFA: Ocean_array, braced, dolffin. 592 00:27:41,165 --> 00:27:47,120 593 00:27:47,120 --> 00:27:50,380 Equals dolffiniaid, braced, dolffiniaid? 594 00:27:50,380 --> 00:27:52,265 Dolffiniaid gyda phopeth cyfalaf. 595 00:27:52,265 --> 00:27:57,590 596 00:27:57,590 --> 00:27:58,210 >> JASON Hirschhorn: OK. 597 00:27:58,210 --> 00:28:00,250 Gadewch i ni gerdded drwy'r gystrawen. 598 00:28:00,250 --> 00:28:04,260 I'r dde yma, mae hyn yn debyg dolen foreach, felly mae'n mewn gwirionedd yn gwneud llawer o 599 00:28:04,260 --> 00:28:05,180 pethau i ni. 600 00:28:05,180 --> 00:28:07,220 A dolffiniaid yn wrthrych. 601 00:28:07,220 --> 00:28:09,790 Felly nid oes angen i ni ysgrifennu rhywbeth fel dolffiniaid, dolffiniaid, oherwydd 602 00:28:09,790 --> 00:28:12,480 dolffin hun yw'r yn gwrthwynebu fy mod eisiau. 603 00:28:12,480 --> 00:28:13,495 Dyw hi ddim yn y mynegai. 604 00:28:13,495 --> 00:28:14,510 A yw hynny'n gwneud synnwyr? 605 00:28:14,510 --> 00:28:15,830 >> GYNULLEIDFA: Yeah. 606 00:28:15,830 --> 00:28:18,870 >> JASON Hirschhorn: Felly sut yr ydych yn cynnig newid eich cod? 607 00:28:18,870 --> 00:28:23,110 608 00:28:23,110 --> 00:28:24,360 Os ydym yn gwybod ein bod yn cael y mynegai? 609 00:28:24,360 --> 00:28:33,969 610 00:28:33,969 --> 00:28:35,240 >> O, mae'n ddrwg gennyf. 611 00:28:35,240 --> 00:28:36,100 Rydych yn dda. 612 00:28:36,100 --> 00:28:41,180 Ond sut - 613 00:28:41,180 --> 00:28:43,740 gadewch i mi ofyn cwestiwn gwahanol. 614 00:28:43,740 --> 00:28:46,485 Os ydym am - 615 00:28:46,485 --> 00:28:47,400 gadewch i ni mewn gwirionedd yn ysgrifennu hyn. 616 00:28:47,400 --> 00:28:48,170 Peidiwch byth â meddwl. 617 00:28:48,170 --> 00:28:49,080 Rydym yn mynd i ysgrifennu hyn. 618 00:28:49,080 --> 00:28:49,910 Mae hynny'n wych. 619 00:28:49,910 --> 00:28:50,440 Mae'n ddrwg gennym. 620 00:28:50,440 --> 00:28:52,790 Nid oeddwn ond yn ddryslyd iawn yno. 621 00:28:52,790 --> 00:28:55,910 >> Gadewch i ni adael hynny yno ar hyn o bryd, a byddwn yn dod yn ôl i hyfforddi dolffin, 622 00:28:55,910 --> 00:28:56,480 gosod dolffin. 623 00:28:56,480 --> 00:28:59,840 Gadewch i 'jyst yn gyntaf atgyweiria hon cefnfor tynnu swyddogaeth, a byddwn yn dod yn ôl i 624 00:28:59,840 --> 00:29:00,930 hynny, Kurt. 625 00:29:00,930 --> 00:29:03,490 Ond hyd yn hyn, felly da. 626 00:29:03,490 --> 00:29:06,290 >> Gadewch i ni edrych y tu mewn draw_ocean. 627 00:29:06,290 --> 00:29:09,500 Mae'r llinell sy'n edrych i fod yn anghywir yn hyn "Lluniau storfa o ddolffiniaid yn 628 00:29:09,500 --> 00:29:13,320 y môr mewn llinyn HTML. "Ac iawn yn awr, yr wyf yn union fel TODO, ond yr wyf yn 629 00:29:13,320 --> 00:29:17,230 wir eisiau rhoi'r dolffiniaid lluniau yn y môr. 630 00:29:17,230 --> 00:29:21,780 Felly beth, Noa, yn eich barn chi y peth cyntaf y dylech ei wneud? 631 00:29:21,780 --> 00:29:24,570 Os wyf am fynd drwy'r cyfan amrywiaeth, beth yw'r cyntaf 632 00:29:24,570 --> 00:29:25,270 beth ddylwn i ei wneud? 633 00:29:25,270 --> 00:29:26,713 >> GYNULLEIDFA: Mae angen i ni creu ar gyfer dolen. 634 00:29:26,713 --> 00:29:27,610 >> JASON Hirschhorn: A am ddolen. 635 00:29:27,610 --> 00:29:29,740 A beth ddylai fod ar gyfer dolen yn edrych? 636 00:29:29,740 --> 00:29:30,990 >> GYNULLEIDFA: O blaid - 637 00:29:30,990 --> 00:29:36,660 638 00:29:36,660 --> 00:29:40,940 mae angen i ni fynd trwy bob dolffin yn yr arae môr. 639 00:29:40,940 --> 00:29:47,093 Felly, ar gyfer dolffin var i mewn - 640 00:29:47,093 --> 00:29:48,830 gallwch ysgrifennu amrywiaeth môr? 641 00:29:48,830 --> 00:29:56,200 642 00:29:56,200 --> 00:29:57,450 >> JASON Hirschhorn: Fel hynny? 643 00:29:57,450 --> 00:30:00,654 644 00:30:00,654 --> 00:30:04,495 >> GYNULLEIDFA: Mae'n debyg sy'n iawn. 645 00:30:04,495 --> 00:30:06,280 >> JASON Hirschhorn: Gadewch i ni daro ag hynny am y tro, ac yna byddwn ni 646 00:30:06,280 --> 00:30:07,060 ddod yn ôl ato. 647 00:30:07,060 --> 00:30:09,055 A ydych yn mynd i fod yn gyfrifol am y llinell. 648 00:30:09,055 --> 00:30:11,260 Felly mae gen i gan ar gyfer ddolen. 649 00:30:11,260 --> 00:30:12,560 Michael, rydych yn awr. 650 00:30:12,560 --> 00:30:15,896 Beth ddylwn i ei wneud nawr? 651 00:30:15,896 --> 00:30:23,045 >> GYNULLEIDFA: Byddai'n rhaid i chi gymryd y storio lluniau o ddolffiniaid. 652 00:30:23,045 --> 00:30:25,830 >> JASON Hirschhorn: Felly, lle yw bod storio? 653 00:30:25,830 --> 00:30:28,318 >> GYNULLEIDFA: Yn y casgliad dolffin? 654 00:30:28,318 --> 00:30:33,298 655 00:30:33,298 --> 00:30:36,650 >> JASON Hirschhorn: Rwy'n drysu yn awr hefyd am yr hyn sy'n digwydd. 656 00:30:36,650 --> 00:30:38,380 Gadewch i chyfrif i maes sut y gallwn wneud debug hyn, ac yna byddaf yn dod 657 00:30:38,380 --> 00:30:40,700 yn ôl i chi, iawn? 658 00:30:40,700 --> 00:30:43,920 Beth sy'n cyfateb i printf yn JavaScript? 659 00:30:43,920 --> 00:30:44,813 Annie? 660 00:30:44,813 --> 00:30:47,315 >> GYNULLEIDFA: Mae'n LandLine ddogfen sy'n ysgrifennu? 661 00:30:47,315 --> 00:30:50,020 >> JASON Hirschhorn: Neu sut y gall Rwy'n gweld rhywbeth yn y 662 00:30:50,020 --> 00:30:51,200 chysura i lawr ar y gwaelod? 663 00:30:51,200 --> 00:30:51,940 >> GYNULLEIDFA: Console.log. 664 00:30:51,940 --> 00:30:53,870 >> JASON Hirschhorn: Console.log, yn union. 665 00:30:53,870 --> 00:30:59,810 Felly, gadewch i ni wneud console.log, a gadewch i ni dim ond rhoi "dolffin" i mewn, iawn? 666 00:30:59,810 --> 00:31:02,710 Yn ddelfrydol os yw hyn yn gweithio, rydyn ni'n mynd i gael - gadewch i ni weld, yn ôl yn y ffeil 667 00:31:02,710 --> 00:31:06,030 dolphins.js, roedd chwe dolffiniaid, felly ddylwn i gael chwech neu rywbeth 668 00:31:06,030 --> 00:31:08,180 gobeithio hargraffu i y consol, dde? 669 00:31:08,180 --> 00:31:11,850 Dyna lle yr ydym hyd yn hyn oherwydd ein bod yn wnaeth lein Kurt hyd yma, ac yna rydym yn 670 00:31:11,850 --> 00:31:14,630 y gwnaeth Noa ar gyfer dolen, ac mae gennym y llinell, felly gobeithio y dylem weld chwe 671 00:31:14,630 --> 00:31:16,120 pethau printiedig i'r consol. 672 00:31:16,120 --> 00:31:22,032 Felly, gadewch i ni fynd yma, gadewch i ni agor ein chysura ac adnewyddu ein tudalen. 673 00:31:22,032 --> 00:31:27,290 >> Iawn, felly mae'n edrych fel gwelsom chwe mynegai. 674 00:31:27,290 --> 00:31:28,390 Sero, un, dau, tri, pedwar pump, yeah. 675 00:31:28,390 --> 00:31:30,486 >> GYNULLEIDFA: Sut ydych chi'n mynd i'r y dudalen y tu mewn i'ch - 676 00:31:30,486 --> 00:31:32,260 >> JASON Hirschhorn: sut ydw i'n cael i y peth hyn i lawr yma? 677 00:31:32,260 --> 00:31:35,830 >> GYNULLEIDFA: Na, mae'r dudalen Chrome tu mewn [Anghlywadwy] offer. 678 00:31:35,830 --> 00:31:36,892 Gallwn weld bod ai peidio? 679 00:31:36,892 --> 00:31:38,220 >> JASON Hirschhorn: Mae'r Chrome dudalen yma? 680 00:31:38,220 --> 00:31:38,490 >> GYNULLEIDFA: Yeah. 681 00:31:38,490 --> 00:31:43,180 >> JASON Hirschhorn: Felly, yn union fel yn P set wyth, rwyf wedi agor Chrome ffenestr 682 00:31:43,180 --> 00:31:46,410 ar fy n ben-desg, ar fy N ben-desg Macintosh. 683 00:31:46,410 --> 00:31:51,980 Ac os ydych yn sylwi yma URL hwn i fyny ar top chwith, sy'n cyfateb IP hwn 684 00:31:51,980 --> 00:31:54,630 afael i lawr yma. 685 00:31:54,630 --> 00:31:58,000 Felly, i wneud hyn, fodd bynnag, y dechrau o'r broblem a osodwyd spec teithiau cerdded i chi 686 00:31:58,000 --> 00:31:59,860 trwy union sut i wneud hyn. 687 00:31:59,860 --> 00:32:02,650 Ond Fi jyst yn dilyn hynny, ac yn hytrach o â'r cod gwennol, Fi jyst yn gwneud 688 00:32:02,650 --> 00:32:04,070 ein cod hunain. 689 00:32:04,070 --> 00:32:05,970 >> Y peth oer yw y gallwn hefyd archwilio ocean_array. 690 00:32:05,970 --> 00:32:09,530 691 00:32:09,530 --> 00:32:13,080 Felly, mae'n edrych fel ocean_array yn amrywiaeth o chwe wrthrychau, a 692 00:32:13,080 --> 00:32:14,570 gadewch i ni agor pob un. 693 00:32:14,570 --> 00:32:15,950 Boom! 694 00:32:15,950 --> 00:32:16,580 Un. 695 00:32:16,580 --> 00:32:19,920 >> Felly Kurt, mae'n edrych fel eich Cod gweithio 'n anhyfreg. 696 00:32:19,920 --> 00:32:23,510 Mae popeth yn cael dechrau ocean_array. 697 00:32:23,510 --> 00:32:24,995 Gan fy mod misspoke gynharach. 698 00:32:24,995 --> 00:32:26,570 Ond ie, swydd awesome. 699 00:32:26,570 --> 00:32:30,330 Mae'r ocean_array yn gywir, ac mae'n edrych fel yn awr rydym yn gweld bod dolffin yn 700 00:32:30,330 --> 00:32:35,400 nifer 0-5, felly mae'n edrych fel mynegeion mewn arae. 701 00:32:35,400 --> 00:32:37,510 Felly, o gofio wybodaeth honno, Michael, beth ddylem ei wneud nawr? 702 00:32:37,510 --> 00:32:43,080 703 00:32:43,080 --> 00:32:43,870 Meddyliwch allan yn uchel. 704 00:32:43,870 --> 00:32:45,600 Beth yn rhywbeth yr ydym am ei wneud? 705 00:32:45,600 --> 00:32:51,260 >> GYNULLEIDFA: Rydym yn awyddus i gael y JPEG ar gyfer pob dolffin. 706 00:32:51,260 --> 00:32:51,800 >> JASON Hirschhorn: OK. 707 00:32:51,800 --> 00:32:53,206 Felly, sut y gallwn cyfeirio - 708 00:32:53,206 --> 00:32:54,760 sut y gallwn gael y JPEG? 709 00:32:54,760 --> 00:33:01,172 710 00:33:01,172 --> 00:33:03,726 Lle rydym yn dechrau? 711 00:33:03,726 --> 00:33:05,390 Ble mae popeth storio? 712 00:33:05,390 --> 00:33:07,610 >> GYNULLEIDFA: Yn y ocean_array? 713 00:33:07,610 --> 00:33:08,320 >> JASON Hirschhorn: OK. 714 00:33:08,320 --> 00:33:11,450 >> GYNULLEIDFA: Felly ocean_array, dolffin - 715 00:33:11,450 --> 00:33:16,392 716 00:33:16,392 --> 00:33:19,280 >> JASON Hirschhorn: Sut ydym ni'n cael rhywbeth y tu mewn - 717 00:33:19,280 --> 00:33:20,860 felly mae hyn yn rhoi i'r gwrthrych i ni. 718 00:33:20,860 --> 00:33:22,770 Ac rydym wedi gweld hyn o'r blaen gyda'r struc. 719 00:33:22,770 --> 00:33:26,710 Felly, pa fath o nodiant oes angen i ni ddefnyddio? 720 00:33:26,710 --> 00:33:28,450 >> GYNULLEIDFA: Byddai'n dot. 721 00:33:28,450 --> 00:33:29,400 >> JASON Hirschhorn: A dot. 722 00:33:29,400 --> 00:33:30,960 Ac yna mha faes? 723 00:33:30,960 --> 00:33:31,510 >> GYNULLEIDFA: Llun? 724 00:33:31,510 --> 00:33:33,816 Neu nid yw hynny'n cae - 725 00:33:33,816 --> 00:33:37,400 >> JASON Hirschhorn: Beth mae'n galw i mewn dolphins.js? 726 00:33:37,400 --> 00:33:38,270 A gweld, gallwch edrych. 727 00:33:38,270 --> 00:33:38,970 Allwn fynd yn ôl yma. 728 00:33:38,970 --> 00:33:40,700 Gallwn weld ocean_array, gallwn ei archwilio. 729 00:33:40,700 --> 00:33:41,380 Beth sy'n ei enw? 730 00:33:41,380 --> 00:33:42,287 >> GYNULLEIDFA: Math. 731 00:33:42,287 --> 00:33:43,688 Aros. 732 00:33:43,688 --> 00:33:44,155 Llun? 733 00:33:44,155 --> 00:33:45,560 Dywedais llun. 734 00:33:45,560 --> 00:33:46,370 >> JASON Hirschhorn: Llun. 735 00:33:46,370 --> 00:33:47,610 Iawn. 736 00:33:47,610 --> 00:33:49,510 Doeddech chi ddim yn swnio fel eich bod yn gwybod beth oeddech yn sôn am, er. 737 00:33:49,510 --> 00:33:50,630 Ei fod yn swnio'n fwy fel dyfalu. 738 00:33:50,630 --> 00:33:53,700 Felly y darlun hwnnw, fel y byddai rhoi ni URL y llun. 739 00:33:53,700 --> 00:33:54,720 Jeff, mae gennych gwestiwn? 740 00:33:54,720 --> 00:33:57,375 >> GYNULLEIDFA: Yeah, ni allaf gael yr hyn gennych ar eich Chrome 741 00:33:57,375 --> 00:33:59,320 porwr ar fy nghyfrifiadur. 742 00:33:59,320 --> 00:34:05,915 Fi jyst cael "cyfeiriad uncaught Nid yw gwall, consol cael ei ddiffinio. " 743 00:34:05,915 --> 00:34:07,780 >> JASON Hirschhorn: Rydych chi wedi sefydlu popeth? 744 00:34:07,780 --> 00:34:10,090 >> GYNULLEIDFA: Wel, yr wyf yn meddwl fy mod yn gwneud popeth o fewn eich 745 00:34:10,090 --> 00:34:11,800 oedd ar y sgrin fawr. 746 00:34:11,800 --> 00:34:13,510 >> JASON Hirschhorn: A ydych yn chmodded holl ffeiliau? 747 00:34:13,510 --> 00:34:16,343 A wnaethoch chi fynd drwy y setup cyfan? 748 00:34:16,343 --> 00:34:17,600 >> GYNULLEIDFA: 'n annhymerus' roi cynnig arni eto. 749 00:34:17,600 --> 00:34:18,300 >> JASON Hirschhorn: OK. 750 00:34:18,300 --> 00:34:20,630 Yr wyf yn hepgor dros fod llawer yn y dechrau, ond mae angen i chi fynd drwy 751 00:34:20,630 --> 00:34:22,199 y cyfan setup yn union fel yn y ddechrau'r fanyleb a osodwyd broblem. 752 00:34:22,199 --> 00:34:24,770 Chmod bopeth a wneud yn siŵr ei fod mewn 753 00:34:24,770 --> 00:34:26,360 >> GYNULLEIDFA: Af a ddyblu wirio. 754 00:34:26,360 --> 00:34:28,655 Yr wyf yn meddwl fy mod yn gwneud hynny, ond 'N annhymerus' yn dyblu siec. 755 00:34:28,655 --> 00:34:30,270 >> JASON Hirschhorn: Felly, mae hyn yn edrych fel y bydd yn rhoi i ni y 756 00:34:30,270 --> 00:34:30,960 llinyn a llun. 757 00:34:30,960 --> 00:34:31,370 Great. 758 00:34:31,370 --> 00:34:32,760 Mae gennym y URL y llun. 759 00:34:32,760 --> 00:34:35,320 Sut ydym yn awr yn ei roi i mewn - 760 00:34:35,320 --> 00:34:38,030 beth sy'n digwydd os byddwn yn ysgrifennu dim ond hyn, Michael? 761 00:34:38,030 --> 00:34:40,150 >> GYNULLEIDFA: 'I jyst yn cael y llun. 762 00:34:40,150 --> 00:34:41,420 Nid yw'n mewn gwirionedd yn arddangos. 763 00:34:41,420 --> 00:34:42,840 >> JASON Hirschhorn: Gadewch i ni weld beth sy'n digwydd. 764 00:34:42,840 --> 00:34:43,514 Byddwn yn arbed hynny. 765 00:34:43,514 --> 00:34:44,780 Byddwn yn rhedeg yma. 766 00:34:44,780 --> 00:34:49,460 767 00:34:49,460 --> 00:34:50,510 Mae'n edrych fel nad ydym yn cael unrhyw beth. 768 00:34:50,510 --> 00:34:56,179 Os byddaf yn edrych ar y tabl hwn, mae'n edrych fel y tu mewn - 769 00:34:56,179 --> 00:34:58,170 yeah, yn edrych fel nad wyf yn cael unrhyw beth. 770 00:34:58,170 --> 00:34:59,963 >> GYNULLEIDFA: Oes rhaid i ni - 771 00:34:59,963 --> 00:35:05,225 772 00:35:05,225 --> 00:35:07,270 >> JASON Hirschhorn: Mae hwn yn llinyn, cod hwn i'r dde yma. 773 00:35:07,270 --> 00:35:08,615 Ble ydw i eisiau i roi llinyn hwn? 774 00:35:08,615 --> 00:35:11,250 775 00:35:11,250 --> 00:35:16,000 >> GYNULLEIDFA: y byddwch am ei roi yn y môr? 776 00:35:16,000 --> 00:35:16,040 >> JASON Hirschhorn: OK. 777 00:35:16,040 --> 00:35:19,230 Ac i lawr yma rwyf i'n rhoi llinyn a elwir yn html yn y môr. 778 00:35:19,230 --> 00:35:26,350 >> GYNULLEIDFA: Felly byddai'n doler arwydd, cefnfor, html [Anghlywadwy]. 779 00:35:26,350 --> 00:35:27,985 >> JASON Hirschhorn: Byddai hynny'n roi yn syth i mewn 'na. 780 00:35:27,985 --> 00:35:29,440 Ond beth os wyf am ychwanegu at - 781 00:35:29,440 --> 00:35:30,740 Rwyf eisoes yn creu llinyn, dde? 782 00:35:30,740 --> 00:35:33,740 I roi yn y môr, yr hyn sydd enw'r llinyn? 783 00:35:33,740 --> 00:35:34,610 >> GYNULLEIDFA: HTML. 784 00:35:34,610 --> 00:35:35,250 >> JASON Hirschhorn: HTML. 785 00:35:35,250 --> 00:35:36,355 Felly, beth ddylwn i ei ysgrifennu nesaf? 786 00:35:36,355 --> 00:35:37,310 >> GYNULLEIDFA: Equals, yn hafal i. 787 00:35:37,310 --> 00:35:38,990 Neu dim ond yn gyfartal? 788 00:35:38,990 --> 00:35:41,170 >> JASON Hirschhorn: Beth fydd yn digwydd os byddaf yn ysgrifennu gyfartal? 789 00:35:41,170 --> 00:35:45,940 790 00:35:45,940 --> 00:35:49,222 >> GYNULLEIDFA: Oni fydd hynny'n osod cyfartal - neu na fydd hynny - 791 00:35:49,222 --> 00:35:51,744 792 00:35:51,744 --> 00:35:53,016 >> GYNULLEIDFA: Neilltuo? 793 00:35:53,016 --> 00:35:55,680 >> JASON Hirschhorn: Bydd yn neilltuo ei, ond beth fydd yn digwydd i bopeth 794 00:35:55,680 --> 00:35:56,565 a gafodd ei storio ynddo o'r blaen? 795 00:35:56,565 --> 00:35:57,570 >> GYNULLEIDFA: Bydd yn cael gwared ohono. 796 00:35:57,570 --> 00:35:58,660 >> JASON Hirschhorn: Bydd yn cael gwared ohono. 797 00:35:58,660 --> 00:35:59,993 Felly, sut y gallaf ei ychwanegu at y diwedd? 798 00:35:59,993 --> 00:36:02,836 799 00:36:02,836 --> 00:36:04,120 Byddai Fi jyst adysgrifia 'r - 800 00:36:04,120 --> 00:36:04,530 >> GYNULLEIDFA: Plus gyfartal. 801 00:36:04,530 --> 00:36:06,260 >> JASON Hirschhorn: Plus yn hafal i, berffaith. 802 00:36:06,260 --> 00:36:07,120 Dyna'n union gywir. 803 00:36:07,120 --> 00:36:08,380 Felly nawr gadewch i ni edrych ar beth mae hyn yn ei wneud. 804 00:36:08,380 --> 00:36:12,500 805 00:36:12,500 --> 00:36:12,760 Boom! 806 00:36:12,760 --> 00:36:14,580 O, fy daioni. 807 00:36:14,580 --> 00:36:16,580 Mae hynny'n yn unig yw llawer o destun. 808 00:36:16,580 --> 00:36:17,580 OK. 809 00:36:17,580 --> 00:36:20,640 >> Felly, mae'n edrych fel rydym yn cael llawer o destun, ond mae hynny'n wych. 810 00:36:20,640 --> 00:36:21,750 Rydych guys wedi gwneud - 811 00:36:21,750 --> 00:36:23,160 Rwy'n gwybod hyn yn anodd, mae hyn yn newydd. 812 00:36:23,160 --> 00:36:24,970 Hyd yn hyn, y tri ohonoch guys wedi gwneud yn wych. 813 00:36:24,970 --> 00:36:26,600 >> OK, rydych yn nesaf. 814 00:36:26,600 --> 00:36:27,960 Beth ddylem ei wneud nesaf? 815 00:36:27,960 --> 00:36:29,830 Yn amlwg, nid ydym am ei i chwarae dim ond y llinyn. 816 00:36:29,830 --> 00:36:30,120 Yeah? 817 00:36:30,120 --> 00:36:30,690 >> GYNULLEIDFA: Fi jyst gwestiwn. 818 00:36:30,690 --> 00:36:35,410 Rydych yn gwybod, pan fyddwch yn gwneud ocean_array, dolffin, yn y cromfachau, yn 819 00:36:35,410 --> 00:36:37,550 DOLPHIN fel cysylltiadol amrywiaeth yn ei hun? 820 00:36:37,550 --> 00:36:38,230 >> JASON Hirschhorn: Yr wyf yn misspoke. 821 00:36:38,230 --> 00:36:41,515 Dolffin yn y mynegai. 822 00:36:41,515 --> 00:36:44,280 >> GYNULLEIDFA: ond nid yw'n var dolffin yn y môr - 823 00:36:44,280 --> 00:36:49,540 Yr wyf yn golygu, pan fyddwch yn y lle cyntaf lwytho fel yn dda, dolffin var mewn dolffiniaid, nid yw 824 00:36:49,540 --> 00:36:51,950 y dolffin amrywiaeth cysylltiadol? 825 00:36:51,950 --> 00:36:52,970 >> JASON Hirschhorn: Mae'r dolffin? 826 00:36:52,970 --> 00:36:53,650 >> GYNULLEIDFA: Yeah. 827 00:36:53,650 --> 00:36:54,230 >> JASON Hirschhorn: Na 828 00:36:54,230 --> 00:36:56,366 Mae'r dolffin yn y mynegai. 829 00:36:56,366 --> 00:36:57,950 >> GYNULLEIDFA: OK. 830 00:36:57,950 --> 00:36:59,320 Felly, a oes newidyn dolffin? 831 00:36:59,320 --> 00:37:02,610 Yr wyf yn golygu, fel allweddol dolffin yn yr amrywiaeth cysylltiadol? 832 00:37:02,610 --> 00:37:04,150 >> JASON Hirschhorn: Yma? 833 00:37:04,150 --> 00:37:05,075 Fel, dolphin.name? 834 00:37:05,075 --> 00:37:10,440 >> GYNULLEIDFA: Yeah, a oes fel dolffin dot - 835 00:37:10,440 --> 00:37:13,090 ddim yn hoffi yw DOLPHIN golygu i fod pob gwrthrych? 836 00:37:13,090 --> 00:37:15,580 >> GYNULLEIDFA: Yeah, dyna hyn yr wyf yn meddwl, hefyd. 837 00:37:15,580 --> 00:37:19,985 >> GYNULLEIDFA: Yr wyf yn meddwl dolffin yn hoffi yr amrywiaeth cysylltiadol mewn Dolffiniaid. 838 00:37:19,985 --> 00:37:22,240 Oherwydd bod chwe cysylltiadol araeau mewn Dolffiniaid, dde? 839 00:37:22,240 --> 00:37:24,050 >> JASON Hirschhorn: Iawn. 840 00:37:24,050 --> 00:37:26,790 Mae'r ffordd yr ydym wedi hyn ysgrifenedig yn awr, nid yw'n. 841 00:37:26,790 --> 00:37:29,300 >> GYNULLEIDFA: Pam ei fod? 842 00:37:29,300 --> 00:37:36,690 >> JASON Hirschhorn: Gallem wneud hynny, a mae mewn gwirionedd yn swyddogaeth jQuery 843 00:37:36,690 --> 00:37:39,660 a elwir yn. pob sy'n rhoi chi bob peth. 844 00:37:39,660 --> 00:37:41,670 Ond nid yw cystrawen hyn yn - 845 00:37:41,670 --> 00:37:44,130 Yr wyf yn misspoke yn gynharach - cystrawen hwn Nid yw hynny'n mynegai. 846 00:37:44,130 --> 00:37:45,780 Mae hyn yn unig yw rhoi'r mynegeion ni. 847 00:37:45,780 --> 00:37:48,490 Ond gallech wneud arwydd ddoler. Yr un, sydd yn un o swyddogaethau jQuery. 848 00:37:48,490 --> 00:37:51,730 Byddai hynny'n rhoi i chi bob amrywiaeth cyswllt. 849 00:37:51,730 --> 00:37:52,930 Felly, edrych ar hynny. 850 00:37:52,930 --> 00:37:55,205 Ond dyna beth yr holl cod hwn yn ei wneud. 851 00:37:55,205 --> 00:37:59,020 >> GYNULLEIDFA: Felly, mae hyn yn gyntaf ar gyfer dolen, yr wyf yn dyfalu a fyddai'n ailadrodd chwe gwaith 852 00:37:59,020 --> 00:37:59,765 oherwydd bod gennych chwe mynegai. 853 00:37:59,765 --> 00:38:02,550 Ac yna yr ail ar gyfer ddolen, Nid yw y bwysleisio'r 854 00:38:02,550 --> 00:38:03,880 un faint o amser? 855 00:38:03,880 --> 00:38:04,540 >> JASON Hirschhorn: Yeah. 856 00:38:04,540 --> 00:38:07,920 >> GYNULLEIDFA: Felly does dim - rydym fod wedi ysgrifennu y cyntaf ar gyfer ddolen 857 00:38:07,920 --> 00:38:09,700 unwaith eto, a byddai wedi gweithio. 858 00:38:09,700 --> 00:38:11,265 Fel, dolffin var mewn Dolffiniaid? 859 00:38:11,265 --> 00:38:13,400 >> JASON Hirschhorn: Ie, ond rydym yn bellach gan ddefnyddio ocean_array. 860 00:38:13,400 --> 00:38:18,010 Rydym wedi symud popeth i mewn i'r ocean_array dweud oherwydd yr ydym erioed wedi eisiau 861 00:38:18,010 --> 00:38:23,970 i newid yr hyn sydd yn dolphins.js, neu os rydym am i drin ocean_array 862 00:38:23,970 --> 00:38:27,140 yn nes ymlaen, nid oes arnom eisiau i drin dolffiniaid, y newidyn. 863 00:38:27,140 --> 00:38:29,940 Rydym yn awyddus i drin copi ohono, oherwydd os ydym am i gymryd rhywbeth 864 00:38:29,940 --> 00:38:31,740 allan, y ffordd hon rydym yn unig yn mynd i fod yn ddiogel. 865 00:38:31,740 --> 00:38:32,820 A yw hynny'n gwneud synnwyr. 866 00:38:32,820 --> 00:38:33,085 >> GYNULLEIDFA: Yeah. 867 00:38:33,085 --> 00:38:34,390 >> JASON Hirschhorn: OK. 868 00:38:34,390 --> 00:38:39,830 Felly, Carlos, sut ydw i'n cymryd llinyn hwn ac yn ei gwneud delwedd yn lle hynny, a chael 869 00:38:39,830 --> 00:38:40,860 y ddelwedd ei hun? 870 00:38:40,860 --> 00:38:42,260 Rydych chi wedi gweld y cod hwn o'r blaen. 871 00:38:42,260 --> 00:38:45,541 Sut wyf yn gynnwys delwedd ar dudalen? 872 00:38:45,541 --> 00:38:51,400 >> GYNULLEIDFA: A yw'n y peth a wnaethom am y HTML yn ogystal hafal dash te alwad 873 00:38:51,400 --> 00:38:53,344 lled, mae hi'n ei ddileu? 874 00:38:53,344 --> 00:38:56,068 >> JASON Hirschhorn: Mae hyn yn pethau yma? 875 00:38:56,068 --> 00:38:57,036 >> GYNULLEIDFA: Yeah. 876 00:38:57,036 --> 00:38:57,520 Math o. 877 00:38:57,520 --> 00:38:58,900 >> JASON Hirschhorn: peidiwch â poeni am hynny. 878 00:38:58,900 --> 00:39:00,520 Mai dim ond yn dechrau y llinyn HTML. 879 00:39:00,520 --> 00:39:03,980 Os ydw i eisiau i gynnwys delwedd yn fy Tudalen ar y we HTML, pa tag ydw i'n ei ddefnyddio? 880 00:39:03,980 --> 00:39:06,210 >> GYNULLEIDFA: Dydw i ddim yn cofio. 881 00:39:06,210 --> 00:39:07,050 >> JASON Hirschhorn: OK. 882 00:39:07,050 --> 00:39:08,343 Avie, yn helpu ef allan? 883 00:39:08,343 --> 00:39:10,985 >> GYNULLEIDFA: A fyddai'n angor, href, ac yna rydych gysylltu? 884 00:39:10,985 --> 00:39:12,790 >> JASON Hirschhorn: Felly A fel yn Anchor. 885 00:39:12,790 --> 00:39:14,790 >> GYNULLEIDFA: Nid oes angen i chi cysylltu, fodd bynnag, dde? 886 00:39:14,790 --> 00:39:17,370 >> JASON Hirschhorn: Beth os ydw i jyst yn awyddus i greu delwedd? 887 00:39:17,370 --> 00:39:24,640 >> GYNULLEIDFA: Byddai'n cael ei img, ac yna src hafal i beth bynnag y llinyn yn? 888 00:39:24,640 --> 00:39:27,400 >> JASON Hirschhorn: OK, felly sy'n iawn, img. 889 00:39:27,400 --> 00:39:28,635 Carlos, rydych chi'n mynd i gymryd oddi yma. 890 00:39:28,635 --> 00:39:32,760 img sefyll am "delwedd," a stondinau src am "ffynhonnell." ac mae angen i chi ei roi 891 00:39:32,760 --> 00:39:35,200 URL neu ryw - 892 00:39:35,200 --> 00:39:35,940 Nid yw hyd yn oed URL. 893 00:39:35,940 --> 00:39:39,040 Mae rhai leoliad os yw hynny'n delwedd yn cael ei storio. 894 00:39:39,040 --> 00:39:46,490 Felly, yr wyf yn gwybod y bydd hynny'n mynd i mi yn delwedd, felly nawr sut ydw i'n rhoi hyn i gyd 895 00:39:46,490 --> 00:39:49,310 gyda'i gilydd, yn meddwl? 896 00:39:49,310 --> 00:39:51,920 Mae gennyf rywfaint o gystrawen angen i mi at atgyweiria. 897 00:39:51,920 --> 00:39:54,632 Beth yn union mae angen i mi i deipio, Carlos? 898 00:39:54,632 --> 00:39:56,862 >> GYNULLEIDFA: Dydw i ddim yn cael yr hyn yr ydych yn ceisio ei wneud. 899 00:39:56,862 --> 00:40:00,185 Felly, rydych yn ceisio rhoi'r holl y delweddau i mewn i dabl? 900 00:40:00,185 --> 00:40:04,790 >> JASON Hirschhorn: Rydym am i arddangos yr holl ddelweddau ar y dudalen. 901 00:40:04,790 --> 00:40:12,000 A gwelsom sut y llinell hon o god hawl llinynnau ychwanegu yma at ein llinyn HTML 902 00:40:12,000 --> 00:40:13,275 a'i argraffu nhw allan fel hyn. 903 00:40:13,275 --> 00:40:17,990 904 00:40:17,990 --> 00:40:21,830 Rydym yn hytrach yn awyddus i arddangos delweddau. 905 00:40:21,830 --> 00:40:25,780 Ac rydym yn sylweddoli, Maru, wrthym y llinell hon o god - 906 00:40:25,780 --> 00:40:26,750 felly gadewch i ni edrych yn iawn yma. 907 00:40:26,750 --> 00:40:31,745 Os ydym yn mynd ac archwilio, rydym annhymerus ' golygu hyn fel HTML. 908 00:40:31,745 --> 00:40:35,110 909 00:40:35,110 --> 00:40:54,270 Maru, meddai, os ydym yn gwneud y math hwn cystrawen, rydym yn cael delwedd. 910 00:40:54,270 --> 00:40:57,810 911 00:40:57,810 --> 00:40:59,400 Felly, mae hynny'n gwneud synnwyr? 912 00:40:59,400 --> 00:41:02,650 913 00:41:02,650 --> 00:41:05,630 >> Dyma'r math o linyn ein bod yn yn wir am roi y tu mewn i'r môr 914 00:41:05,630 --> 00:41:09,080 plymio, nid dim ond y testun ei hun. 915 00:41:09,080 --> 00:41:12,080 >> GYNULLEIDFA: [Anghlywadwy] 916 00:41:12,080 --> 00:41:12,940 >> JASON Hirschhorn: Mae'n ddrwg gennyf? 917 00:41:12,940 --> 00:41:16,240 >> GYNULLEIDFA: Pam na allwch chi jyst adysgrifia mai un a roddodd Kianna, 918 00:41:16,240 --> 00:41:17,810 ac yn ei roi i mewn i hynny - 919 00:41:17,810 --> 00:41:19,570 >> JASON Hirschhorn: Copi hyn, ac yn rhoi hyn yma? 920 00:41:19,570 --> 00:41:20,820 >> GYNULLEIDFA: Yeah. 921 00:41:20,820 --> 00:41:23,354 922 00:41:23,354 --> 00:41:25,813 >> JASON Hirschhorn: Mae hynny'n agos, ond mae un broblem gyda hyn, a 923 00:41:25,813 --> 00:41:27,063 beth sy'n bod? 924 00:41:27,063 --> 00:41:30,920 925 00:41:30,920 --> 00:41:36,370 HTML yn llinyn, ac mae angen i ychwanegu llinynnau ato. 926 00:41:36,370 --> 00:41:37,855 >> GYNULLEIDFA: Felly, yna eich geiriau chi - Nah. 927 00:41:37,855 --> 00:41:40,860 >> JASON Hirschhorn: Ac mae gennym dri - Nid yw hyn yn iawn yma yn llinyn. 928 00:41:40,860 --> 00:41:42,921 Sut rydym yn gwneud ei fod yn llinyn? 929 00:41:42,921 --> 00:41:45,474 Sut ydych chi'n bob amser yn gwneud rhywbeth llinyn? 930 00:41:45,474 --> 00:41:47,242 >> GYNULLEIDFA: Nid wyf yn gwybod. 931 00:41:47,242 --> 00:41:49,570 >> JASON Hirschhorn: Os oes gennyf testun, sut ydw i'n ei wneud yn llinyn? 932 00:41:49,570 --> 00:41:51,615 Yn hoffi i fyny yma ar y rheilffordd hon yma? 933 00:41:51,615 --> 00:41:54,160 >> GYNULLEIDFA: Rhowch ef mewn tabl? 934 00:41:54,160 --> 00:41:56,450 >> JASON Hirschhorn: Beth am hyn? 935 00:41:56,450 --> 00:41:57,290 >> GYNULLEIDFA: Dyfyniad. 936 00:41:57,290 --> 00:41:58,670 >> JASON Hirschhorn: Dwbl dyfyniadau, dde? 937 00:41:58,670 --> 00:42:00,860 Dyfynodau dwbl yn gwneud rhywbeth llinyn. 938 00:42:00,860 --> 00:42:03,720 Felly sy'n gwneud y llinyn, ac mae hyn yn llinyn. 939 00:42:03,720 --> 00:42:05,990 Sut ydw i'n rhoi dau llinynnau gyda'i gilydd mewn JavaScript? 940 00:42:05,990 --> 00:42:06,842 >> GYNULLEIDFA: Dot. 941 00:42:06,842 --> 00:42:07,960 >> JASON Hirschhorn: Heb dot. 942 00:42:07,960 --> 00:42:10,462 Dyna PHP. 943 00:42:10,462 --> 00:42:11,358 >> GYNULLEIDFA: Byd Gwaith. 944 00:42:11,358 --> 00:42:13,200 >> JASON Hirschhorn: Byd Gwaith, yn union i'r dde. 945 00:42:13,200 --> 00:42:15,900 Felly yn ogystal, ac yna beth rydych yn ei wneud Cynigiwn wyf yn ei wneud dros yma? 946 00:42:15,900 --> 00:42:20,900 947 00:42:20,900 --> 00:42:22,400 >> GYNULLEIDFA: dyfyniad arall. 948 00:42:22,400 --> 00:42:24,100 >> JASON Hirschhorn: dyfyniad arall, OK. 949 00:42:24,100 --> 00:42:32,300 950 00:42:32,300 --> 00:42:34,322 Sut ydw i'n dod i ben llinyn? 951 00:42:34,322 --> 00:42:35,660 >> GYNULLEIDFA: dyfyniad arall. 952 00:42:35,660 --> 00:42:36,180 >> JASON Hirschhorn: dyfyniad arall. 953 00:42:36,180 --> 00:42:38,740 A sut ydw i'n rhoi llinyn hwn ynghyd â llinyn hwn? 954 00:42:38,740 --> 00:42:39,810 A mwy. 955 00:42:39,810 --> 00:42:40,630 Dyna'n union gywir. 956 00:42:40,630 --> 00:42:41,540 Rydych yn unig yn gwneud hyn i ni. 957 00:42:41,540 --> 00:42:42,590 Mae hyn yn berffaith. 958 00:42:42,590 --> 00:42:46,320 >> Felly nawr gadewch i ni gwneud hyn. 959 00:42:46,320 --> 00:42:49,050 Ac edrychwch, mae gennym cyfan griw o ddelweddau. 960 00:42:49,050 --> 00:42:49,860 O, fy Nuw. 961 00:42:49,860 --> 00:42:50,770 Mae'r rhai yn frawychus. 962 00:42:50,770 --> 00:42:51,720 Rydym yn mynd i archwilio nhw mewn eiliad. 963 00:42:51,720 --> 00:42:52,010 Yeah, Noa? 964 00:42:52,010 --> 00:42:54,520 >> GYNULLEIDFA: Yr wyf yn gwybod nad yw'n wir mater hwn, ond dylai fyddwch yn cau eich 965 00:42:54,520 --> 00:42:56,005 elfennau gyda tag llun? 966 00:42:56,005 --> 00:42:58,250 >> JASON Hirschhorn: gallai'r ni, os rydym eisiau, cau ein delwedd 967 00:42:58,250 --> 00:43:02,284 tag yn union fel hynny. 968 00:43:02,284 --> 00:43:04,719 Gadewch i ni gwneud hynny. 969 00:43:04,719 --> 00:43:06,330 On, na, ni allwn wneud hynny. 970 00:43:06,330 --> 00:43:07,580 >> GYNULLEIDFA: O, yr wyf yn torrodd. 971 00:43:07,580 --> 00:43:09,090 >> JASON Hirschhorn: Rwy'n credu bod hyn yw dilysu, er. 972 00:43:09,090 --> 00:43:12,380 Nid wyf yn meddwl bod angen y slaes cau. 973 00:43:12,380 --> 00:43:13,490 OK, mae hyn yn wych. 974 00:43:13,490 --> 00:43:14,150 Carlos, diolch i chi. 975 00:43:14,150 --> 00:43:16,270 Hyd yn hyn, y pedwar ohonoch guys wedi gwneud gwaith awesome. 976 00:43:16,270 --> 00:43:19,650 >> Wrth gwrs, fel y gwelwch, rydym yn creu rhyw fath o bevel bwrdd. 977 00:43:19,650 --> 00:43:21,490 Ac yr wyf am y pethau hyn i fod mewn tabl. 978 00:43:21,490 --> 00:43:24,970 Felly, sut ydw i'n rhoi'r rhain pethau mewn tabl? 979 00:43:24,970 --> 00:43:27,020 Yr wyf yn amlwg bod angen mwy o HTML. 980 00:43:27,020 --> 00:43:28,680 Assam, pa fath o HTML ydw i'n ar goll? 981 00:43:28,680 --> 00:43:32,388 982 00:43:32,388 --> 00:43:33,370 >> GYNULLEIDFA: Beth i'w wneud eisiau ei wneud, mae'n ddrwg gennyf? 983 00:43:33,370 --> 00:43:37,430 >> JASON Hirschhorn: Yr wyf am roi'r holl delweddau hyn mewn tabl, felly mae pob llun 984 00:43:37,430 --> 00:43:41,020 ddylai fod yn un golofn y tabl. 985 00:43:41,020 --> 00:43:42,480 Sut ydw i'n dweud hyn yn un golofn? 986 00:43:42,480 --> 00:43:45,090 987 00:43:45,090 --> 00:43:46,010 Rydych chi wedi gweld y cod hwn o'r blaen. 988 00:43:46,010 --> 00:43:46,910 Mae hyn yn P yn gosod saith. 989 00:43:46,910 --> 00:43:48,870 >> GYNULLEIDFA: Rwy'n cofio un yn tr? 990 00:43:48,870 --> 00:43:50,120 >> JASON Hirschhorn: tr ar gyfer rhes. 991 00:43:50,120 --> 00:43:53,904 992 00:43:53,904 --> 00:43:56,430 >> GYNULLEIDFA: Nid wyf yn gwybod ei fod i ffwrdd fy nghalon, ond gallwn wirio. 993 00:43:56,430 --> 00:43:57,140 >> JASON Hirschhorn: A oes gan rhywun yn cofio? 994 00:43:57,140 --> 00:43:57,870 >> GYNULLEIDFA: TD? 995 00:43:57,870 --> 00:44:01,250 >> JASON Hirschhorn: td, yn union i'r dde. td rhoi fel colofn. 996 00:44:01,250 --> 00:44:03,150 Felly os wyf yn rhoi'r td yno, Assam, beth sydd angen i roi? 997 00:44:03,150 --> 00:44:04,600 Beth arall sydd angen i mi ei ychwanegu? 998 00:44:04,600 --> 00:44:05,620 >> GYNULLEIDFA: Mae'n rhaid i chi gau? 999 00:44:05,620 --> 00:44:06,240 >> JASON Hirschhorn: Yn union. 1000 00:44:06,240 --> 00:44:07,490 Ble mae hynny'n mynd? 1001 00:44:07,490 --> 00:44:09,747 1002 00:44:09,747 --> 00:44:11,090 >> GYNULLEIDFA: Iawn yno? 1003 00:44:11,090 --> 00:44:11,970 >> JASON Hirschhorn: Yma? 1004 00:44:11,970 --> 00:44:13,850 >> GYNULLEIDFA: Yr wyf yn credu hynny. 1005 00:44:13,850 --> 00:44:17,104 1006 00:44:17,104 --> 00:44:18,600 >> JASON Hirschhorn: Beth ydyn nhw cau yma? 1007 00:44:18,600 --> 00:44:19,340 Beth sydd hwn? 1008 00:44:19,340 --> 00:44:20,320 Y peth glas? 1009 00:44:20,320 --> 00:44:21,280 >> GYNULLEIDFA: Dyna ar gyfer y ddelwedd. 1010 00:44:21,280 --> 00:44:22,100 Dylai mynd ar ôl, yr wyf yn meddwl. 1011 00:44:22,100 --> 00:44:24,770 >> JASON Hirschhorn: OK, yn union i'r dde. 1012 00:44:24,770 --> 00:44:26,020 Felly, gadewch i ni weld yr hyn a wnaeth hyn. 1013 00:44:26,020 --> 00:44:29,110 1014 00:44:29,110 --> 00:44:30,960 O, mae hynny'n lletchwith. 1015 00:44:30,960 --> 00:44:35,780 1016 00:44:35,780 --> 00:44:39,470 Gadewch i ni agor cefnfor, bwrdd, corff bwrdd, tr. 1017 00:44:39,470 --> 00:44:44,410 Felly mae gennym tunnell, ond yr wyf yn nid ydynt yn gweld y delweddau. 1018 00:44:44,410 --> 00:44:45,110 Dyna 'n annaearol. 1019 00:44:45,110 --> 00:44:48,360 Mae'n edrych fel ei adeiladu, ond Nid oedd yn dangos i mi y delweddau. 1020 00:44:48,360 --> 00:44:50,425 Unrhyw syniadau pam y gallai hynny fod yn wir? 1021 00:44:50,425 --> 00:44:56,910 1022 00:44:56,910 --> 00:44:59,140 Unrhyw syniadau? 1023 00:44:59,140 --> 00:45:01,550 >> GYNULLEIDFA: Os ydych yn sgrolio i lawr, byddwch yn eu gweld. 1024 00:45:01,550 --> 00:45:02,430 >> JASON Hirschhorn: Boom! 1025 00:45:02,430 --> 00:45:06,130 Felly, eu bod yno, ond mae hynny'n rhyfedd bod maen nhw i gyd y ffordd i lawr yno. 1026 00:45:06,130 --> 00:45:07,670 >> GYNULLEIDFA: Maent hefyd nhw i gyd yn olynol. 1027 00:45:07,670 --> 00:45:11,280 >> JASON Hirschhorn: A maen nhw i gyd mewn rhes, ac maen nhw i gyd yn wahanol feintiau. 1028 00:45:11,280 --> 00:45:14,440 Felly Assam, yn rhoi o god un llinell mwy i mi os gallaf wneud pob delwedd y 1029 00:45:14,440 --> 00:45:17,420 un maint, ac mae'n edrych fel fy mod i wedi eisoes wedi dangos maint yr wyf yn 1030 00:45:17,420 --> 00:45:18,440 am iddynt fod. 1031 00:45:18,440 --> 00:45:20,025 Sut alla i wneud pob delwedd yr un maint? 1032 00:45:20,025 --> 00:45:22,978 1033 00:45:22,978 --> 00:45:24,540 Rhowch dyfalu gwyllt. 1034 00:45:24,540 --> 00:45:35,290 1035 00:45:35,290 --> 00:45:36,595 >> Beth am y llinell hon o god? 1036 00:45:36,595 --> 00:45:41,345 1037 00:45:41,345 --> 00:45:43,650 >> GYNULLEIDFA: Allwch chi wneud Fel gyson? 1038 00:45:43,650 --> 00:45:46,740 >> JASON Hirschhorn: Neu lle un arall lle caf ei roi llinell hon o god, 1039 00:45:46,740 --> 00:45:47,740 os Fi jyst gopïo? 1040 00:45:47,740 --> 00:45:49,280 >> GYNULLEIDFA: Yr holl ffordd i lawr ar yr un llinell? 1041 00:45:49,280 --> 00:45:52,000 >> JASON Hirschhorn: OK, gadewch i ni roi yn y fan hon, yn union i'r dde. 1042 00:45:52,000 --> 00:45:54,320 Ac yn awr gadewch i ni weld beth fydd yn digwydd. 1043 00:45:54,320 --> 00:45:56,030 O, fy daioni! 1044 00:45:56,030 --> 00:46:00,290 Nawr mae'n edrych fel rydym yn dechrau i gael rhywbeth, ac mae'n edrych fel eu bod yn 1045 00:46:00,290 --> 00:46:06,950 pob math o ffitio yn y tabl sy'n rydym wedi adeiladu ym mhob td. 1046 00:46:06,950 --> 00:46:10,195 >> Hefyd, Assam, gadewch i ni ddweud Rwy'n hoffi eu uchder i fod ychydig yn fwy - 1047 00:46:10,195 --> 00:46:12,700 1048 00:46:12,700 --> 00:46:19,260 y peth uchder yn taflu m off, felly beth ddylwn i ei gosod ar eu taldra? 1049 00:46:19,260 --> 00:46:20,210 Dewiswch unrhyw nifer. 1050 00:46:20,210 --> 00:46:20,860 >> GYNULLEIDFA: 200? 1051 00:46:20,860 --> 00:46:21,000 >> JASON Hirschhorn: 200. 1052 00:46:21,000 --> 00:46:22,380 Rydw i'n mynd i godi 100. 1053 00:46:22,380 --> 00:46:22,940 Mae hynny'n wych. 1054 00:46:22,940 --> 00:46:25,540 Am 'n sylweddol cara 200. 1055 00:46:25,540 --> 00:46:26,140 Dyna ni! 1056 00:46:26,140 --> 00:46:31,830 OK, yn awr mae hyn yn dechrau edrych yn well ac ychydig yn fwy trefnus. 1057 00:46:31,830 --> 00:46:35,020 1058 00:46:35,020 --> 00:46:38,170 >> Unrhyw sylwadau eraill am yr hyn mae angen i ni ei wneud i storio lluniau o ddolffiniaid? 1059 00:46:38,170 --> 00:46:38,530 Yeah? 1060 00:46:38,530 --> 00:46:42,810 >> GYNULLEIDFA: A yw'r dyfyniadau, neu'r un dyfyniadau, o amgylch y gwerthoedd ar gyfer 1061 00:46:42,810 --> 00:46:45,015 ffynhonnell, uchder, lled, yw'r rhai dewisol? 1062 00:46:45,015 --> 00:46:46,710 >> JASON Hirschhorn: Lle dyfyniadau sengl? 1063 00:46:46,710 --> 00:46:50,340 >> GYNULLEIDFA: Fel yn rhai o'r enghreifftiau, byddech wedi hoffi uchder 1064 00:46:50,340 --> 00:46:53,050 hafal dyfyniad "150." A yw nad oes angen. 1065 00:46:53,050 --> 00:46:54,510 >> JASON Hirschhorn: Felly gadewch i ni edrych i lawr yma. 1066 00:46:54,510 --> 00:47:04,120 Os byddwn yn cliciwch ar y cefnfor, mynd i mewn i dabl, byddwch yn sylwi i lawr yma mewn gwirionedd 1067 00:47:04,120 --> 00:47:05,540 Ychwanegodd dyfyniadau hynny i mi. 1068 00:47:05,540 --> 00:47:08,310 >> GYNULLEIDFA: OK. 1069 00:47:08,310 --> 00:47:12,080 >> JASON Hirschhorn: Ac felly yr wyf yn sylweddoli pa rydym yn ei wneud yn ymddangos yn boenus o araf. 1070 00:47:12,080 --> 00:47:14,950 Dim ond tair llinell o god Rydym wedi ysgrifennu hyd yn hyn, neu bedwar linellau o god, ond 1071 00:47:14,950 --> 00:47:18,130 mae hyn mewn gwirionedd y broses a Byddaf yn mynd drwy bob tro yr wyf am 1072 00:47:18,130 --> 00:47:18,990 i wneud y wefan hon. 1073 00:47:18,990 --> 00:47:22,800 Fesul llinell, gan ddefnyddio'r consol i lawr yma, gan archwilio pethau a figuring 1074 00:47:22,800 --> 00:47:24,320 allan cam-wrth-gam yr hyn yr wyf am ei wneud. 1075 00:47:24,320 --> 00:47:28,580 Felly, gobeithio, mae hyn yn dynwared i chi guys mewn ffordd dda, addysgol yr hyn yr ydych 1076 00:47:28,580 --> 00:47:31,055 mewn gwirionedd yn cael ei wneud pan i chi greu eich gwefan. 1077 00:47:31,055 --> 00:47:34,260 1078 00:47:34,260 --> 00:47:35,410 >> Gadewch i ni symud ymlaen. 1079 00:47:35,410 --> 00:47:36,500 Rydym wedi creu y pethau hyn. 1080 00:47:36,500 --> 00:47:37,240 Rydw i'n mynd i mewn gwirionedd - 1081 00:47:37,240 --> 00:47:40,950 Avie, mae gennyf gwestiwn mawr i chi. 1082 00:47:40,950 --> 00:47:43,350 Nid wyf yn gwybod, byddwn yn symud ymlaen. 1083 00:47:43,350 --> 00:47:48,950 Gadewch i ni fynd i "dolffin trên pan fydd ei llun ei glicio. "Sut ydych chi'n 1084 00:47:48,950 --> 00:47:51,288 Cynigiwn wyf yn ysgrifennu y llinell o cod? 1085 00:47:51,288 --> 00:47:54,235 >> GYNULLEIDFA: Mae swyddogaeth a elwir yn "trên." 1086 00:47:54,235 --> 00:47:57,030 >> JASON Hirschhorn: Mae yna swyddogaeth a elwir yn "trên," yn union gywir. 1087 00:47:57,030 --> 00:47:59,520 >> GYNULLEIDFA: Mae'n disgwyl mynegai. 1088 00:47:59,520 --> 00:48:02,630 >> JASON Hirschhorn: Trên yn disgwyl mynegai, felly, OK. 1089 00:48:02,630 --> 00:48:05,020 Avie, mae hyn yn union y rhesymau fy mod yn caru ei weld. 1090 00:48:05,020 --> 00:48:06,320 Trên yn disgwyl mynegai. 1091 00:48:06,320 --> 00:48:08,230 >> GYNULLEIDFA: Felly, rydych chi'n mynd i gael ar gyfer dolen. 1092 00:48:08,230 --> 00:48:11,540 >> JASON Hirschhorn: Wel, yr wyf am ei wneud pan fydd darlun ei glicio, felly Avie, 1093 00:48:11,540 --> 00:48:15,140 sut ydw i'n monitro pan fydd darlun yn clicio? 1094 00:48:15,140 --> 00:48:16,380 Mae cwpl o ffyrdd o wneud hynny. 1095 00:48:16,380 --> 00:48:20,330 Mae hyn yn y pŵer JavaScript a jQuery, ond hefyd y rhan anoddaf. 1096 00:48:20,330 --> 00:48:22,950 >> GYNULLEIDFA: Os parenthesis, peidio. 1097 00:48:22,950 --> 00:48:27,390 Neu os ddigwyddiad cromfachau, neu rywbeth gymharol syml? 1098 00:48:27,390 --> 00:48:30,850 >> JASON Hirschhorn: Felly gwelsom cwpl ffyrdd o wneud hyn yn y ddarlith. 1099 00:48:30,850 --> 00:48:36,860 Un peth oedd, i lawr yma, gallech gwneud rhywbeth fel y gallech greu 1100 00:48:36,860 --> 00:48:39,340 swyddogaeth fel ar clic, neu a oes rhywbeth fel ar cliciwch. 1101 00:48:39,340 --> 00:48:41,620 Mae pawb yn cofio gweld rhywbeth fel 'na? 1102 00:48:41,620 --> 00:48:46,630 Rydych yn ei wneud y tu mewn i'r tag HTML. 1103 00:48:46,630 --> 00:48:47,910 Rwy'n gweld rhai wynebau yn wag. 1104 00:48:47,910 --> 00:48:49,910 Mae rhai pobl yn debyg, beth mae e'n siarad am? 1105 00:48:49,910 --> 00:48:52,150 >> Mae hynny'n iawn oherwydd fy mod yn credu mai dyna'r ffordd fwy cymhleth i wneud hynny. 1106 00:48:52,150 --> 00:48:55,110 Rydym yn mynd i wneud llawer haws tramwy gan ddefnyddio jQuery. 1107 00:48:55,110 --> 00:48:55,560 Felly, Avie? 1108 00:48:55,560 --> 00:48:57,350 >> GYNULLEIDFA: EM? 1109 00:48:57,350 --> 00:49:00,280 >> JASON Hirschhorn: Os wyf i am wneud rhywbeth jQuery, yr wyf yn amlwg yn dechrau, 1110 00:49:00,280 --> 00:49:05,090 fel o'r blaen, gyda'r arwydd doler, ar agor paren, paren agos, a dwbl 1111 00:49:05,090 --> 00:49:06,120 dyfyniadau i mewn yma. 1112 00:49:06,120 --> 00:49:07,660 Nawr rydym yn gwybod angen dewisydd I yn yma. 1113 00:49:07,660 --> 00:49:11,720 Pa dewisydd ydych chi'n ei gynnig yn berthnasol i bob un ddelwedd neu bob 1114 00:49:11,720 --> 00:49:14,680 darlun sengl? 1115 00:49:14,680 --> 00:49:16,160 >> GYNULLEIDFA: Delwedd? 1116 00:49:16,160 --> 00:49:17,840 >> JASON Hirschhorn: Mae hynny'n yn union gywir. 1117 00:49:17,840 --> 00:49:20,240 A fydd yn berthnasol i bob un ddelwedd. 1118 00:49:20,240 --> 00:49:20,940 Yn rhoi'r cyfle i bob un ohonynt. 1119 00:49:20,940 --> 00:49:24,005 Dyw hi ddim yn ID, nid yw'n dosbarth, mae'n math o tag, ac mae hyn yn mynd i 1120 00:49:24,005 --> 00:49:24,970 cael pob un un. 1121 00:49:24,970 --> 00:49:27,610 >> Ac yn awr yr wyf i'n mynd i ddweud wrthych hyn am y tro, a gallwch edrych i fyny yn fwy 1122 00:49:27,610 --> 00:49:33,540 dogfennau arno yn ddiweddarach, ond mae hyn yn beth a elwir yn "ar" yn delio â digwyddiadau. 1123 00:49:33,540 --> 00:49:37,370 Felly, yr hyn yr ydych yn cael i wneud yn awr, ac sydd yn super pwerus, yn dweud pa fath o 1124 00:49:37,370 --> 00:49:40,260 digwyddiad yr ydych yn chwilio amdano a beth rydych am ei wneud pan fyddwch yn 1125 00:49:40,260 --> 00:49:41,160 derbyn y digwyddiad hwnnw. 1126 00:49:41,160 --> 00:49:43,155 Felly, yr wyf i'n mynd i roi ychydig i chi ychydig mwy o cod, Avie, yna 1127 00:49:43,155 --> 00:49:44,200 mae'n rhaid i chi fynd, iawn? 1128 00:49:44,200 --> 00:49:46,700 >> GYNULLEIDFA: OK. 1129 00:49:46,700 --> 00:49:50,030 >> GYNULLEIDFA: Ar - rydym yn mynd i ddweud "Cliciwch" yn yr achos hwn, a wnewch chi helpu 1130 00:49:50,030 --> 00:49:50,750 yn gyffredinol yn defnyddio. 1131 00:49:50,750 --> 00:49:54,460 Felly, ar cliciwch, ac yna rydym yn mynd i ei throsglwyddo swyddogaeth ddienw. 1132 00:49:54,460 --> 00:50:01,840 1133 00:50:01,840 --> 00:50:04,100 A chystrawen hon, rydych yn mynd i weld llawer, a gobeithio y byddwch yn 1134 00:50:04,100 --> 00:50:05,210 yn ysgrifennu llawer. 1135 00:50:05,210 --> 00:50:10,350 Beth mae hyn yn ei wneud yw, unwaith eto, ar y cliciwch o rywbeth a elwir yn ddelwedd, beth bynnag, 1136 00:50:10,350 --> 00:50:14,960 unrhyw beth a elwir yn ddelwedd, yr ydym yn mynd i redeg y swyddogaeth dienw. 1137 00:50:14,960 --> 00:50:16,260 >> Dydw i ddim yn rhoi enw. 1138 00:50:16,260 --> 00:50:18,180 Dydw i ddim yn ei basio unrhyw ddadleuon. 1139 00:50:18,180 --> 00:50:21,870 Im 'jyst, fel, gan greu dyma weithredu, a dyma beth y cod 1140 00:50:21,870 --> 00:50:22,750 ydych chi'n mynd i wneud. 1141 00:50:22,750 --> 00:50:24,310 Dyna gyda'r gystrawen mae hyn yn golygu. 1142 00:50:24,310 --> 00:50:27,500 A hefyd, fel y byddwch yn sylwi, mae'n edrych yn debyg iawn i hyn i fyny yma ein bod yn 1143 00:50:27,500 --> 00:50:29,310 Ysgrifennodd o'r blaen. 1144 00:50:29,310 --> 00:50:30,400 >> OK, Avie. 1145 00:50:30,400 --> 00:50:34,720 Felly rydych chi am ffonio trên ar mynegai. 1146 00:50:34,720 --> 00:50:35,690 A yw bod yr hyn yr ydych am ei wneud? 1147 00:50:35,690 --> 00:50:36,400 >> GYNULLEIDFA: Ydw. 1148 00:50:36,400 --> 00:50:36,800 >> JASON Hirschhorn: Hynny yw? 1149 00:50:36,800 --> 00:50:37,840 OK. 1150 00:50:37,840 --> 00:50:38,610 Gadewch i ni weld beth sy'n digwydd. 1151 00:50:38,610 --> 00:50:39,420 >> GYNULLEIDFA: Arhoswch, er. 1152 00:50:39,420 --> 00:50:41,240 Nid yw Mynegai yn newidyn ar hyn o bryd. 1153 00:50:41,240 --> 00:50:42,520 >> JASON Hirschhorn: Felly nid mynegai yn newidyn ar hyn o bryd. 1154 00:50:42,520 --> 00:50:43,780 Nid wyf yn gwybod o ble y cawsoch rhag. 1155 00:50:43,780 --> 00:50:45,030 >> GYNULLEIDFA: [Anghlywadwy]. 1156 00:50:45,030 --> 00:50:47,440 1157 00:50:47,440 --> 00:50:51,280 Felly mae angen i chi chyfrif i maes gyntaf sy'n dolffin got clicio? 1158 00:50:51,280 --> 00:50:52,440 >> JASON Hirschhorn: Ardderchog. 1159 00:50:52,440 --> 00:50:55,260 Mae angen i chi chyfrif i maes pa dolffin got glicio. 1160 00:50:55,260 --> 00:50:56,840 Mae hon yn ergyd gwyllt yn y tywyllwch. 1161 00:50:56,840 --> 00:50:59,355 Unrhyw un yn cael unrhyw syniad sut y gallaf ffigwr pa dolffin got clicio? 1162 00:50:59,355 --> 00:51:03,280 Os na, 'n annhymerus' jyst yn rhoi i chi, oherwydd mae hyn yn eithaf crazy. 1163 00:51:03,280 --> 00:51:04,350 OK. 1164 00:51:04,350 --> 00:51:06,670 Felly, gadewch i ni argraffu drwy console.log. 1165 00:51:06,670 --> 00:51:17,440 1166 00:51:17,440 --> 00:51:19,550 >> Y peth hyn. 1167 00:51:19,550 --> 00:51:25,830 Felly, arwydd doler, paren agored, paren agos hwn. 1168 00:51:25,830 --> 00:51:28,110 Felly, pan fyddaf yn clicio ar y ddelwedd hon, dw i'n mynd i argraffu'r dudalen hon, i'r consol, 1169 00:51:28,110 --> 00:51:29,030 a gadewch i ni weld beth sy'n digwydd. 1170 00:51:29,030 --> 00:51:30,820 Gadewch i ni fynd yn ôl yma. 1171 00:51:30,820 --> 00:51:31,640 Gadewch i ni fynd i chysura. 1172 00:51:31,640 --> 00:51:33,950 Unrhyw wallau, diolch byth. 1173 00:51:33,950 --> 00:51:35,420 >> OK. 1174 00:51:35,420 --> 00:51:36,040 Wyf yn clicio. 1175 00:51:36,040 --> 00:51:37,660 Gadewch i mi wneud hynny eto. 1176 00:51:37,660 --> 00:51:43,290 Wyf yn clicio ar y ddelwedd hon yn gyntaf, ac mae hyn yn got printiedig i'r consol, 1177 00:51:43,290 --> 00:51:44,200 llinell hon o bethau. 1178 00:51:44,200 --> 00:51:47,230 Rydw i'n mynd i fod yn defnyddio'r gair "y" llawer. 1179 00:51:47,230 --> 00:51:52,000 Mae hyn yn peth iawn yma, mae hyn, yn dda iawn arbennig, ac mae'n gwneud yn union yr hyn y 1180 00:51:52,000 --> 00:51:53,340 Avie eisiau iddo wneud. 1181 00:51:53,340 --> 00:51:57,640 Mae'n mynd yn beth bynnag oedd yn clicio ar neu beth bynnag. 1182 00:51:57,640 --> 00:52:01,850 Oherwydd unwaith eto, dewisydd hyn yn digwydd i ddelio â llawer o bethau, nid ydym yn ei wneud 1183 00:52:01,850 --> 00:52:05,310 o reidrwydd yn gwybod pa beth rydym yn siarad am, felly rydym yn awyddus i ffigur 1184 00:52:05,310 --> 00:52:08,300 pa beth yr ydym yn siarad am drwy cystrawen hwn. 1185 00:52:08,300 --> 00:52:12,320 Yn yr achos hwn i'r dde yma, cefnfor hashtag, rydym bob amser yn gwybod pa beth rydym yn 1186 00:52:12,320 --> 00:52:14,740 yn mynd i fod yn siarad am, felly ni fyddwn byth angen hyn yn wir 1187 00:52:14,740 --> 00:52:15,880 y tu mewn i cefnfor hashtag. 1188 00:52:15,880 --> 00:52:18,430 Mae bob amser y môr, y div. 1189 00:52:18,430 --> 00:52:21,770 Mae'n adnabod, dim ond un peth posibl. 1190 00:52:21,770 --> 00:52:25,840 >> Ond yn yr achos hwn, mae hyn yn berthnasol i lawer o ddelweddau, mewn gwirionedd, chwe delwedd, 1191 00:52:25,840 --> 00:52:28,180 ac felly rydym eisiau gwybod beth penodol ddelwedd glicio ar. 1192 00:52:28,180 --> 00:52:33,022 Ac mae'n edrych fel hyn yw'r math o wybodaeth yr ydym yn ei gael. 1193 00:52:33,022 --> 00:52:41,540 Rydym yn cael ei fod yn edrych fel rhyw mawr llinyn, ac rydym yn cael hyn oll 1194 00:52:41,540 --> 00:52:43,890 gwybodaeth gyda hyn. 1195 00:52:43,890 --> 00:52:46,550 Rydym yn cael tunnell a tunnell a tunnell o bethau. 1196 00:52:46,550 --> 00:52:48,020 jQuery yn super pwerus. 1197 00:52:48,020 --> 00:52:53,890 Mae'n rhoi tunnell o wybodaeth i ni am yr elfen HTML penodol. 1198 00:52:53,890 --> 00:52:58,484 Avie, beth ydym eisiau gwybod am yr elfen HTML? 1199 00:52:58,484 --> 00:53:00,306 >> GYNULLEIDFA: Rhywbeth fel adnabod. 1200 00:53:00,306 --> 00:53:01,190 >> JASON Hirschhorn: Mae adnabod. 1201 00:53:01,190 --> 00:53:04,375 Wel, mae gennym ffynhonnell, lled, ac uchder. 1202 00:53:04,375 --> 00:53:06,246 >> GYNULLEIDFA: Gall Rydym yn defnyddio ffynhonnell. 1203 00:53:06,246 --> 00:53:07,190 >> JASON Hirschhorn: Rydym yn yn gallu defnyddio'r ffynhonnell. 1204 00:53:07,190 --> 00:53:09,140 Bydd hynny'n rhoi llinyn i ni, llinyn URL. 1205 00:53:09,140 --> 00:53:10,330 Beth ydym yn mynd i'w wneud gyda sydd ar ôl i ni gael hynny? 1206 00:53:10,330 --> 00:53:11,800 Sut ydym yn mynd yn ôl at ein mynegai yn ocean_array? 1207 00:53:11,800 --> 00:53:14,725 >> GYNULLEIDFA: Gallwn gymharu i'r llall. 1208 00:53:14,725 --> 00:53:16,910 >> JASON Hirschhorn: Felly gallem ddolen drwy bob un. 1209 00:53:16,910 --> 00:53:21,350 Nawr rydym gallai dolen eto ac yna cymharu hyn. 1210 00:53:21,350 --> 00:53:23,860 Rhagweld beth fyddai'r ffordd symlach, pe gallech dim ond dychmygu un? 1211 00:53:23,860 --> 00:53:25,564 >> GYNULLEIDFA: Peidio â gorfod ddolen. 1212 00:53:25,564 --> 00:53:26,930 >> JASON Hirschhorn: Peidio â gorfod ddolen. 1213 00:53:26,930 --> 00:53:29,210 >> GYNULLEIDFA: Dim ond figuring dolffin, [Anghlywadwy]. 1214 00:53:29,210 --> 00:53:31,430 >> JASON Hirschhorn: Figuring pa dolffin. 1215 00:53:31,430 --> 00:53:31,940 OK. 1216 00:53:31,940 --> 00:53:34,780 Felly, gadewch i ni arbed y wybodaeth yn y tag ddelwedd. 1217 00:53:34,780 --> 00:53:37,370 Ac eto, ar hyn o bryd, yn rhan o bethau hwn yn unig hudol am fy mod efallai 1218 00:53:37,370 --> 00:53:39,950 yn dangos i chi hyn am y tro cyntaf, ond gobeithio y rhain yn bethau 1219 00:53:39,950 --> 00:53:41,140 ydych yn mynd i gael ei wneud. 1220 00:53:41,140 --> 00:53:43,440 Felly, mae hyn yn rhywbeth hudolus gallwch ei wneud. 1221 00:53:43,440 --> 00:53:46,500 Gallwch arbed rhywfaint o metadata ychwanegol mewn elfen. 1222 00:53:46,500 --> 00:53:48,080 Ni fydd yn arddangos i fyny, ni fydd yn effeithio ar unrhyw beth. 1223 00:53:48,080 --> 00:53:49,370 Alli jyst gadw yno. 1224 00:53:49,370 --> 00:53:54,170 Ac yr wyf yn cynnig rydym yn arbed y mynegai gyda phob llun. 1225 00:53:54,170 --> 00:54:03,020 >> Felly, y ffordd yr ydych wneud hynny yw i chi greu priodoledd o'r enw dash data, a 1226 00:54:03,020 --> 00:54:04,750 Yna, beth bynnag enw a am ei roi. 1227 00:54:04,750 --> 00:54:08,940 Dash data yn beth arbennig sy'n a roddir i chi, ac mae'n dweud bod hyn yn 1228 00:54:08,940 --> 00:54:10,990 rhywbeth y mae'r defnyddiwr yn mynd i greu. 1229 00:54:10,990 --> 00:54:17,380 Felly, rydym yn creu peth hyn a elwir mynegai, yr allwedd hon a elwir yn fynegai. 1230 00:54:17,380 --> 00:54:21,530 >> Ac tu mewn iddo, yr ydym yn mynd i roi nid dim ond un bob tro, ond beth yw 1231 00:54:21,530 --> 00:54:22,710 rydym yn rhoi tu mewn iddo, Avie? 1232 00:54:22,710 --> 00:54:23,960 Beth sy'n digwydd yma? 1233 00:54:23,960 --> 00:54:28,002 1234 00:54:28,002 --> 00:54:29,954 >> GYNULLEIDFA: Dolphin. 1235 00:54:29,954 --> 00:54:31,140 >> JASON Hirschhorn: Dolphin. 1236 00:54:31,140 --> 00:54:33,370 Nid yw hynny'n y gair hwnnw. 1237 00:54:33,370 --> 00:54:34,920 Dolphin. 1238 00:54:34,920 --> 00:54:38,300 Ac eto, yr ydym eisoes hargraffu dolffin yn gynharach, fod 0, 1, 2, 3, 4, 5, a 1239 00:54:38,300 --> 00:54:39,590 rydym yn arbed hynny gyda'r ddelwedd. 1240 00:54:39,590 --> 00:54:42,250 1241 00:54:42,250 --> 00:54:48,580 >> Felly yn awr, os wyf yn ei wneud - ac eto, rydym yn arbed y metadata. 1242 00:54:48,580 --> 00:54:50,070 Sut yr ydych yn cael mynediad y metadata? 1243 00:54:50,070 --> 00:54:52,690 Mae'n gyda swyddogaeth o'r enw yn unig "data." Ac mae angen i chi basio yn un 1244 00:54:52,690 --> 00:54:57,960 a dim ond un ddadl, a oedd yn yw enw'r peth. 1245 00:54:57,960 --> 00:55:00,150 Felly, yr wyf i'n mynd i argraffu hwn, ac yna byddaf yn cymryd cwestiynau. 1246 00:55:00,150 --> 00:55:04,800 Ond yn y bôn, yr wyf ddim yn dweud yn rhoi fy hyn yn gwrthrych sy'n cael ei glicio ar, yn edrych 1247 00:55:04,800 --> 00:55:07,790 ym mhob un o'i briodoleddau data, a'r un a elwir yn "mynegeio," 1248 00:55:07,790 --> 00:55:09,080 rhoi'r gwerth mi. 1249 00:55:09,080 --> 00:55:11,580 >> A gadewch i ni weld beth sy'n digwydd pan rydym yn adnewyddu'r dudalen hon. 1250 00:55:11,580 --> 00:55:14,910 1251 00:55:14,910 --> 00:55:17,580 Yn union beth yr oeddem yn disgwyl. 1252 00:55:17,580 --> 00:55:18,910 Unwaith eto, a oedd yn eithaf hudol. 1253 00:55:18,910 --> 00:55:20,680 Rydym yn unig yn gwneud llawer iawn yno. 1254 00:55:20,680 --> 00:55:22,360 Sydd ag unrhyw gwestiynau am hynny? 1255 00:55:22,360 --> 00:55:22,560 Yeah? 1256 00:55:22,560 --> 00:55:24,540 >> GYNULLEIDFA: Fi jyst gwestiwn am eich cod byw. 1257 00:55:24,540 --> 00:55:27,590 Byddwch yn defnyddio fel dyfyniad sengl, dwbl dyfyniad, fel iawn yno. 1258 00:55:27,590 --> 00:55:28,534 >> JASON Hirschhorn: Iawn yma. 1259 00:55:28,534 --> 00:55:29,006 >> GYNULLEIDFA: Yeah. 1260 00:55:29,006 --> 00:55:33,300 A oes rheswm pam eich bod yn gwneud y dyfyniad sengl, dwbl dyfyniad? 1261 00:55:33,300 --> 00:55:35,190 >> JASON Hirschhorn: Mae 'na reswm, ac mae hyn yn mynd yn ôl at yr hyn Marcus 1262 00:55:35,190 --> 00:55:35,830 ofynnwyd yn gynharach. 1263 00:55:35,830 --> 00:55:38,940 Yn y llinell hon, yr oeddwn yn bod yn ychydig yn well yn fy codio. 1264 00:55:38,940 --> 00:55:43,810 Yr wyf am i hyn, ac mae hyn yn hyn yr wyf yn onest ddylai fod wedi gwneud pob un o'r 1265 00:55:43,810 --> 00:55:46,240 amser, er lled ac uchder yn arbennig. 1266 00:55:46,240 --> 00:55:49,090 Gadewch i ni edrych i lawr yma. 1267 00:55:49,090 --> 00:55:50,280 Byddwch yn gweld yma, gallwch weld bod? 1268 00:55:50,280 --> 00:55:54,620 Yr wyf yn gwybod ei fod yn fath o fach, ond mae data mynegai llinell doriad mewn dyfynodau dwbl. 1269 00:55:54,620 --> 00:55:56,240 Y pethau hynny bob amser angen i fod mewn dyfynodau dwbl. 1270 00:55:56,240 --> 00:55:58,630 Bob amser angen i'r gwerth fod mewn dyfynodau dwbl. 1271 00:55:58,630 --> 00:56:01,910 >> Ond yma, os wyf yn gwneud dyfyniad dwbl, bod yn dod i ben llinyn hwn yn iawn yma, 1272 00:56:01,910 --> 00:56:03,930 ac erbyn hyn ni fyddwn yn teipio mewn llinyn. 1273 00:56:03,930 --> 00:56:09,600 Felly yr wyf yn mynd o gwmpas hynny drwy dim ond gan ddefnyddio dyfyniad sengl, gan fod un dyfynbris 1274 00:56:09,600 --> 00:56:13,120 nid yw'n dod i ben y llinyn JavaScript, ond yn HTML nid yw'n gofal os ydych yn 1275 00:56:13,120 --> 00:56:14,270 rhoi dyfynodau sengl neu dyfynodau dwbl. 1276 00:56:14,270 --> 00:56:16,395 Bydd yn jyst dehongli fel dyfynodau dwbl. 1277 00:56:16,395 --> 00:56:17,460 A yw hynny'n gwneud synnwyr? 1278 00:56:17,460 --> 00:56:17,855 Yeah? 1279 00:56:17,855 --> 00:56:21,225 >> GYNULLEIDFA: Sut ydych chi'n cael y cyfeiriad IP yng ngwaelod eich cleient? 1280 00:56:21,225 --> 00:56:22,473 Mine yn dweud unrhyw gyfeiriad IP. 1281 00:56:22,473 --> 00:56:24,450 A oes rhywbeth y dylwn wedi'i wneud yn [Anghlywadwy]. 1282 00:56:24,450 --> 00:56:26,385 >> JASON Hirschhorn: Yn eich offer, mae wedi ddim? 1283 00:56:26,385 --> 00:56:27,043 >> GYNULLEIDFA: Ydw. 1284 00:56:27,043 --> 00:56:29,540 >> JASON Hirschhorn: Mae rhywbeth gallwch ei wneud i atgyweiria 'i, ond dydw i ddim 1285 00:56:29,540 --> 00:56:31,030 mynd i dreulio amser yn cerdded drwy hynny ar hyn o bryd. 1286 00:56:31,030 --> 00:56:33,705 Ond gallwn wneud hynny ar ôl adran. 1287 00:56:33,705 --> 00:56:38,520 >> GYNULLEIDFA: Os ydych yn mynd yn ôl i y consol, pam yr oedd y 1288 00:56:38,520 --> 00:56:41,168 rhif a restrir 012,321? 1289 00:56:41,168 --> 00:56:42,480 >> JASON Hirschhorn: Consol? 1290 00:56:42,480 --> 00:56:44,760 O, oherwydd Fi jyst yn glicio o gwmpas gwyllt. 1291 00:56:44,760 --> 00:56:45,440 >> GYNULLEIDFA: O, OK. 1292 00:56:45,440 --> 00:56:46,410 Peidiwch byth â meddwl. 1293 00:56:46,410 --> 00:56:50,754 >> JASON Hirschhorn: Ac eto, yr wyf yn gallu ei glicio ar rywbeth o weithiau bajillion. 1294 00:56:50,754 --> 00:56:53,500 >> GYNULLEIDFA: Mae gennyf gwestiwn am eich dolen eto, eich ar gyfer dolenni. 1295 00:56:53,500 --> 00:56:56,450 Oherwydd eich bod yn gwybod yn P yn gosod wyth, maent yn ddefnyddio ffurflen wahanol ar y ddolen. 1296 00:56:56,450 --> 00:57:02,210 Felly, maent yn yn hoffi var i yn hafal i 0, fi llai na, ocean_array.length, i + +. 1297 00:57:02,210 --> 00:57:04,160 A yw'r rhai cyfatebol? 1298 00:57:04,160 --> 00:57:06,070 >> JASON Hirschhorn: Mae hynny'n safon ar gyfer dolen. 1299 00:57:06,070 --> 00:57:07,570 Neu ie, dyna'r ar gyfer dolenni. 1300 00:57:07,570 --> 00:57:08,565 Yn wir, yr ydym wedi gweld hynny'n cyfwerth. 1301 00:57:08,565 --> 00:57:10,450 >> GYNULLEIDFA: Felly dyna gyfwerth yr hyn yr ydych wedi ei wneud yma? 1302 00:57:10,450 --> 00:57:12,030 A yw un well ystyried na'r llall? 1303 00:57:12,030 --> 00:57:13,280 >> JASON Hirschhorn: Na 1304 00:57:13,280 --> 00:57:17,010 1305 00:57:17,010 --> 00:57:20,110 >> Felly, unwaith eto, yr ydym wedi mynd dros rai pethau. 1306 00:57:20,110 --> 00:57:23,170 Rydym bellach wedi symud allan ein parth cysur a dechrau gwneud rhai 'n sylweddol oera 1307 00:57:23,170 --> 00:57:26,840 pethau nad ydym wedi mynd o reidrwydd drosodd yn y dosbarth o'r blaen, ond bydd 1308 00:57:26,840 --> 00:57:28,870 gobeithio fod yn bwerus iawn i chi pan codio. 1309 00:57:28,870 --> 00:57:30,670 >> Avie, gadewch i ni fynd yn ôl i fyny yma. 1310 00:57:30,670 --> 00:57:31,890 Mae gen i'r mynegai y dolffin. 1311 00:57:31,890 --> 00:57:32,850 Nawr beth sydd angen i mi ei wneud? 1312 00:57:32,850 --> 00:57:34,760 >> GYNULLEIDFA: Mae angen i chi hyfforddi ei. 1313 00:57:34,760 --> 00:57:39,985 Felly, yn hytrach na rhoi console.log, rydych yn Gall gosod gyfartal amrywiol i hynny? 1314 00:57:39,985 --> 00:57:40,680 >> JASON Hirschhorn: OK. 1315 00:57:40,680 --> 00:57:41,440 Hynny? 1316 00:57:41,440 --> 00:57:44,450 >> GYNULLEIDFA: Nid wyf yn sicr os gallwch chi wneud hynny. 1317 00:57:44,450 --> 00:57:46,880 >> JASON Hirschhorn: Felly var x yn hafal i hyn, beth bynnag mae hyn yn dychwelyd, 1318 00:57:46,880 --> 00:57:47,650 bydd yn dychwelyd. 1319 00:57:47,650 --> 00:57:48,350 Nid yw o bwys. 1320 00:57:48,350 --> 00:57:49,490 Gall dychwelyd unrhyw newidyn. 1321 00:57:49,490 --> 00:57:51,580 Does dim math yma. 1322 00:57:51,580 --> 00:57:53,970 >> GYNULLEIDFA: Neu fe allech chi yn unig gwneud y swyddogaeth alwad. 1323 00:57:53,970 --> 00:57:55,465 >> JASON Hirschhorn: Yeah, pam nad ydw i'n gwneud hynny? 1324 00:57:55,465 --> 00:57:58,191 Dim ond gwneud y swyddogaeth alwad. 1325 00:57:58,191 --> 00:57:59,105 >> GYNULLEIDFA: Yeah. 1326 00:57:59,105 --> 00:58:01,100 Rhowch set arall o cromfachau. 1327 00:58:01,100 --> 00:58:02,330 >> JASON Hirschhorn: Perffaith. 1328 00:58:02,330 --> 00:58:03,580 Dyna'n union gywir. 1329 00:58:03,580 --> 00:58:07,250 1330 00:58:07,250 --> 00:58:08,830 Felly, a fydd yn galw y swyddogaeth trên. 1331 00:58:08,830 --> 00:58:14,020 Wrth gwrs, nid oes dim yn y trên swyddogaeth, felly yn cynnig, AKSHAR, yr hyn yr wyf 1332 00:58:14,020 --> 00:58:15,440 dylent wneud yn y swyddogaeth trên. 1333 00:58:15,440 --> 00:58:16,400 Rhowch rai cod ffug mi. 1334 00:58:16,400 --> 00:58:20,940 >> GYNULLEIDFA: Yr wyf yn meddwl y dylech chi gael gwared ar y DOLPHIN o'r tabl gwreiddiol. 1335 00:58:20,940 --> 00:58:24,130 1336 00:58:24,130 --> 00:58:27,010 >> JASON Hirschhorn: Ac mae hyn yn mynd yn i Noa yn gynharach pam yr ydym yn copïo 1337 00:58:27,010 --> 00:58:30,510 i mewn i amrywiaeth newydd. 1338 00:58:30,510 --> 00:58:34,650 Iawn, nid am ein bod yn ei wneud i olygu ein dolffiniaid amrywiaeth oherwydd yr hyn os arall 1339 00:58:34,650 --> 00:58:37,390 rhaglen ddefnyddio neu beth os ydym am i gael gafael arno rhywle arall? 1340 00:58:37,390 --> 00:58:41,005 Rydym eisiau gwneud copi, a dyna yr un yr ydym yn mynd i olygu. 1341 00:58:41,005 --> 00:58:46,565 >> GYNULLEIDFA: Yna byddwch yn gosod yn eich lleoliad newydd. 1342 00:58:46,565 --> 00:58:48,990 >> JASON Hirschhorn: A beth mae mae angen i ni wneud ar ôl hynny? 1343 00:58:48,990 --> 00:58:53,298 >> GYNULLEIDFA: Ac yna i chi argraffu'r gwybodaeth am y dolffin. 1344 00:58:53,298 --> 00:58:56,050 1345 00:58:56,050 --> 00:58:57,970 >> JASON Hirschhorn: Mae hynny'n yn union gywir. 1346 00:58:57,970 --> 00:59:03,835 Rydym yn tynnu oddi ar y ocean_array, rydym yn roi yn y pwll, ac yna rydym yn tynnu 1347 00:59:03,835 --> 00:59:06,870 y môr yn y pwll. 1348 00:59:06,870 --> 00:59:09,625 Sut ydw i'n cael gwared ar y dolffin o'r ocean_array? 1349 00:59:09,625 --> 00:59:12,102 >> GYNULLEIDFA: Rydych yn mynd at y mynegai. 1350 00:59:12,102 --> 00:59:13,280 O, OK. 1351 00:59:13,280 --> 00:59:16,076 Defnyddiwch swyddogaeth sbleis. 1352 00:59:16,076 --> 00:59:17,720 >> JASON Hirschhorn: OK, Felly dyna iawn. 1353 00:59:17,720 --> 00:59:20,950 Gallwn ddefnyddio swyddogaeth sbleis sy'n cymryd rhywbeth allan o amrywiaeth a 1354 00:59:20,950 --> 00:59:22,250 cyddwyso hynny. 1355 00:59:22,250 --> 00:59:23,560 Mae hynny'n rhywbeth yr ydym newydd nad ydynt wedi ei weld o'r blaen. 1356 00:59:23,560 --> 00:59:26,120 Ond Fi 'n weithredol yn awyddus i gadw lle yno oherwydd yr wyf am i argraffu 1357 00:59:26,120 --> 00:59:28,092 gofod gwag yn y môr. 1358 00:59:28,092 --> 00:59:36,480 >> GYNULLEIDFA: Felly, yna gallwch osod y ddelwedd y mynegai, y ocean_array 1359 00:59:36,480 --> 00:59:39,636 mynegai dot llun. 1360 00:59:39,636 --> 00:59:41,730 >> JASON Hirschhorn: OK, ocean_array, mynegai. 1361 00:59:41,730 --> 00:59:43,125 >> GYNULLEIDFA: llun Dot. 1362 00:59:43,125 --> 00:59:44,300 >> JASON Hirschhorn: llun Dot. 1363 00:59:44,300 --> 00:59:45,910 >> GYNULLEIDFA: A ydych yn ei osod i NULL? 1364 00:59:45,910 --> 00:59:47,080 >> JASON Hirschhorn: Equals null. 1365 00:59:47,080 --> 00:59:49,440 OK. 1366 00:59:49,440 --> 00:59:53,230 Felly nid oes dim yno, felly, sut ydw i'n eu rhoi yn y pwll? 1367 00:59:53,230 --> 00:59:56,880 Constantine, sut ydw i'n roi yn y pwll? 1368 00:59:56,880 --> 01:00:00,140 Rydym wedi newidyn hwn byddem ni'n ei alw, Gelwir pwll, i fyny yma. 1369 01:00:00,140 --> 01:00:10,810 >> GYNULLEIDFA: A ydym yn unig yn ei wneud hafal mynegai ocean_array? 1370 01:00:10,810 --> 01:00:12,575 >> GYNULLEIDFA: Ni ddylech newid y gorchymyn? 1371 01:00:12,575 --> 01:00:14,325 >> JASON Hirschhorn: Un sec. 1372 01:00:14,325 --> 01:00:14,770 Yeah? 1373 01:00:14,770 --> 01:00:16,980 >> GYNULLEIDFA: Yeah, a oedd yn mewn gwirionedd yn bwynt da. 1374 01:00:16,980 --> 01:00:19,890 1375 01:00:19,890 --> 01:00:24,372 >> JASON Hirschhorn: Beth sy'n mynd yma? 1376 01:00:24,372 --> 01:00:25,510 >> GYNULLEIDFA: A yw'n mynegai? 1377 01:00:25,510 --> 01:00:27,240 >> JASON Hirschhorn: Mynegai, yn union. 1378 01:00:27,240 --> 01:00:29,400 A beth wnaethoch chi ei ddweud, Constantine, yn rhywbeth y dylem ei wneud? 1379 01:00:29,400 --> 01:00:31,530 >> GYNULLEIDFA: Dylem efallai newid y gorchymyn. 1380 01:00:31,530 --> 01:00:34,300 >> JASON Hirschhorn: A pham dylai rydym yn newid y gorchymyn, efallai? 1381 01:00:34,300 --> 01:00:36,166 >> GYNULLEIDFA: Gan fod ar y bwynt mae eisoes null. 1382 01:00:36,166 --> 01:00:39,755 >> JASON Hirschhorn: Felly nid yw'n gyd null, ond rydym wedi colli y ddelwedd URL. 1383 01:00:39,755 --> 01:00:42,295 1384 01:00:42,295 --> 01:00:43,615 Ydyn ni wedi colli am byth? 1385 01:00:43,615 --> 01:00:47,878 1386 01:00:47,878 --> 01:00:48,970 >> GYNULLEIDFA: Yn dechnegol na? 1387 01:00:48,970 --> 01:00:50,540 >> JASON Hirschhorn: A rydym yn ei golli am byth? 1388 01:00:50,540 --> 01:00:51,290 >> GYNULLEIDFA: Na 1389 01:00:51,290 --> 01:00:52,780 >> JASON Hirschhorn: Wel, ble mae e? 1390 01:00:52,780 --> 01:00:54,220 >> GYNULLEIDFA: Yn eich dolffin gwreiddiol - 1391 01:00:54,220 --> 01:00:56,310 >> JASON Hirschhorn: Mae'n LandLine mewn dolffiniaid, ond mewn ocean_array 1392 01:00:56,310 --> 01:00:57,630 rydym wedi colli am byth. 1393 01:00:57,630 --> 01:01:01,910 Felly Constantine, gallwch gynnig ffordd well i ysgrifennu y llinell hon? 1394 01:01:01,910 --> 01:01:03,350 A dweud y gwir, mae'n ddrwg gennyf, mae'n cadw mewn pwll. 1395 01:01:03,350 --> 01:01:08,640 Mae gennym mewn pwll oherwydd pwll yn wrthrych, dde? 1396 01:01:08,640 --> 01:01:12,310 Mynegai Ocean_array, mae ocean_array yn amrywiaeth o wrthrychau. 1397 01:01:12,310 --> 01:01:15,590 >> Felly pwll yn wrthrych, ac mae gennym URL i mewn 'na, ac i lawr 1398 01:01:15,590 --> 01:01:16,220 yma mae'n mynd i null. 1399 01:01:16,220 --> 01:01:19,280 Felly mewn gwirionedd, nid ydym wedi golli am byth. 1400 01:01:19,280 --> 01:01:20,080 Dim ond yn cadw mewn pwll. 1401 01:01:20,080 --> 01:01:23,730 Ond mae'n sicr nid yn ocean_array, ac fel y dywedasoch, Carlos, y mae yn 1402 01:01:23,730 --> 01:01:25,010 yr amrywiaeth dolffiniaid. 1403 01:01:25,010 --> 01:01:25,720 >> Felly, mae hyn yn edrych yn melys. 1404 01:01:25,720 --> 01:01:27,550 Ac yna sut yr ydym yn tynnu môr a'r pwll? 1405 01:01:27,550 --> 01:01:27,780 Mario? 1406 01:01:27,780 --> 01:01:33,060 >> GYNULLEIDFA: Gallwch chi ffoniwch draw_pool a draw_ocean? 1407 01:01:33,060 --> 01:01:36,060 Felly fel, draw_pool, ac yna - 1408 01:01:36,060 --> 01:01:39,522 yn dda, yeah, nid yw'n cymryd unrhyw beth. 1409 01:01:39,522 --> 01:01:40,840 >> JASON Hirschhorn: Great. 1410 01:01:40,840 --> 01:01:42,350 Beth sy'n draw_pool mynd i'w wneud? 1411 01:01:42,350 --> 01:01:43,715 >> GYNULLEIDFA: Tynnwch lun y pwll? 1412 01:01:43,715 --> 01:01:45,360 >> JASON Hirschhorn: Yeah, yn dda, beth rwyt ti'n mynd i'w wneud? 1413 01:01:45,360 --> 01:01:46,605 >> GYNULLEIDFA: Mae'n ddrwg gennyf. 1414 01:01:46,605 --> 01:01:48,310 Gallech wneud yr un peth beth, fel mae - 1415 01:01:48,310 --> 01:01:49,670 >> JASON Hirschhorn: Dal ar, rydym ni'n mynd i gyrraedd yno. 1416 01:01:49,670 --> 01:01:49,880 Dim byd. 1417 01:01:49,880 --> 01:01:50,950 Nid yw'n gwneud dim ar hyn o bryd. 1418 01:01:50,950 --> 01:01:52,080 Gadewch i ni weld os yw hyn yn gweithio, er. 1419 01:01:52,080 --> 01:01:52,520 Pwy roddodd i ni y cod? 1420 01:01:52,520 --> 01:01:54,640 AKSHAR a Constantine yn rhoi i ni y cod? 1421 01:01:54,640 --> 01:01:56,640 OK, gadewch i ni weld beth fydd yn digwydd. 1422 01:01:56,640 --> 01:01:57,810 >> Ah! 1423 01:01:57,810 --> 01:01:59,650 A oedd mor gyffrous. 1424 01:01:59,650 --> 01:02:00,790 Mae'n mynd. 1425 01:02:00,790 --> 01:02:01,810 O, bachgen. 1426 01:02:01,810 --> 01:02:03,060 Dyna fath o hyll. 1427 01:02:03,060 --> 01:02:04,670 Wel, gallwn fynd yn ôl a gosod hynny yn nes ymlaen. 1428 01:02:04,670 --> 01:02:06,490 Tybed lle y mae? 1429 01:02:06,490 --> 01:02:07,890 Rydym yn arbed yn y newidyn pwll. 1430 01:02:07,890 --> 01:02:10,160 Sut y gallaf chyfrif i maes os yw'n yn y newidyn pwll? 1431 01:02:10,160 --> 01:02:15,780 Wel, unwaith eto, mae grym JavaScript, ac yn arbennig yr arfau y 1432 01:02:15,780 --> 01:02:18,280 Chrome yn rhoi i chi, yn y gallwch yn awr archwilio y newidyn pwll. 1433 01:02:18,280 --> 01:02:19,220 Mae'n fyd-eang, cofio? 1434 01:02:19,220 --> 01:02:20,960 Doedden ni ddim yn rhoi'r gair allweddol var. 1435 01:02:20,960 --> 01:02:23,430 Felly os wyf yn fath Rhowch iawn yma, Constantine, beth ydych chi'n meddwl fy mod i'n 1436 01:02:23,430 --> 01:02:24,800 mynd i gael pan fyddaf yn daro Chofnoda? 1437 01:02:24,800 --> 01:02:29,095 1438 01:02:29,095 --> 01:02:30,950 >> GYNULLEIDFA: Nid wyf yn gwybod. 1439 01:02:30,950 --> 01:02:31,470 >> JASON Hirschhorn: Dyfalu. 1440 01:02:31,470 --> 01:02:32,110 >> GYNULLEIDFA: Dim byd? 1441 01:02:32,110 --> 01:02:33,680 >> JASON Hirschhorn: Dim byd, yn anghywir. 1442 01:02:33,680 --> 01:02:35,030 Yr oedd yn dyfalu da, er. 1443 01:02:35,030 --> 01:02:35,920 Yr wyf yn cael y gwrthrych. 1444 01:02:35,920 --> 01:02:37,680 Cofiwch roesoch i mi y llinell o god. 1445 01:02:37,680 --> 01:02:41,550 Pwll, rydych yn arbed yn y amrywiol gwrthrych. 1446 01:02:41,550 --> 01:02:45,180 Ac yn wir, rydym yn gweld y gwrthrych rydych yn arbed ynddo. 1447 01:02:45,180 --> 01:02:46,710 Dyna awesome. 1448 01:02:46,710 --> 01:02:48,510 Gall Rydym yn arolygu oddi yma. 1449 01:02:48,510 --> 01:02:52,110 Mae bron fel amser real GDB bod gallwn edrych drwy ein cod ac 1450 01:02:52,110 --> 01:02:53,520 chyfrif pethau allan. 1451 01:02:53,520 --> 01:02:55,780 Mae hynny'n super oer a super pwerus. 1452 01:02:55,780 --> 01:02:56,860 >> OK, gadewch i ni orffen hyn i fyny. 1453 01:02:56,860 --> 01:02:59,710 Gadewch i ni tynnu y pwll mewn pum munud. 1454 01:02:59,710 --> 01:03:02,960 1455 01:03:02,960 --> 01:03:05,370 Maru, rhowch linell o fi cod i dynnu llun y pwll. 1456 01:03:05,370 --> 01:03:08,975 >> GYNULLEIDFA: Gallwch gael un arall HTML amrywiol, ond / i. 1457 01:03:08,975 --> 01:03:11,070 >> JASON Hirschhorn: Gadewch i ni wneud yn syml iawn ar hyn o bryd. 1458 01:03:11,070 --> 01:03:14,156 Gadewch i ni dim ond argraffu'r enw y dolffin rydym yn hyfforddi. 1459 01:03:14,156 --> 01:03:20,910 >> GYNULLEIDFA: Ac yna gallwch wneud doler llofnodi, cromfachau agored, 1460 01:03:20,910 --> 01:03:23,850 ac yna open quote. 1461 01:03:23,850 --> 01:03:26,420 Amcana pwll punt, os a oedd yn beth. 1462 01:03:26,420 --> 01:03:27,240 Dydw i ddim yn cofio. 1463 01:03:27,240 --> 01:03:28,950 >> JASON Hirschhorn: Gadewch i ni edrych yn ôl. 1464 01:03:28,950 --> 01:03:29,570 Rwy'n credu ei fod yn beth. 1465 01:03:29,570 --> 01:03:30,660 >> GYNULLEIDFA: OK, yeah. 1466 01:03:30,660 --> 01:03:36,460 Ac yna dyfynnwch agos, cromfachau agos . Html, cromfachau agored, 1467 01:03:36,460 --> 01:03:45,880 ac yna yr wyf yn dyfalu pwll, fel braced agored 0 neu rywbeth fel 'na. 1468 01:03:45,880 --> 01:03:47,500 Close enw dot. 1469 01:03:47,500 --> 01:03:49,720 Nid wyf yn gwybod os yw hynny'n gweithio. 1470 01:03:49,720 --> 01:03:51,723 >> GYNULLEIDFA: OK, gadewch i ni weld beth fydd yn digwydd. 1471 01:03:51,723 --> 01:03:55,507 1472 01:03:55,507 --> 01:03:59,040 Msgstr "Methu darllen enw'r eiddo undefined. "Felly eto, dyma beth 1473 01:03:59,040 --> 01:03:59,770 rydym yn mynd i edrych ar. 1474 01:03:59,770 --> 01:04:00,500 Rydym yn mynd i archwilio hyn. 1475 01:04:00,500 --> 01:04:02,710 Gwnaethoch pwll, bracket0 agored,. Enw. 1476 01:04:02,710 --> 01:04:06,060 Unwaith eto, yr wyf yn gwneud hyn drwy'r amser, ac rwy'n ddryslyd beth sy'n digwydd, beth sydd 1477 01:04:06,060 --> 01:04:07,040 rhybudd hwn yn ei olygu. 1478 01:04:07,040 --> 01:04:09,140 Gadewch i ni edrych ar pwll. 1479 01:04:09,140 --> 01:04:12,520 Gadewch i ni edrych ar pwll braced 0, anniffiniedig. 1480 01:04:12,520 --> 01:04:14,430 Felly, dyna lle rydym yn cynnal yn ein problem, dde? 1481 01:04:14,430 --> 01:04:16,130 Nid yw braced Pwll 0 yn ei wneud, yn amlwg, yn bodoli. 1482 01:04:16,130 --> 01:04:19,760 Beth yn eich barn chi yn bodoli? 1483 01:04:19,760 --> 01:04:21,885 >> GYNULLEIDFA: A yw'r pwll yn unig gwrthrych ei ben ei hun? 1484 01:04:21,885 --> 01:04:23,550 >> JASON Hirschhorn: Wel, beth mae'n ei ddweud yma? 1485 01:04:23,550 --> 01:04:25,850 Pan fyddwn yn taro Enter ar y pwll, beth mae'n ei ddweud ei fod yn? 1486 01:04:25,850 --> 01:04:26,510 >> GYNULLEIDFA: Gwrthwynebu. 1487 01:04:26,510 --> 01:04:28,076 >> JASON Hirschhorn: Mae'n gwrthrych, felly? 1488 01:04:28,076 --> 01:04:28,860 >> GYNULLEIDFA: O, ie. 1489 01:04:28,860 --> 01:04:30,700 Felly dim ond pool.name yn hytrach na - 1490 01:04:30,700 --> 01:04:34,650 >> JASON Hirschhorn: Pool.name yn rhoi yn union beth rydych ei eisiau. 1491 01:04:34,650 --> 01:04:38,060 Ac yr wyf yn sylweddoli fy mod i'n mynd drwy'r araf ac yn belaboring y pwynt hwn, ond 1492 01:04:38,060 --> 01:04:39,720 mae hyn yn union sut yr wyf yn gwneud y pethau hyn. 1493 01:04:39,720 --> 01:04:42,270 Rydych yn mynd i redeg i mewn i bugs hyn yn ystod eich prosiect terfynol, felly yr wyf yn gobeithio 1494 01:04:42,270 --> 01:04:44,360 mae hyn yn rhoi grym i chi allu i ddefnyddio'r holl offer hyn. 1495 01:04:44,360 --> 01:04:47,780 Mae'r rhain yn hanfodol a bydd yn yn mynd â chi super duper yn hyn. 1496 01:04:47,780 --> 01:04:50,050 >> Felly, nid wyf am i ddim ond argraffu'r enw. 1497 01:04:50,050 --> 01:04:54,375 Gadewch i ni wneud yn ychydig yn ychydig yn brafiach na hyn. 1498 01:04:54,375 --> 01:04:56,000 >> GYNULLEIDFA: Beth arall ydym ni eisiau i'w wneud? 1499 01:04:56,000 --> 01:04:56,460 >> JASON Hirschhorn: OK, dirwy. 1500 01:04:56,460 --> 01:04:57,390 Byddwn yn gwneud yn union hynny. 1501 01:04:57,390 --> 01:04:57,760 Ych. 1502 01:04:57,760 --> 01:05:00,354 Guys, nid oes gennych bywyd. 1503 01:05:00,354 --> 01:05:02,720 >> OK, ffyniant, got it. 1504 01:05:02,720 --> 01:05:04,040 Yn edrych yn dda. 1505 01:05:04,040 --> 01:05:09,910 Byddwch yn gweld, AKSHAR, i lawr yma, rydym wedi null, nid dod o hyd. 1506 01:05:09,910 --> 01:05:14,760 Felly, mae'n edrych fel ei fod yn dal i geisio ddod o hyd i ddelwedd, ac nid oedd yn ei wneud 1507 01:05:14,760 --> 01:05:15,720 yn union yr hyn yr ydym am ei wneud. 1508 01:05:15,720 --> 01:05:18,690 Nid ydym yn mynd i fynd i mewn i hynny yn awr, ond mae'n debyg bod ffordd glanach o 1509 01:05:18,690 --> 01:05:19,835 wneud hyn. 1510 01:05:19,835 --> 01:05:24,475 >> GYNULLEIDFA: A allech chi adael fel lle gwag ar gyfer y ddelwedd? 1511 01:05:24,475 --> 01:05:27,080 Fel yn hytrach na ei osod i null, allech chi osod i hoffi wag 1512 01:05:27,080 --> 01:05:28,732 llinyn neu rywbeth? 1513 01:05:28,732 --> 01:05:30,020 >> JASON Hirschhorn: Fel hyn? 1514 01:05:30,020 --> 01:05:31,270 >> GYNULLEIDFA: Yeah. 1515 01:05:31,270 --> 01:05:36,894 1516 01:05:36,894 --> 01:05:38,144 >> JASON Hirschhorn: [Anghlywadwy]. 1517 01:05:38,144 --> 01:05:42,000 1518 01:05:42,000 --> 01:05:42,860 Not found. 1519 01:05:42,860 --> 01:05:44,810 Felly mae yna ffordd well o wneud hynny. 1520 01:05:44,810 --> 01:05:46,290 Byddwn yn cynnig gwneud hyn. 1521 01:05:46,290 --> 01:05:50,130 1522 01:05:50,130 --> 01:05:53,080 Dim ond gosod null yno. 1523 01:05:53,080 --> 01:05:54,200 Yna, wrth gwrs, beth sydd mynd i ddigwydd? 1524 01:05:54,200 --> 01:05:56,050 Mae'n mynd i fynd i ffwrdd yn gyfan gwbl. 1525 01:05:56,050 --> 01:06:01,420 Felly, os ydym am gadw lle ac yn gwneud hynny, mae'n debyg ein bod yn awyddus i wneud rhywbeth 1526 01:06:01,420 --> 01:06:05,140 i fyny yma hefyd. 1527 01:06:05,140 --> 01:06:06,650 Rydw i'n mynd i gael i chi ddechrau. 1528 01:06:06,650 --> 01:06:09,076 AKSHAR, rhowch y llinell hon i mi o god wirioneddol gyflym. 1529 01:06:09,076 --> 01:06:17,480 >> GYNULLEIDFA: Os ocean_array, dolffin, yn hafal i, yn hafal i, yn hafal i - yn cyfateb nwl? 1530 01:06:17,480 --> 01:06:20,342 Yeah. 1531 01:06:20,342 --> 01:06:21,466 >> JASON Hirschhorn: Yna beth? 1532 01:06:21,466 --> 01:06:24,046 >> GYNULLEIDFA: Yna, gwnewch html. 1533 01:06:24,046 --> 01:06:27,920 Rydych yn unig gopïo, y cod gwaelod mewn gwirionedd. 1534 01:06:27,920 --> 01:06:29,100 >> JASON Hirschhorn: Copi beth? 1535 01:06:29,100 --> 01:06:30,290 >> GYNULLEIDFA: Gallwch chi gopïo'r - 1536 01:06:30,290 --> 01:06:30,340 >> JASON Hirschhorn: Mae hwn? 1537 01:06:30,340 --> 01:06:31,310 >> GYNULLEIDFA: Yeah. 1538 01:06:31,310 --> 01:06:33,115 >> JASON Hirschhorn: Pob ohono? 1539 01:06:33,115 --> 01:06:35,082 Nid oes gennym delwedd. 1540 01:06:35,082 --> 01:06:37,386 >> GYNULLEIDFA: Yr wyf yn golygu i chi gall dim ond gadael - 1541 01:06:37,386 --> 01:06:39,651 yeah, gallwch gau. 1542 01:06:39,651 --> 01:06:41,560 Ond rwy'n credu rhaid i chi osod y lled. 1543 01:06:41,560 --> 01:06:45,280 >> JASON Hirschhorn: Wel, dim ond creu colofn wag. 1544 01:06:45,280 --> 01:06:45,910 OK. 1545 01:06:45,910 --> 01:06:48,480 Ac yna yn yr achos hwnnw, yr ydym yn annhymerus 'yn ôl pob tebyg am wneud hyn hefyd. 1546 01:06:48,480 --> 01:06:54,587 1547 01:06:54,587 --> 01:06:55,837 >> Wps. 1548 01:06:55,837 --> 01:06:58,810 1549 01:06:58,810 --> 01:06:59,820 Oh. 1550 01:06:59,820 --> 01:07:01,800 Nid oedd yn gweithio, ond nid ydym yn cael y gwall. 1551 01:07:01,800 --> 01:07:03,090 Gadewch i ni weld beth ddigwyddodd i lawr yma. 1552 01:07:03,090 --> 01:07:07,400 1553 01:07:07,400 --> 01:07:09,690 >> Felly, does dim byd yno, felly beth wnaethoch chi ei ddweud y dylem eu hychwanegu? 1554 01:07:09,690 --> 01:07:14,746 >> GYNULLEIDFA: Dylem osod lled y rhes. 1555 01:07:14,746 --> 01:07:15,585 >> JASON Hirschhorn: I ba? 1556 01:07:15,585 --> 01:07:17,590 >> GYNULLEIDFA: Yr wyf yn credu ei fod yn 150. 1557 01:07:17,590 --> 01:07:19,650 >> GYNULLEIDFA: Yeah, yr oedd 150. 1558 01:07:19,650 --> 01:07:21,390 >> JASON Hirschhorn: Byddwn yn rhoi hyn yma i gadw fy cod gyson. 1559 01:07:21,390 --> 01:07:21,730 Ond nid yw hyn yn un. 1560 01:07:21,730 --> 01:07:22,350 OK, yn dda. 1561 01:07:22,350 --> 01:07:23,050 Postio. 1562 01:07:23,050 --> 01:07:25,650 OK? 1563 01:07:25,650 --> 01:07:28,241 Felly mae'n dal i fynd i ffwrdd. 1564 01:07:28,241 --> 01:07:29,780 >> GYNULLEIDFA: O, ffoniwch lled? 1565 01:07:29,780 --> 01:07:32,570 1566 01:07:32,570 --> 01:07:35,140 >> JASON Hirschhorn: Mae'n edrych fel y lled yn 150. 1567 01:07:35,140 --> 01:07:36,290 Gadewch i ni weld. 1568 01:07:36,290 --> 01:07:39,375 Nawr rydym yn mynd i wneud y rownd derfynol, oer, beth pwerus fy mod yn 1569 01:07:39,375 --> 01:07:40,500 yn mynd i ddangos i chi. 1570 01:07:40,500 --> 01:07:43,830 Nid ydym yn mynd i orffen y cod hwn, ond ar-lein cyn i ni roi'r gorau iddi, mae hyn oll 1571 01:07:43,830 --> 01:07:44,580 y bydd y cod yn gywir. 1572 01:07:44,580 --> 01:07:48,970 'N annhymerus' e-bost chi y fersiwn a gywirwyd gyda rhai o fy steilio hun ar ôl 1573 01:07:48,970 --> 01:07:51,020 adran hon, a bydd yn cael ei bostio ar-lein. 1574 01:07:51,020 --> 01:07:53,920 Yr wyf yn eich annog i gadw archwilio hyn a defnyddio hyn fel cyfeiriad, ond yr wyf yn 1575 01:07:53,920 --> 01:07:58,250 awyddus i ddangos i chi y teclyn terfynol ar gyfer hyn dosbarth, ac mae hynny dros yma ar 1576 01:07:58,250 --> 01:07:58,920 yr ochr llaw dde. 1577 01:07:58,920 --> 01:08:01,700 Ac rydym yn edrych ar hyn yr wythnos diwethaf, ond bellach gobeithio ei fod yn ychydig yn fwy cyfarwydd 1578 01:08:01,700 --> 01:08:02,970 i chi ac yn gyfforddus. 1579 01:08:02,970 --> 01:08:06,730 >> Gallwch chwarae yn ddeinamig gyda'r CSS o dudalen. 1580 01:08:06,730 --> 01:08:09,570 Mewn gwirionedd rydym wedi gweld ni eisoes chwarae yn ddeinamig gyda'r HTML. 1581 01:08:09,570 --> 01:08:13,470 Cofiwch y gwnaethom yr hawl cliciwch Golygu fel HTML? 1582 01:08:13,470 --> 01:08:14,090 Yma? 1583 01:08:14,090 --> 01:08:16,080 Felly, rydym wedi chwarae ddynamig gyda'r HTML. 1584 01:08:16,080 --> 01:08:20,620 >> Yn y consol, gallwch chwarae yn ddeinamig gyda JavaScript o dudalen. 1585 01:08:20,620 --> 01:08:24,899 Er enghraifft, mae hynny'n dilys JavaScript llinell. 1586 01:08:24,899 --> 01:08:26,870 Boom, cefais union beth oeddwn i eisiau. 1587 01:08:26,870 --> 01:08:30,060 Felly, gallwn chwarae ddeinamig gyda'r HTML, yn chwarae yn ddeinamig gyda'r 1588 01:08:30,060 --> 01:08:30,550 JavaScript. 1589 01:08:30,550 --> 01:08:32,810 Nawr rydym yn mynd i ddeinamig chwarae gyda'r CSS. 1590 01:08:32,810 --> 01:08:36,630 >> Ac mae hyn i gyd oherwydd mae fel ar unwaith, yn byw adborth GDB, ac er mwyn i chi 1591 01:08:36,630 --> 01:08:39,979 Gall gwybod y gwahaniaeth rhywbeth cyn cael i fynd, eich cod a gallwch 1592 01:08:39,979 --> 01:08:41,790 â dyfalu pa rhywbeth yn yn mynd i edrych fel. 1593 01:08:41,790 --> 01:08:43,050 Felly, mae hyn yn super duper oer. 1594 01:08:43,050 --> 01:08:45,850 >> A gadewch i ni yn olaf edrych ar ddeinamig chwarae gyda'r CSS. 1595 01:08:45,850 --> 01:08:49,560 Dyna dros yma ar y dde ochr, element.style. 1596 01:08:49,560 --> 01:08:50,420 Gadewch i ni fynd i hyn. 1597 01:08:50,420 --> 01:08:51,740 Dyma ein elfen. 1598 01:08:51,740 --> 01:08:54,689 Gadewch i ni roi rhywfaint o CSS ychwanegol. 1599 01:08:54,689 --> 01:09:00,300 >> Neu ddrwg gennym, gallem roi rhai ychwanegol CSS, ond yr ydym yn ôl pob tebyg, yn yr achos hwn, 1600 01:09:00,300 --> 01:09:03,330 eisiau newid nodwedd hon. 1601 01:09:03,330 --> 01:09:05,535 Felly, gadewch i ni fynd i lawr yma i'r llinell. 1602 01:09:05,535 --> 01:09:06,785 O, ni allaf wneud hynny yma. 1603 01:09:06,785 --> 01:09:11,109 1604 01:09:11,109 --> 01:09:11,689 Mae'n ddrwg gennym. 1605 01:09:11,689 --> 01:09:12,939 Golygu AS - 1606 01:09:12,939 --> 01:09:17,410 1607 01:09:17,410 --> 01:09:19,270 felly dyna sut y gallech newid y CSS. 1608 01:09:19,270 --> 01:09:21,804 Nid ydym yn mynd i olygu y CSS ar hyn o yn ail, ond rydyn ni eisiau i olygu 1609 01:09:21,804 --> 01:09:24,439 HTML ac yn rhoi nodwedd ychwanegol. 1610 01:09:24,439 --> 01:09:26,762 Beth wnaethoch chi yn bwriadu newid hyn? 1611 01:09:26,762 --> 01:09:30,069 1612 01:09:30,069 --> 01:09:31,170 Yr wyf yn meddwl bod Avie awgrym. 1613 01:09:31,170 --> 01:09:32,420 >> GYNULLEIDFA: Col lled? 1614 01:09:32,420 --> 01:09:38,880 1615 01:09:38,880 --> 01:09:40,560 >> JASON Hirschhorn: Bod yn edrych fel nid oedd yn gwneud unrhyw beth chwaith. 1616 01:09:40,560 --> 01:09:43,390 1617 01:09:43,390 --> 01:09:45,803 Gadewch i ni roi cynnig ar y CSS. 1618 01:09:45,803 --> 01:09:46,707 >> GYNULLEIDFA: [Anghlywadwy] dosbarth? 1619 01:09:46,707 --> 01:09:48,310 >> JASON Hirschhorn: Mae'n dweud nid yw'n gweithio. 1620 01:09:48,310 --> 01:09:49,260 Mae'n rhoi y peth melyn. 1621 01:09:49,260 --> 01:09:51,660 >> GYNULLEIDFA: Ond [Anghlywadwy]. 1622 01:09:51,660 --> 01:09:56,883 >> GYNULLEIDFA: Onid ydych yn gosod y lled o ddelwedd i 150 pan fyddwch yn gwneud hynny? 1623 01:09:56,883 --> 01:09:59,741 Ni fyddai fel chi jyst arfer lled? 1624 01:09:59,741 --> 01:10:00,740 >> JASON Hirschhorn: Yeah. 1625 01:10:00,740 --> 01:10:02,785 >> GYNULLEIDFA: Ond nid oes gennym delwedd anymore. 1626 01:10:02,785 --> 01:10:03,340 >> JASON Hirschhorn: Na 1627 01:10:03,340 --> 01:10:04,290 Nid oes gennym unrhyw beth i mewn 'na. 1628 01:10:04,290 --> 01:10:07,990 Felly, nid ydym yn mynd i ddatrys y broblem benodol. 1629 01:10:07,990 --> 01:10:11,190 Rydym yn mynd i fynd yn ôl i AKSHAR yn ateb, oherwydd yr wyf am i osod 1630 01:10:11,190 --> 01:10:14,160 DOLPHIN rhad ac am ddim am y tro, neu dyna yr olaf 1631 01:10:14,160 --> 01:10:14,710 beth yr wyf am orffen. 1632 01:10:14,710 --> 01:10:18,340 Felly, rydym yn mynd i adael hyn yma tra'n cydnabod nid yw'n hollol 1633 01:10:18,340 --> 01:10:19,870 gywir, ac rydym yn mynd i ddod yn ôl ato. 1634 01:10:19,870 --> 01:10:21,230 >> Mae'n ddrwg gennym. 1635 01:10:21,230 --> 01:10:23,380 Dywedais y gallwn ddynamig newid y CSS. 1636 01:10:23,380 --> 01:10:26,060 Gadewch i ni edrych ar hynny ac yn gwneud sydd wir yn gyflym. 1637 01:10:26,060 --> 01:10:28,910 Felly os wyf yn archwilio'r elfen hon i lawr yma, a dweud fy mod am ei gwneud yn las, 1638 01:10:28,910 --> 01:10:32,850 gallwch ddod draw yma, lliw, oherwydd Gwn fod newid lliw 1639 01:10:32,850 --> 01:10:36,710 rhywbeth, a gwelsom sut newidiodd ei glas. 1640 01:10:36,710 --> 01:10:38,850 Felly dyna fi yn ddeinamig newid y CSS. 1641 01:10:38,850 --> 01:10:42,150 Nid yw'n newid am byth, ond yna Gallaf fynd yn ôl i mewn i fy ffeil CSS a 1642 01:10:42,150 --> 01:10:44,990 newid lliw gwrthrych. 1643 01:10:44,990 --> 01:10:46,610 >> OK. 1644 01:10:46,610 --> 01:10:48,180 Yr oedd llawer. 1645 01:10:48,180 --> 01:10:50,480 Doedden ni ddim yn gorffen fy rhaglen anhygoel. 1646 01:10:50,480 --> 01:11:00,352 Gadewch i mi ddangos i chi yn real gyflym, ac yna byddwn yn pen allan. 1647 01:11:00,352 --> 01:11:01,860 O ble mae e? 1648 01:11:01,860 --> 01:11:02,710 Nac oes! 1649 01:11:02,710 --> 01:11:03,960 Dal ar. 1650 01:11:03,960 --> 01:11:19,650 1651 01:11:19,650 --> 01:11:24,350 >> OK, fel eich bod yn pacio i fyny, yn rhagolwg anhygoel, neu flaen 1652 01:11:24,350 --> 01:11:25,330 gweld, o amser nesaf. 1653 01:11:25,330 --> 01:11:30,880 Mae hyn yn Dolphin Hyfforddwr 2013, ac nid yw'n gweithio. 1654 01:11:30,880 --> 01:11:32,048 Great. 1655 01:11:32,048 --> 01:11:36,240 >> [Chwerthin] 1656 01:11:36,240 --> 01:11:37,300 >> JASON Hirschhorn: O! 1657 01:11:37,300 --> 01:11:38,085 Boom! 1658 01:11:38,085 --> 01:11:38,950 Beth mae hyn yn ei olygu? 1659 01:11:38,950 --> 01:11:39,700 >> GYNULLEIDFA: Nid ydych wedi chmod. 1660 01:11:39,700 --> 01:11:41,430 >> JASON Hirschhorn: Doeddwn i ddim yn chmod hynny. 1661 01:11:41,430 --> 01:11:42,680 >> GYNULLEIDFA: Rhes un. 1662 01:11:42,680 --> 01:11:52,774 1663 01:11:52,774 --> 01:11:54,930 >> JASON Hirschhorn: O, edrych ar hynny. 1664 01:11:54,930 --> 01:11:55,710 OK. 1665 01:11:55,710 --> 01:11:57,280 Felly, yr wyf wedi fy chwe dolffiniaid. 1666 01:11:57,280 --> 01:11:57,730 Beth fydd yn digwydd? 1667 01:11:57,730 --> 01:11:58,060 Gadewch i ni weld. 1668 01:11:58,060 --> 01:12:02,595 Os byddaf yn hyfforddi un, bellach yn hyfforddi Lili. 1669 01:12:02,595 --> 01:12:04,910 O, yr wyf yn awyddus i osod i chi am ddim, Lili. 1670 01:12:04,910 --> 01:12:06,660 Dyna chi, yn ôl yn y môr. 1671 01:12:06,660 --> 01:12:07,950 >> Felly yr oedd yr wythnos hon. 1672 01:12:07,950 --> 01:12:09,500 Os oes gennych unrhyw gwestiynau, byddwn yn y tu allan. 1673 01:12:09,500 --> 01:12:11,340 Ac eto, byddaf yn anfon i chi gweddill y cod hwn. 1674 01:12:11,340 --> 01:12:12,590 Diolch i chi, guys. 1675 01:12:12,590 --> 01:12:15,723