1 00:00:00,000 --> 00:00:10,632 2 00:00:10,632 --> 00:00:12,340 ALLISON BUCHHOLTZ-PA: Mae pob bawb hawl. 3 00:00:12,340 --> 00:00:13,520 Croeso yn ôl i adran. 4 00:00:13,520 --> 00:00:15,315 Mae'n ein hadran olaf ond un. 5 00:00:15,315 --> 00:00:16,542 Mae mor drist. 6 00:00:16,542 --> 00:00:19,500 Nid wyf yn gwybod yr hyn yr wyf i'n mynd i wneud heb eich gweld guys bob dydd Llun. 7 00:00:19,500 --> 00:00:20,970 Amcana dylem just-- efallai gallem yn unig 8 00:00:20,970 --> 00:00:22,710 yn cyfarfod yma a chael cinio neu rywbeth. 9 00:00:22,710 --> 00:00:23,270 Nid wyf yn gwybod. 10 00:00:23,270 --> 00:00:24,370 'N annhymerus' yn dod â bwyd yn lle hynny. 11 00:00:24,370 --> 00:00:26,290 Byddwn yn dim ond siarad. 12 00:00:26,290 --> 00:00:29,900 Ond ie, yr wythnos nesaf bydd yn ein hadran diwethaf. 13 00:00:29,900 --> 00:00:32,390 >> Ar y nodyn hwnnw, mae gennych cwis wythnos nesaf. 14 00:00:32,390 --> 00:00:35,660 Rwy'n gwybod fy mod wedi anghofio i wneud fy, fel, dwy wythnos o rybudd ymlaen llaw yr wythnos diwethaf, 15 00:00:35,660 --> 00:00:39,140 ond gobeithio i chi guys yn gwybod hyn yn dod. 16 00:00:39,140 --> 00:00:42,880 Gobeithio mae hwn yn un o'r olaf midterms i chi guys gyfer y semester. 17 00:00:42,880 --> 00:00:46,950 Ond mae'n mynd i gwmpasu'r holl deunydd yr ydym wedi mynd drosodd. 18 00:00:46,950 --> 00:00:50,811 Felly, nid yw'n debyg y gallwch chi jyst anghofio tua phedwar dolenni neu newidynnau. 19 00:00:50,811 --> 00:00:52,560 Oherwydd ein bod wedi dysgu y rhai yn y dechrau, 20 00:00:52,560 --> 00:00:55,870 y rhai yn amlwg Gêm teg ar gyfer eich cwis. 21 00:00:55,870 --> 00:01:00,150 >> Mae'n mynd i fod yn yr un fformat, un fath hyd, fel eich bod eisoes yn arfer ag ef. 22 00:01:00,150 --> 00:01:02,330 Mae mynd i fod codio gan broblemau â llaw, 23 00:01:02,330 --> 00:01:06,270 efallai mae rhai ffug yn wir, efallai rhywfaint o ateb byr. 24 00:01:06,270 --> 00:01:08,090 Felly, dylech fod yn gyfarwydd â fformat, 25 00:01:08,090 --> 00:01:10,940 yn enwedig os ydych yn cymryd y profion ymarfer. 26 00:01:10,940 --> 00:01:13,950 Ond fel y dywedaf yma, 'i' cronnus, ond rydym yn bendant 27 00:01:13,950 --> 00:01:17,410 mynd i fod yn canolbwyntio ar pethau o wythnos chwech ymlaen. 28 00:01:17,410 --> 00:01:24,050 Felly, rydym yn fwy na thebyg ddim yn mynd i ofyn i chi am faint o bytes 29 00:01:24,050 --> 00:01:26,180 sydd ym mhob math neu mathau hynny o bethau, 30 00:01:26,180 --> 00:01:29,730 ond mae'n debyg ein bod yn mynd i fod diddordeb mewn pethau fel rhestrau cysylltiedig, 31 00:01:29,730 --> 00:01:32,750 neu strwythurau data gwahanol, neu algorithmau gwahanol 32 00:01:32,750 --> 00:01:33,960 ein bod wedi siarad am. 33 00:01:33,960 --> 00:01:38,990 Felly, gwnewch yn siŵr eich bod yn wir yn i fyny ar hynny, ac os ydych yn 34 00:01:38,990 --> 00:01:41,590 angen unrhyw adnoddau, dyma lawer o adnoddau. 35 00:01:41,590 --> 00:01:44,790 Fi jyst yn rhoi i chi fath o restr gyflym yno. 36 00:01:44,790 --> 00:01:48,330 >> Bydd Yr wythnos nesaf fydd cwis adolygu yn ystod y cyfnod hwn. 37 00:01:48,330 --> 00:01:52,290 Felly, os oes gennych unrhyw gwestiynau neu bynciau penodol, 38 00:01:52,290 --> 00:01:56,180 pethau penodol ar y cwis sydd byddech yn hoffi mynd drosodd, os gwelwch yn dda 39 00:01:56,180 --> 00:02:01,780 eu hanfon ataf o flaen amser fel y gallaf math o baratoi rhywfaint o ddeunydd ar gyfer hynny. 40 00:02:01,780 --> 00:02:06,310 Ac yn ychwanegol at hyn adran adolygu, rydym yn chi helpu 41 00:02:06,310 --> 00:02:09,616 hefyd yn cynnal cwrs-eang adolygu fel y gwnaethom y tro diwethaf. 42 00:02:09,616 --> 00:02:11,490 Ac mae'n mynd i fod yn wneud gan yr un bobl. 43 00:02:11,490 --> 00:02:13,030 Nid wyf yn gwybod os yw hynny'n yn ei gwneud yn well neu'n waeth, 44 00:02:13,030 --> 00:02:15,670 ond mae'n mynd i fod yn fi, Hannah, Davan, a Gabe eto. 45 00:02:15,670 --> 00:02:18,630 Felly os ydych eisiau dod weld ni i gyd dynnu coes â'i gilydd 46 00:02:18,630 --> 00:02:21,270 ac i chi gerdded trwy'r cwis adolygu, dylech bendant 47 00:02:21,270 --> 00:02:22,600 yn dod at hynny ddydd Llun nesaf hefyd. 48 00:02:22,600 --> 00:02:26,210 Felly byddwch jyst gael Dydd Llun jam llawn o adolygiad cwis, sy'n beth da 49 00:02:26,210 --> 00:02:29,840 gan fod yna mae gennych Dydd Mawrth i brosesu drwy bopeth. 50 00:02:29,840 --> 00:02:32,230 >> Ond yn sicr mae gwirio allan yr adnoddau hyn. 51 00:02:32,230 --> 00:02:36,030 Study.csv.net yn bell, yr wyf yn yn meddwl, un o'r rhai mwyaf defnyddiol, 52 00:02:36,030 --> 00:02:37,990 yn bennaf oherwydd ei fod wedi llawer o cod sampl, 53 00:02:37,990 --> 00:02:40,490 mae wedi holl Pwyntiau Power gyda'r holl nodiadau arno, 54 00:02:40,490 --> 00:02:44,510 sydd yn wir yn yr hyn yr wyf yn tynnu y rhan fwyaf o fy deunyddiau adran o. 55 00:02:44,510 --> 00:02:47,480 Os oes unrhyw beth yn y blaenorol adrannau sy'n efallai fy mod wedi anfon allan 56 00:02:47,480 --> 00:02:49,920 efallai na fydd gennych gotten, dim ond gadewch i mi wybod. 57 00:02:49,920 --> 00:02:52,520 Fel cod sampl yr wythnos ddiwethaf, os nad yw unrhyw un yn cael hynny, 58 00:02:52,520 --> 00:02:55,930 dim ond e-bost ataf neu dewch siarad â mi, a byddaf yn gwneud yn siŵr eich bod yn cael hynny. 59 00:02:55,930 --> 00:03:02,000 >> Felly, gyda hynny, heddiw yr ydym yn mynd i fod yn siarad am JavaScript. 60 00:03:02,000 --> 00:03:04,690 Felly dyma ni Tommy, pwy oeddwn jyst siarad â chi neithiwr. 61 00:03:04,690 --> 00:03:06,670 Rwyf wrth fy modd Tommy. 62 00:03:06,670 --> 00:03:09,040 JavaScript yw ei hoff iaith, fel y mae'n dweud yma. 63 00:03:09,040 --> 00:03:14,050 Byddant yn ceisio dweud wrthych ei fod yn Nid yw'r gorau, a byddant yn anghywir. 64 00:03:14,050 --> 00:03:16,510 Felly Tommy yn feistr JavaScript. 65 00:03:16,510 --> 00:03:19,850 Dydw i ddim yn hollol yn ei lefel, ond roeddwn yn hoffi, 66 00:03:19,850 --> 00:03:22,900 "Tommy, sut ydw i'n dysgu plant hyn JavaScript? " 67 00:03:22,900 --> 00:03:26,700 Felly yr wyf yn got rhai awgrymiadau, felly gobeithio y maent yn gweithio allan. 68 00:03:26,700 --> 00:03:31,140 >> Felly cwpl o bethau i wybod yw bod JavaScript yn sgriptio ar ochr cleientiaid 69 00:03:31,140 --> 00:03:35,560 iaith, felly tra PHP yn rhywbeth ein bod yn ystyried yn fwy ochr y gweinydd, 70 00:03:35,560 --> 00:03:39,280 cafodd ei llwytho at 'r gweinyddwr, llunio a dienyddiwyd yno. 71 00:03:39,280 --> 00:03:42,871 Mae hyn yn un ei gyflawni ar eich peiriant eich hun. 72 00:03:42,871 --> 00:03:43,370 OK? 73 00:03:43,370 --> 00:03:46,960 Felly rydych yn llwytho rhywfaint dudalen JavaScript, ac mae'n executes ar eich peiriant. 74 00:03:46,960 --> 00:03:49,910 Cystrawen yn debyg iawn i C a PHP. 75 00:03:49,910 --> 00:03:52,490 Rydym yn mynd i fynd drwy rhai enghreifftiau o JavaScript, 76 00:03:52,490 --> 00:03:56,740 ac rydych chi'n mynd i weld bod y ffordd yr ydym yn siarad am newidynnau, dolenni, 77 00:03:56,740 --> 00:03:58,910 a'r amodau i gyd yn debyg iawn. 78 00:03:58,910 --> 00:04:00,500 OK? 79 00:04:00,500 --> 00:04:04,490 Mae'r ffaith eu bod mor debyg yw yn ôl pob tebyg yn mynd i daith rhai ohonoch 80 00:04:04,490 --> 00:04:08,529 i fyny, mewn rhai achosion, dim ond oherwydd byddwch yn ymgorffori ychydig o C 81 00:04:08,529 --> 00:04:09,570 lle na ddylai fod. 82 00:04:09,570 --> 00:04:14,130 Efallai eich bod yn ceisio deipio rhywbeth pan na ddylid ei deipio. 83 00:04:14,130 --> 00:04:16,540 >> Ac ar hynny, un peth i wybod yw bod Javascript 84 00:04:16,540 --> 00:04:19,360 yw deipio ddynamig iaith, fel PHP. 85 00:04:19,360 --> 00:04:21,410 Felly, os ydych guys yn cofio o adran yr wythnos diwethaf, 86 00:04:21,410 --> 00:04:23,680 pan oeddem yn fath o wneud ein cwrs carlam PHP, 87 00:04:23,680 --> 00:04:28,860 gwelsom sut y gallai un llinyn yn troi i mewn i un int, ac yn y blaen. 88 00:04:28,860 --> 00:04:31,650 89 00:04:31,650 --> 00:04:34,850 Y math o eich newidynnau yn cael eu penderfynu yn ystod amser rhedeg, 90 00:04:34,850 --> 00:04:38,180 felly efallai y byddant yn newid dros cwrs y rhaglen, 91 00:04:38,180 --> 00:04:43,109 ac yn yr un modd yr ydym byth 'n sylweddol yn datgan fathau ar gyfer newidynnau PHP, 92 00:04:43,109 --> 00:04:45,900 rydym yn mynd i fod yn gwneud yr un peth beth yma, lle nad ydym yn wirioneddol 93 00:04:45,900 --> 00:04:49,740 rheoli y mathau o ein newidynnau, fel petai, fel rydym yn ei wneud yn C. 94 00:04:49,740 --> 00:04:52,200 >> Ac yna un peth hynny yw cŵl 'n bert yn 95 00:04:52,200 --> 00:04:54,090 y gallwch gwall gwiriwch drwy'r consol, 96 00:04:54,090 --> 00:04:57,240 gyda hyn swyddogaeth mawr console.log, a oedd yn 97 00:04:57,240 --> 00:05:00,930 yn eich galluogi i argraffu gwahanol newidynnau neu wrthrychau sydd gennym chi helpu 98 00:05:00,930 --> 00:05:01,750 siarad am. 99 00:05:01,750 --> 00:05:05,720 Yn union fel yr wythnos diwethaf pan oeddwn fel, "defnyddiwch y swyddogaeth hon," gyda tomen 100 00:05:05,720 --> 00:05:10,490 gan eich pset hwn yn swyddogaeth rydych am ei ddefnyddio, console.log. 101 00:05:10,490 --> 00:05:12,860 Roeddwn i mor synnu faint o myfyrwyr mewn oriau swyddfa 102 00:05:12,860 --> 00:05:14,530 nid oedd yn gwybod am y swyddogaeth domen. 103 00:05:14,530 --> 00:05:19,010 Ac yr wyf yn hoffi, "guys, bydd hyn gwneud eich bywyd gymaint yn haws. " 104 00:05:19,010 --> 00:05:22,960 >> Mae pob hawl, felly roedd y math hwnnw o dim ond yn beth byr, fel bob amser, 105 00:05:22,960 --> 00:05:24,000 mae gennym enghreifftiau. 106 00:05:24,000 --> 00:05:25,600 Yr wyf yn gwybod eich bod guys bodd hynny. 107 00:05:25,600 --> 00:05:30,930 Felly dyma enghraifft o iawn JavaScript syml ffeil yma. 108 00:05:30,930 --> 00:05:34,000 Felly, 'i' jyst yn mynd i greu hon pop-up sy'n dweud, 109 00:05:34,000 --> 00:05:36,336 "Helo byd," pan fyddwch yn mynd i mewn i'r dudalen, ond gadewch i ni 110 00:05:36,336 --> 00:05:37,960 ceisio cerdded trwy hyn ychydig bach. 111 00:05:37,960 --> 00:05:43,440 Felly, yn amlwg mae hyn yn unig fel eich index.html arferol. 112 00:05:43,440 --> 00:05:50,280 Felly, dim ond ein templed normal yma, ac yr ydym wedi HTML, rydym wedi ein pen, 113 00:05:50,280 --> 00:05:55,580 ac yn union fel gyda CSS, sut yr ydym yn cynnwys rhywfaint o ffeil tu allan, dde? 114 00:05:55,580 --> 00:05:59,260 Mae gennym ryw fath sgript testun sy'n JavaScript. 115 00:05:59,260 --> 00:06:02,680 A bod y ffynhonnell yn hello.js, sef i lawr yma. 116 00:06:02,680 --> 00:06:05,630 Mae hyn yn y ffeil cyfan o hello.js. 117 00:06:05,630 --> 00:06:09,080 Ac yna mae gennym rai teitl a rhai HTML corff 118 00:06:09,080 --> 00:06:11,050 nad ydym yn wir yn poeni am. 119 00:06:11,050 --> 00:06:15,970 >> Beth fydd yn digwydd yw, pan fyddwn yn llwytho'r dudalen hon, mae'n executes sgript hyn yn awtomatig. 120 00:06:15,970 --> 00:06:16,470 OK? 121 00:06:16,470 --> 00:06:18,790 Felly bydd JavaScript gweithredu yn awtomatig. 122 00:06:18,790 --> 00:06:22,860 Felly beth mae'n mynd i wneud, mae'n mynd i fynd yn syth ac yn gweithredu'r hyn. 123 00:06:22,860 --> 00:06:24,110 Ac mae'n mynd i ddweud, "effro. 124 00:06:24,110 --> 00:06:25,190 Helo byd. " 125 00:06:25,190 --> 00:06:30,840 Pa effro yw swyddogaeth y mewn gwirionedd yn creu y blwch hwn. 126 00:06:30,840 --> 00:06:31,540 OK? 127 00:06:31,540 --> 00:06:33,390 Felly mae'n fath o gyd cwmpasu. 128 00:06:33,390 --> 00:06:36,700 Does dim byd ychwanegol oedd gennym i'w wneud ar wahân i jyst yn effro, 129 00:06:36,700 --> 00:06:40,000 ac yna beth bynnag yr ydym eisiau o fewn ein blwch Rhybudd. 130 00:06:40,000 --> 00:06:40,500 OK? 131 00:06:40,500 --> 00:06:45,080 Felly dyna dim ond super syml enghraifft o'r hyn y gall ei wneud JavaScript. 132 00:06:45,080 --> 00:06:48,110 133 00:06:48,110 --> 00:06:50,070 >> Mae un o'r 'n sylweddol oera pethau, fel y byddwn yn gweld, 134 00:06:50,070 --> 00:06:55,150 yw bod JavaScript yn caniatáu i chi i drin eich tudalennau gwe, 135 00:06:55,150 --> 00:06:57,720 heb orfod ail-lwytho nhw bob tro. 136 00:06:57,720 --> 00:07:01,830 Felly, os ydych want-- er enghraifft, os yr ydych yn hofran dros rywbeth, 137 00:07:01,830 --> 00:07:04,300 os ydych yn guys byth yn cael gweld fel bariau Dewislen, 138 00:07:04,300 --> 00:07:07,360 neu pan fyddwch yn hofran dros rai pwnc, bwydlen Galw Heibio i lawr yn ymddangos, 139 00:07:07,360 --> 00:07:08,670 dyna oherwydd JavaScript. 140 00:07:08,670 --> 00:07:09,170 OK? 141 00:07:09,170 --> 00:07:12,670 Felly, nad ydych yn ail-lwytho y cyfan dudalen i gael ddewislen hwn i arddangos i fyny, 142 00:07:12,670 --> 00:07:17,240 ydych ond yn edrych am rai penodol camau y mae'r defnyddiwr wedi'u cymryd, 143 00:07:17,240 --> 00:07:21,800 sy'n cael eu galw'n ddigwyddiadau y byddwn yn ei gael i mewn, ac ar ôl i chi weld eich bod, yn dweud, 144 00:07:21,800 --> 00:07:25,960 "Iawn, golygu rhywbeth am hyn dudalen a'i wneud yn edrych yn wahanol, 145 00:07:25,960 --> 00:07:28,270 ond dim ond newid y pethau penodol. 146 00:07:28,270 --> 00:07:29,690 Peidiwch â reload yr holl beth. " 147 00:07:29,690 --> 00:07:33,110 Felly, mae mewn gwirionedd yn llawer brafiach, ac Nid oes rhaid i chi ail-lwytho eich tudalennau, 148 00:07:33,110 --> 00:07:34,510 ac mae'n wirioneddol cŵl. 149 00:07:34,510 --> 00:07:38,270 >> Datganiadau Felly amrywiol, fel y gallwch math o weld, 150 00:07:38,270 --> 00:07:40,530 Yr wyf yn rhoi ar ben yma, teipio llac. 151 00:07:40,530 --> 00:07:42,570 Felly mae hyn yn debyg iawn PHP. 152 00:07:42,570 --> 00:07:48,770 Nid oes angen i ni ddweud JavaScript pa fath rydym yn 153 00:07:48,770 --> 00:07:50,740 disgwyl pob un o'r newidynnau hyn fod. 154 00:07:50,740 --> 00:07:52,560 Gallant fod pa bynnag fath rydym eisiau. 155 00:07:52,560 --> 00:07:57,480 Felly, byddwch yn sylwi yn yr achos hwn, rydym yn datgan yn syml iawn, dim ond gyda "var" 156 00:07:57,480 --> 00:08:00,990 ac yna beth bynnag yr ydym ei eisiau ein henw amrywiol i fod. 157 00:08:00,990 --> 00:08:05,680 Un peth i'w nodi yw bod pan fyddwch yn rhoi var o flaen enw newidyn, 158 00:08:05,680 --> 00:08:07,520 yn lleol scopes hynny. 159 00:08:07,520 --> 00:08:09,320 OK? 160 00:08:09,320 --> 00:08:14,025 Mae'n hollol rhesymol i chi i yn llwyr jyst ddileu y var 161 00:08:14,025 --> 00:08:18,970 ac os oes gen s hafal i CS50, a Byddai hynny yn unig fod yn newidyn byd-eang. 162 00:08:18,970 --> 00:08:19,580 OK? 163 00:08:19,580 --> 00:08:22,490 Fel y gallwch ymgychwyn hi bob ffordd, dim ond yn dibynnu ar sut yr ydych am ei gael. 164 00:08:22,490 --> 00:08:24,448 Felly, os ydych yn ymgychwyn o fewn swyddogaeth, 165 00:08:24,448 --> 00:08:28,070 ac rydych am y newidyn i aros yn cwmpasu o fewn y swyddogaeth honno, 166 00:08:28,070 --> 00:08:31,620 ydych yn mynd i eisiau ei wneud rhywbeth fel var enwi amrywiol, 167 00:08:31,620 --> 00:08:34,270 erbyn os ydych am ei cwmpasu yn fyd-eang, byddwch yn 168 00:08:34,270 --> 00:08:36,240 Gall dim ond gwneud enw y newidyn ac yna 169 00:08:36,240 --> 00:08:38,270 beth bynnag yr hoffech ei osod yn hafal i. 170 00:08:38,270 --> 00:08:40,230 OK? 171 00:08:40,230 --> 00:08:45,580 >> Mae hyn yn fath o beth oeri i lawr fan hyn, oherwydd os ydym yn sylwi ein newidyn 172 00:08:45,580 --> 00:08:47,590 b yn dechrau allan fel rhai cywir. 173 00:08:47,590 --> 00:08:51,280 A beth mae hyn does-- gall unrhyw un ddweud wrthyf beth mae hyn yn ei wneud? 174 00:08:51,280 --> 00:08:54,190 175 00:08:54,190 --> 00:08:55,890 Felly, mae gennym rai effro. 176 00:08:55,890 --> 00:09:00,156 Beth fyddai'n teipio o b fod yn y dechrau? 177 00:09:00,156 --> 00:09:00,905 GYNULLEIDFA: Boole. 178 00:09:00,905 --> 00:09:01,330 ALLISON BUCHHOLTZ-PA: Boole. 179 00:09:01,330 --> 00:09:01,940 Hawl. 180 00:09:01,940 --> 00:09:07,260 Ac yna rydym yn ail-neilltuo b i'r llinyn hwn, dde? 181 00:09:07,260 --> 00:09:11,170 Felly, yna fan hon, pa fath o b fod? 182 00:09:11,170 --> 00:09:12,480 Byddai'n llinyn, dde? 183 00:09:12,480 --> 00:09:14,900 Felly beth sy'n bwysig i rhybudd yw bod yn c, rydym yn 184 00:09:14,900 --> 00:09:17,330 Gallai bron byth yn ei wneud rhywbeth fel 'na. 185 00:09:17,330 --> 00:09:22,000 Byddai'n rhaid i ni gael newidyn, bwrw fel rhywbeth arall, 186 00:09:22,000 --> 00:09:27,185 efallai wneud rhywfaint o swyddogaeth gyda dau i, yn mynd o godi tâl i cyfanrif. 187 00:09:27,185 --> 00:09:31,063 Ond os ydym yn sylwi yma, b iawn yn newid yn hawdd teipio. 188 00:09:31,063 --> 00:09:33,760 >> GYNULLEIDFA: Arhoswch, felly gallwch jyst fod yn debyg, "gwneud b cyfanrif?" 189 00:09:33,760 --> 00:09:34,360 >> ALLISON BUCHHOLTZ-PA: Yeah. 190 00:09:34,360 --> 00:09:36,185 Alli jyst ail-neilltuo b i'r cyfanrif. 191 00:09:36,185 --> 00:09:36,910 >> GYNULLEIDFA: Really? 192 00:09:36,910 --> 00:09:38,035 >> ALLISON BUCHHOLTZ-PA: Yeah. 193 00:09:38,035 --> 00:09:39,810 Ac yna byddai'n int. 194 00:09:39,810 --> 00:09:43,820 Fel y gall eich newidynnau newid dros cwrs y rhaglen hefyd. 195 00:09:43,820 --> 00:09:46,410 Nid ydynt yn cael eu teipio yn llym. 196 00:09:46,410 --> 00:09:49,180 Caiff ei deipio llac iawn. 197 00:09:49,180 --> 00:09:50,820 OK? 198 00:09:50,820 --> 00:09:54,820 Yn y bôn gall eich newidynnau wneud beth bynnag maent ei eisiau, gan ein bod fath o gwelsom gyda PHP. 199 00:09:54,820 --> 00:09:59,430 Gallant wneud rhai pethau gwallgof, felly mae'n bwysig i fod yn eithaf gofalus. 200 00:09:59,430 --> 00:10:01,200 Enwch eich newidynnau yn dda. 201 00:10:01,200 --> 00:10:03,450 Os nad ydych, byddwch yn gwneud yn sydyn ydych yn mynd i fod yn debyg, 202 00:10:03,450 --> 00:10:05,783 "Aros, yr wyf yn meddwl bod hyn yn llinyn, ac yn awr ei fod yn int, 203 00:10:05,783 --> 00:10:08,170 ac nid wyf yn wir yn siwr beth sy'n digwydd yma. " 204 00:10:08,170 --> 00:10:12,410 Felly mae hyn yn unig yw enghraifft syml o gan ddangos sut y gall newidyn yn hawdd 205 00:10:12,410 --> 00:10:15,890 newid ei fath dros cwrs rhaglen. 206 00:10:15,890 --> 00:10:16,870 >> OK. 207 00:10:16,870 --> 00:10:19,200 Felly, dylai hyn edrych super, super cyfarwydd. 208 00:10:19,200 --> 00:10:21,510 Felly, mae'r rhain yn ein dolenni ym JavaScript. 209 00:10:21,510 --> 00:10:27,780 Maent yn union yr un fath, ac eithrio ar gyfer yn hytrach na phedwar int ff hafal i sero, 210 00:10:27,780 --> 00:10:30,470 gallem dim ond dweud ff var hafal sero. 211 00:10:30,470 --> 00:10:34,100 Ac yna gallem gael ein un math cyflwr, un math o diweddaru, 212 00:10:34,100 --> 00:10:36,090 ff yn ogystal a mwy yn gweithio jyst ddirwya. 213 00:10:36,090 --> 00:10:39,800 Felly pedwar yr un fath, Whiles yr un fath, 214 00:10:39,800 --> 00:10:41,440 a gwneud Whiles yn union yr un fath. 215 00:10:41,440 --> 00:10:44,070 Un math o fformat cyffredinol. 216 00:10:44,070 --> 00:10:48,840 Rydym yn sylwi, pedwar, cromfachau, cromfachau, 'i' i gyd yr un fath. 217 00:10:48,840 --> 00:10:51,470 Hefyd, bydd yna hanner colon pan fyddwn yn cyrraedd enghraifft cod. 218 00:10:51,470 --> 00:10:55,250 Byddwch yn gweld ei fod yn 'n bert lawer yr un fath ag p. 219 00:10:55,250 --> 00:10:59,770 >> Ar gyfer datganiadau swyddogaeth, unwaith eto, yn debyg iawn. 220 00:10:59,770 --> 00:11:05,100 Mae gennym rai swyddogaeth mai dim ond Dywed ei fod yn swyddogaeth, ac yna 221 00:11:05,100 --> 00:11:07,660 enw ein swyddogaeth, a'r mewnbynnau. 222 00:11:07,660 --> 00:11:11,590 Ac eto os ydym yn sylwi, rydym yn Nid oes mathau yma o gwbl. 223 00:11:11,590 --> 00:11:12,090 Iawn? 224 00:11:12,090 --> 00:11:18,150 Nid oes gennym ddim yn dweud bod y rhain angen iddynt fod yn ints neu dyblau, neu fflotiau. 225 00:11:18,150 --> 00:11:19,530 Gallent fod yn beth bynnag y maent ei eisiau. 226 00:11:19,530 --> 00:11:23,560 Yr hyn sy'n bwysig yw sylwi bod mae angen i ni ysgrifennu swyddogaeth ymlaen llaw 227 00:11:23,560 --> 00:11:26,430 i roi gwybod i JavaScript fod mae hyn mewn gwirionedd yn swyddogaeth. 228 00:11:26,430 --> 00:11:29,820 >> Felly, mae hyn yn unig yw ychydig swm syml swyddogaeth sy'n dychwelyd x neu y, 229 00:11:29,820 --> 00:11:33,800 ac yna beth sydd hefyd yn cŵl yw eich bod yn gallu mewn gwirionedd 230 00:11:33,800 --> 00:11:35,950 aseinio swyddogaeth i newidyn. 231 00:11:35,950 --> 00:11:41,770 Felly, yn yr achos hwn, y swm yn awr yn y swyddogaeth sydd mewn gwirionedd yn gwneud swm. 232 00:11:41,770 --> 00:11:47,740 Felly, os ydych yn sylwi yma, rydym wedi swyddogaeth, enw'r swyddogaeth, mewnbynnau. 233 00:11:47,740 --> 00:11:48,860 Iawn? 234 00:11:48,860 --> 00:11:52,120 Yma rydym yn unig wedi swyddogaeth a mewnbynnau. 235 00:11:52,120 --> 00:11:54,310 Felly, gelwir hyn yn swyddogaeth dienw. 236 00:11:54,310 --> 00:11:59,265 Ac mae hyn yn rhywbeth a ddylai fod yn newydd i'r rhan fwyaf ohonoch guys, os nad pob un ohonoch. 237 00:11:59,265 --> 00:12:01,140 Felly y bôn yr hyn y yn golygu yw nad ydym yn ei wneud 238 00:12:01,140 --> 00:12:03,050 Mae angen enw ein swyddogaeth yn yr achos hwn. 239 00:12:03,050 --> 00:12:06,260 Gallwn ddweud, "Iawn, dw i'n mynd i gael swyddogaeth hon sy'n executes, dyma 240 00:12:06,260 --> 00:12:08,550 yw ei mewnbynnau, a dyma yr hyn y mae'n mynd i'w wneud. " 241 00:12:08,550 --> 00:12:12,540 Ac yn enwedig pan fyddwch yn aseinio swyddogaeth i rai newidyn 242 00:12:12,540 --> 00:12:14,950 eich bod yn mynd i drin, Nid ydych yn ei wneud o reidrwydd 243 00:12:14,950 --> 00:12:17,116 Mae angen i enwi oherwydd ydych yn mynd i fod yn cyfeirio 244 00:12:17,116 --> 00:12:20,990 iddo gan newidyn hwn enw, nid gan ba bynnag 245 00:12:20,990 --> 00:12:22,840 y swyddogaeth ei alw mewn gwirionedd. 246 00:12:22,840 --> 00:12:23,550 OK? 247 00:12:23,550 --> 00:12:27,810 >> Felly, os gwelwn yma, rydym yn cael rhywfaint o swm amrywiol nawr 248 00:12:27,810 --> 00:12:30,920 hynny yn hafal i'r swm o dri a phump. 249 00:12:30,920 --> 00:12:33,070 A byddem yn cael hyn. 250 00:12:33,070 --> 00:12:36,750 A byddai hyn dim ond cael rhywfaint o effro, tair a phump yn dychwelyd y rhif. 251 00:12:36,750 --> 00:12:43,950 Bydd y plws yn unig concatenate beth bynnag mae ein ateb oedd ar y llinyn. 252 00:12:43,950 --> 00:12:47,420 Hefyd yn oer, yn ogystal gall concatenate llinynnau. 253 00:12:47,420 --> 00:12:53,510 >> Ar gyfer JavaScript, fel gyda PHP, HTML, a CSS fel y dywedasom, 254 00:12:53,510 --> 00:12:56,450 llawer ohono rydym yn fath o gymryd yr olwynion hyfforddiant i ffwrdd fan hyn 255 00:12:56,450 --> 00:13:02,030 ac rydych guys yn cael llawer o gwybod sut i wir yn deall y pethau hyn. 256 00:13:02,030 --> 00:13:04,280 Maent yn ychydig yn wahanol, ond dydyn nhw ddim mor dramor 257 00:13:04,280 --> 00:13:09,460 ac nad ydych yn gallu Google pethau neu edrych i fyny ar-lein gydag ysgolion W3. 258 00:13:09,460 --> 00:13:12,755 Ac rydym yn wir yn disgwyl i chi guys i, math o, arbrofi 259 00:13:12,755 --> 00:13:14,400 a dysgu ar eich pen eich hun. 260 00:13:14,400 --> 00:13:19,490 Felly, yr wyf yn gwybod y gallai hyn ymddangos ychydig yn llai trylwyr na rhai o'r pethau c 261 00:13:19,490 --> 00:13:21,936 rydym yn ei wneud, ond mae hynny'n mewn gwirionedd am reswm. 262 00:13:21,936 --> 00:13:25,060 263 00:13:25,060 --> 00:13:28,470 Ond gobeithio nad yw'n rhy gwahanol, ac nid yw'n llethol. 264 00:13:28,470 --> 00:13:31,940 >> Felly araeau yn JavaScript, eto yn iawn, yn debyg iawn. 265 00:13:31,940 --> 00:13:32,460 Iawn? 266 00:13:32,460 --> 00:13:36,520 Mae gennym rai amrywiaeth amrywiol mae hynny'n gyfartal i cromfachau gwag, 267 00:13:36,520 --> 00:13:40,340 a dim ond amrywiaeth gwag. 268 00:13:40,340 --> 00:13:43,420 Gelwir hyn yn aml nodiant amrywiaeth llythrennol. 269 00:13:43,420 --> 00:13:45,280 Dyna dim ond un peth yr ydym yn ei alw. 270 00:13:45,280 --> 00:13:51,380 Os byddwn yn gweld amrywiaeth dau yma, mae gennym rai amrywiaeth llythrennol sydd tair elfen, 271 00:13:51,380 --> 00:13:51,910 iawn? 272 00:13:51,910 --> 00:13:54,640 Ac yna mae gennym rai trydedd elfen var dyna 273 00:13:54,640 --> 00:13:58,060 rhyw newidyn bod yn unig mynd i ddal llinyn hwn, JS. 274 00:13:58,060 --> 00:14:01,760 275 00:14:01,760 --> 00:14:06,170 >> Yr elfennau, yn dda i hysbysiad, cael eu gwahanu gan atalnodau, 276 00:14:06,170 --> 00:14:07,740 yn union fel y byddem yn disgwyl. 277 00:14:07,740 --> 00:14:14,630 A gallwch hefyd weld y rhain, fel y gwnaethom yn C, gyda mynegai hwn nodiant, dde? 278 00:14:14,630 --> 00:14:16,950 Felly wahanol i PHP Erbyn hyn, rydym yn mynd yn ôl 279 00:14:16,950 --> 00:14:20,180 i ddim ond math o gyfeirio i bethau drwy mynegai. 280 00:14:20,180 --> 00:14:22,189 Yn union fel C, mae hefyd yn sero mynegai. 281 00:14:22,189 --> 00:14:25,230 Rwy'n teimlo fel y byddai'n wir yn greulon os ydynt yn gwneud yn sydyn un JavaScript 282 00:14:25,230 --> 00:14:30,630 mynegai, ac roedd yn rhaid i chi yn gyfan gwbl ailfeddwl sut yr ydych yn meddwl am araeau. 283 00:14:30,630 --> 00:14:36,140 >> Un peth oera yw bod yn lle hynny o orfod do-- os ydych chi erioed 284 00:14:36,140 --> 00:14:39,240 eisiau hyd amrywiaeth, efallai eich bod ailadrodd drwyddo 285 00:14:39,240 --> 00:14:43,430 nes i chi ddod o hyd i ben, neu Byddai 'ch jyst yn gwybod beth ydyw. 286 00:14:43,430 --> 00:14:49,310 Oherwydd bod JavaScript yn llac iawn mewn mwy ffyrdd nag fath yn union, fel y gwelwn yma, 287 00:14:49,310 --> 00:14:53,310 gallwn ni jyst yn gwneud amrywiaeth hwn mwy am ein bod yn penderfynu. 288 00:14:53,310 --> 00:14:56,177 Os byddwn yn sylwi ar amrywiaeth tri Mae tri pheth i ddechrau, 289 00:14:56,177 --> 00:14:58,510 ond yna yn sydyn, rydym yn hoffi, "oh, dim ond kidding. 290 00:14:58,510 --> 00:15:01,370 Rydym yn mynd mewn gwirionedd i'w wneud yn 101 o beth. " 291 00:15:01,370 --> 00:15:05,300 Felly os ydych chi erioed wedi eisiau gwybod y Hyd gwirioneddol eich array, 292 00:15:05,300 --> 00:15:06,680 rydych yn ei wneud fel hyn. 293 00:15:06,680 --> 00:15:10,470 Ac rydym yn mynd i weld llawer o nodiant hwn mewn enghreifftiau, 294 00:15:10,470 --> 00:15:12,730 ond gyda JavaScript 'i' fel arfer beth bynnag 295 00:15:12,730 --> 00:15:16,410 gwrthrych eich bod yn siarad am dot pa bynnag fath o swyddogaeth 296 00:15:16,410 --> 00:15:17,740 ydych am i gwneud cais iddo. 297 00:15:17,740 --> 00:15:18,240 OK? 298 00:15:18,240 --> 00:15:20,520 >> Felly, yn yr achos hwn, mae ein gwrthrych yn arae dau, 299 00:15:20,520 --> 00:15:23,470 ac rydym yn dweud ein bod am i'r hyd y arae dau. 300 00:15:23,470 --> 00:15:25,716 Felly, mae hyn yn union fel yn galw hyd ar hynny. 301 00:15:25,716 --> 00:15:27,090 A fydd yn dychwelyd eich hyd. 302 00:15:27,090 --> 00:15:32,610 303 00:15:32,610 --> 00:15:36,790 Hefyd yn rhywbeth i'w nodi yw os ydym yn sylwi ein araeau, 304 00:15:36,790 --> 00:15:39,830 yn wahanol i C, nad oes ganddynt i fod i gyd o'r un math. 305 00:15:39,830 --> 00:15:41,670 Mae hyn yn llawer mwy tebyg i PHP. 306 00:15:41,670 --> 00:15:45,905 JavaScript yn y bôn yn union fel y meld diddorol o C a PHP. 307 00:15:45,905 --> 00:15:50,020 308 00:15:50,020 --> 00:15:52,170 Felly byddwn yn cael i mewn i hynny. 309 00:15:52,170 --> 00:15:56,750 Am y tro, gadewch i ni jyst cymryd yn ganiataol bod eich araeau yn y bôn 310 00:15:56,750 --> 00:16:00,640 fel araeau C, gan fod maent yn cael eu sero mynegeio. 311 00:16:00,640 --> 00:16:04,120 Iawn, felly mae hynny'n popeth. 312 00:16:04,120 --> 00:16:08,850 Gallwch hefyd jyst estyn amrywiaeth i ba bynnag mynegai rydych eisiau. 313 00:16:08,850 --> 00:16:14,260 Tra byddai hyn yn ôl pob tebyg SEG fai arnoch chi neu roi rhyw wall i chi, 314 00:16:14,260 --> 00:16:15,970 JavaScript yn debyg, "Nah, mae'n iawn. 315 00:16:15,970 --> 00:16:16,620 Ges i hon. 316 00:16:16,620 --> 00:16:19,460 Byddwn yn jyst yn mynd yn syth lle rydych eisiau. " 317 00:16:19,460 --> 00:16:24,310 >> Iawn, felly gwrthrychau yn bwysig iawn. 318 00:16:24,310 --> 00:16:29,720 Cewch eich guys yn defnyddio llawer o'r rhain yn eich P set, os cofiaf yn iawn. 319 00:16:29,720 --> 00:16:34,780 Felly, y peth bod y rhain yn yn debyg i yn C yn structs. 320 00:16:34,780 --> 00:16:39,290 Felly, gallwch chi feddwl about-- pryd rydym yn mynd i'r esiampl gywir 321 00:16:39,290 --> 00:16:41,810 ar ôl hyn Rwy'n credu ei chi helpu yn gwneud llawer mwy sense-- 322 00:16:41,810 --> 00:16:45,830 ond rydym yn y bôn yn defnyddio gwrthrychau i trefnu gwybodaeth gysylltiedig â'r cwrs. 323 00:16:45,830 --> 00:16:47,780 Pan fyddwn yn siarad am structs yn C, rydym yn aml 324 00:16:47,780 --> 00:16:53,405 siarad am fyfyriwr a oedd rhywfaint o enw, ID, tŷ, chi'n gwybod, canolbwyntio. 325 00:16:53,405 --> 00:16:56,030 A dyna fath o yr un peth ein bod yn defnyddio gwrthrychau i yma. 326 00:16:56,030 --> 00:16:59,300 Dim ond i drefnu gwybodaeth debyg. 327 00:16:59,300 --> 00:17:03,620 >> Gallwch hefyd feddwl am y rhain wrth i fwy tebyg i cysylltiadol araeau yn PHP. 328 00:17:03,620 --> 00:17:10,010 Felly byddai hyn yn fath o beth lle mae gennym rai allweddol gyda rhywfaint o werth, 329 00:17:10,010 --> 00:17:12,859 debyg iawn i PHP. 330 00:17:12,859 --> 00:17:15,780 Felly, gallwch ymgychwyn rhai gwrthrych gwag, fel y gwelwn i fyny yma, 331 00:17:15,780 --> 00:17:17,390 yn unig gyda braces cyrliog. 332 00:17:17,390 --> 00:17:19,160 Araeau felly maent cromfachau sgwâr. 333 00:17:19,160 --> 00:17:21,220 Gwrthrychau gwag yn braces cyrliog. 334 00:17:21,220 --> 00:17:24,020 Gwahaniaeth da i gael. 335 00:17:24,020 --> 00:17:27,319 Ac mae'r rhain yn dim ond dau wahanol ffyrdd o osod eiddo. 336 00:17:27,319 --> 00:17:31,460 Felly mae hyn yn fath o llawer mwy o ffordd sy'n 337 00:17:31,460 --> 00:17:35,220 yn debyg i PHP, gyda'n araeau cysylltiadol, gyda'n allweddol, 338 00:17:35,220 --> 00:17:39,910 ac mae ein gwerth, tra yr un yma yw-- wnewch chi helpu 339 00:17:39,910 --> 00:17:41,920 gweld llawer hwn yn fwy yn JavaScript. 340 00:17:41,920 --> 00:17:43,550 Mae hyn yn tueddu i fod yn y confensiwn. 341 00:17:43,550 --> 00:17:47,660 Ac yn yr un modd a wnaethom arae dau dot hyd, mae hyn yn ei ddweud, 342 00:17:47,660 --> 00:17:51,580 "Iawn, yn rhoi i mi mae hyn priodoli y gwrthrych hwn. " 343 00:17:51,580 --> 00:17:52,110 Iawn? 344 00:17:52,110 --> 00:17:55,660 Felly yr un ffordd roedd fel, "roi i mi hyd priodoledd o array dau, " 345 00:17:55,660 --> 00:17:59,970 mae hyn yn ei ddweud, "roi i mi rhywfaint o eiddo ein gwrthrych gwag. " 346 00:17:59,970 --> 00:18:02,890 Neu yn yr achos hwn, rydym yn aseinio i ryw werth yma. 347 00:18:02,890 --> 00:18:06,200 Ond gallech hefyd gael mynediad felly. 348 00:18:06,200 --> 00:18:09,090 >> Ac yna dyma mae hyn yn unig yn dangos dau rhybuddion gwahanol. 349 00:18:09,090 --> 00:18:12,320 Felly, byddai hyn yn dangos y rhybuddion fyddai'r union un fath, 350 00:18:12,320 --> 00:18:17,150 'i' ond dau wahanol ffyrdd o cael mynediad i'r elfen yr ydym am. 351 00:18:17,150 --> 00:18:19,552 A yw hynny'n gwneud synnwyr i bawb? 352 00:18:19,552 --> 00:18:21,510 Rwy'n teimlo fel yr un yma yn ôl pob tebyg yn gwneud mwy o synnwyr, 353 00:18:21,510 --> 00:18:23,270 dim ond oherwydd ein bod yn dod oddi ar y PHP. 354 00:18:23,270 --> 00:18:26,400 Ond wrth i ni wneud mwy o enghreifftiau, mae hyn yn yn llythrennol yn union yr un fath. 355 00:18:26,400 --> 00:18:28,170 Mae llawer ohono yn unig yw newid mewn cystrawen. 356 00:18:28,170 --> 00:18:30,710 357 00:18:30,710 --> 00:18:33,030 >> Iawn, felly enghreifftiau. 358 00:18:33,030 --> 00:18:34,180 Rwyf wrth fy modd enghreifftiau. 359 00:18:34,180 --> 00:18:40,070 Felly dyma rhai CS50 newidyn sy'n gwrthrych, 360 00:18:40,070 --> 00:18:42,160 ac yr ydym yn storio'r hyn i gyd gwybodaeth am y peth. 361 00:18:42,160 --> 00:18:46,680 Felly, wrth gwrs gennym, hyfforddwr, TFS, psets, ac ar dâp. 362 00:18:46,680 --> 00:18:51,840 Felly, rydym yn sylwi y rhain yn cael eu bron pob o wahanol fathau. 363 00:18:51,840 --> 00:18:52,340 Iawn? 364 00:18:52,340 --> 00:18:56,230 Felly gall gwrthrychau storio priodoleddau o wahanol fathau. 365 00:18:56,230 --> 00:19:01,220 Gallwn feddwl am this-- ei fod yn iawn debyg i'n casgliad cysylltiadol yn PHP. 366 00:19:01,220 --> 00:19:07,470 Felly allweddol, gwerth, allweddol, gwerth, allweddol, gwerth, yn y blaen ac yn y blaen. 367 00:19:07,470 --> 00:19:11,230 Beth sydd hefyd yn ddiddorol yn yr un ffordd y gallwn gael araeau o fewn araeau, 368 00:19:11,230 --> 00:19:14,690 gallwn hefyd gael amcanion o fewn gwrthrychau, neu araeau o fewn amcanion. 369 00:19:14,690 --> 00:19:18,410 Dydych chi byth yn gyfyngedig mewn gwirionedd i dim ond un un o bethau. 370 00:19:18,410 --> 00:19:24,220 Gallwn gael Inceptionesque iawn, dim ond dal i fynd i lawr y twll cwningen yno. 371 00:19:24,220 --> 00:19:26,080 >> Felly, os ydym yn sylwi, rydym yn cael rhywfaint cwrs hwnnw 372 00:19:26,080 --> 00:19:31,120 yn llinyn, hyfforddwr sy'n llinyn, ac amrywiaeth, yn int, ac mae Boole. 373 00:19:31,120 --> 00:19:36,110 Felly yr holl bethau gwahanol hyn. 374 00:19:36,110 --> 00:19:39,600 >> Mae pob hawl, felly, mae gennym un arall. 375 00:19:39,600 --> 00:19:42,930 Felly, yn yr achos hwn, rydym wedi amrywiaeth o wrthrychau. 376 00:19:42,930 --> 00:19:45,320 Felly, yn union fel gwrthrych Gall gael amrywiaeth ynddo. 377 00:19:45,320 --> 00:19:47,210 Gallwn hefyd amrywiaeth o wrthrychau. 378 00:19:47,210 --> 00:19:51,250 Gallai hyn fod yn ddefnyddiol i meddwl am debyg i fath 379 00:19:51,250 --> 00:19:54,260 o sut y cawsom hash bwrdd, yr oedd gennym amrywiaeth 380 00:19:54,260 --> 00:19:56,220 o'r rhain i gyd yn wahanol mathau o structs sy'n 381 00:19:56,220 --> 00:19:59,070 Roedd awgrymiadau i wahanol nodau a whatnot. 382 00:19:59,070 --> 00:20:01,420 Ond yn yr achos hwn, rydym yn cael amrywiaeth o wrthrychau. 383 00:20:01,420 --> 00:20:04,890 Felly, mae hyn yn debyg arae araeau o cysylltiadol. 384 00:20:04,890 --> 00:20:09,430 Felly, rydym wedi byddai rhai elfen gyntaf fod y gwrthrych gyda'r enw James 385 00:20:09,430 --> 00:20:11,340 ac yn gartref i Winthrop. 386 00:20:11,340 --> 00:20:14,780 >> Efallai y byddwch yn cofio guys rhywbeth tebyg iawn i'r hyn 387 00:20:14,780 --> 00:20:21,710 gyda'ch pset diwethaf, lle os ydych yn tynnu rhywbeth gan eich cronfa ddata, 388 00:20:21,710 --> 00:20:24,480 y math cyntaf o beth yn eich arae oedd 389 00:20:24,480 --> 00:20:27,110 yr holl wybodaeth am y defnyddiwr yn gyntaf a oedd yn bodloni ei, 390 00:20:27,110 --> 00:20:30,765 ac yna ydych wedi'u cael i mynegai i mewn i hynny i gael eu stoc neu ei cache 391 00:20:30,765 --> 00:20:32,110 neu whatnot. 392 00:20:32,110 --> 00:20:34,620 Felly mae hyn yn fawr iawn yr un fath beth, dim ond ychydig iawn o newid 393 00:20:34,620 --> 00:20:39,570 mewn cystrawen, newid ychydig yn y geiriau a ddefnyddiwn i'w disgrifio. 394 00:20:39,570 --> 00:20:45,960 >> Felly, os ydym eisiau, gall unrhyw un ddweud mi beth fyddai rhybudd hwn wneud yma? 395 00:20:45,960 --> 00:20:48,780 Neu pa bit hwn o Byddai Cod yn ei wneud i ni? 396 00:20:48,780 --> 00:20:50,992 397 00:20:50,992 --> 00:20:52,616 GYNULLEIDFA: Bydd yn rhoi'r holl enwau i chi. 398 00:20:52,616 --> 00:20:54,900 ALLISON BUCHHOLTZ-PA: Iawn, felly mae'n fyddai dim ond rhoi gwybod gyda'r holl enwau 399 00:20:54,900 --> 00:20:57,960 oherwydd y byddai'n mynd drwy bwthyn i, felly byddwn yn dechrau ar sero. 400 00:20:57,960 --> 00:21:01,330 Felly, byddwn yn dweud, OK rydym yn edrych ar hyn o gwrthrych cyntaf, a 401 00:21:01,330 --> 00:21:03,210 yw'r slot cyntaf yn ein casgliad. 402 00:21:03,210 --> 00:21:06,900 Ac y mae'n ei ddweud, "roi i mi y priodoli'r, enw'r gwrthrych. " 403 00:21:06,900 --> 00:21:09,030 Felly, rydym yn mynd yma, roedden ni wedi sgan, byddem yn dod o hyd i enw, 404 00:21:09,030 --> 00:21:11,340 a byddem yn argraffu James, Molly, a Carl. 405 00:21:11,340 --> 00:21:14,410 406 00:21:14,410 --> 00:21:15,799 Unrhyw gwestiynau hyd yn hyn? 407 00:21:15,799 --> 00:21:17,590 JavaScript yn anffodus ydych yn mynd i fod yn 408 00:21:17,590 --> 00:21:20,950 gwneud llawer o edrych i fyny ar eich hun, figuring y gystrawen, 409 00:21:20,950 --> 00:21:21,910 mynd i'r afael ag ef. 410 00:21:21,910 --> 00:21:25,870 Ond wrth gwrs Rwyf bob amser fan hyn, oriau swyddfa chi yma bob amser. 411 00:21:25,870 --> 00:21:28,260 Efallai fy mod yn ar ddydd Mawrth yr wythnos hon. 412 00:21:28,260 --> 00:21:31,050 Felly os ydych chi yno, gallwch dod ymweld â mi yr wythnos hon. 413 00:21:31,050 --> 00:21:32,470 Byddai'n wych. 414 00:21:32,470 --> 00:21:36,260 >> Iawn, felly DOM yw Model Ddogfen-Object. 415 00:21:36,260 --> 00:21:38,900 Felly mae hyn yn unig yw ffordd ein bod yn hoffi meddwl 416 00:21:38,900 --> 00:21:45,720 am sut mae ein HTML a phopeth oddi mewn iddi ei drefnu. 417 00:21:45,720 --> 00:21:49,930 Mae hyn yn fawr iawn rhywbeth y Mae'n debyg y bydd yn dod i fyny ar eich cwis. 418 00:21:49,930 --> 00:21:58,150 Rwy'n gwybod fy mlwyddyn, roedd hi fel dyma Ffeil HTML, llenwch y DOM ar ei gyfer. 419 00:21:58,150 --> 00:21:59,770 A ydych yn unig lenwi pethau bach. 420 00:21:59,770 --> 00:22:01,500 Dylai'r rhain fod yn bwyntiau yn hawdd gobeithio. 421 00:22:01,500 --> 00:22:03,450 Gobeithio y byddwch yn see-- 422 00:22:03,450 --> 00:22:04,590 >> GYNULLEIDFA: [Anghlywadwy] 423 00:22:04,590 --> 00:22:06,660 >> ALLISON BUCHHOLTZ-PA: Felly byddwch yn gweld coeden hwn yn fan hyn? 424 00:22:06,660 --> 00:22:07,200 >> GYNULLEIDFA: Yeah. 425 00:22:07,200 --> 00:22:08,949 >> ALLISON BUCHHOLTZ-PA: Felly, byddant yn gofyn defnydd 426 00:22:08,949 --> 00:22:11,750 i lenwi beth sy'n mynd o dan y corff. 427 00:22:11,750 --> 00:22:15,770 Efallai dan y corff, mae gennym rai divs neu mae gennym rai paragraffau, 428 00:22:15,770 --> 00:22:19,160 a byddwn yn gofyn i chi lenwi coeden fawr iawn fel hyn. 429 00:22:19,160 --> 00:22:21,440 Felly, byddwn yn cerdded drwyddo. 430 00:22:21,440 --> 00:22:26,120 Felly y Ddogfen-Gwrthrych Model yn unig yw ffordd 431 00:22:26,120 --> 00:22:31,240 i strwythuro a meddwl am ein HTML yn graffigol. 432 00:22:31,240 --> 00:22:33,860 433 00:22:33,860 --> 00:22:35,840 A hefyd pan gawn i fwy JavaScript, 434 00:22:35,840 --> 00:22:37,640 mae'n mynd i fod yn ffordd yr ydym mewn gwirionedd 435 00:22:37,640 --> 00:22:39,990 trin yn wahanol elfennau ar y dudalen. 436 00:22:39,990 --> 00:22:43,980 Mae angen ffordd o gael gafael ar bob un o'r pethau yn ein HTML, 437 00:22:43,980 --> 00:22:48,050 ac felly mae hyn yn rhoi i ni yn iawn ffordd safonol concrid 438 00:22:48,050 --> 00:22:51,010 ar draws amryw o dudalennau gwe i wneud hynny. 439 00:22:51,010 --> 00:22:53,440 >> Felly, os ydym yn unig yn cerdded trwy mae hyn, wrth gwrs yma 440 00:22:53,440 --> 00:22:56,790 ein dogfen yn debyg i'n ffeil gyfan. 441 00:22:56,790 --> 00:22:59,350 Mae hynny'n amlwg yn gwneud synnwyr mai dyma'r peth mwyaf, 442 00:22:59,350 --> 00:23:03,520 ac yna rydym wedi ein HTML gwirioneddol, sy'n cyfateb i tag hwn yma. 443 00:23:03,520 --> 00:23:08,480 Hefyd, os ydych yn indent eich tagiau yn iawn, yna creu hon goeden DOM 444 00:23:08,480 --> 00:23:10,530 yn dod yn super syml. 445 00:23:10,530 --> 00:23:12,400 Felly, mae gennym rai pen yma. 446 00:23:12,400 --> 00:23:15,780 Mae gennym rai corff hwnnw rydym yn gweld coesyn oddi ar HTML, 447 00:23:15,780 --> 00:23:18,530 a dyna pam yr ydym wedi pen a'r corff. 448 00:23:18,530 --> 00:23:22,880 O fewn ben, mae gennym rai tag teitl, tag teitl ben, 449 00:23:22,880 --> 00:23:24,570 felly rydym yn gwybod bod dod ar ôl pen. 450 00:23:24,570 --> 00:23:28,040 Ac o fewn ein tag teitl, mae gennym helo, byd. 451 00:23:28,040 --> 00:23:28,740 OK? 452 00:23:28,740 --> 00:23:31,311 Felly dyna y gangen chwith cyfan. 453 00:23:31,311 --> 00:23:34,060 Ac yna ar gyfer y gangen dde yma, rydym yn gweld bod gennym HTML, 454 00:23:34,060 --> 00:23:38,680 OK rydym wedi gwneud pen hwn rhan, rydym yn edrych yn unig ar y corff, 455 00:23:38,680 --> 00:23:40,670 felly mae gennym rai ardal corff. 456 00:23:40,670 --> 00:23:44,350 Ac o fewn hynny, yr unig beth sydd gennym yw helo, byd. 457 00:23:44,350 --> 00:23:45,090 OK? 458 00:23:45,090 --> 00:23:54,130 Pe bai gennym bethau fel rhywfaint p braced ac yna 459 00:23:54,130 --> 00:23:57,500 helo, byd, ac yna un arall braced p o hwyl fawr, byd, 460 00:23:57,500 --> 00:24:00,080 Byddai gennym ddau swigod dod oddi ar o fan hyn. 461 00:24:00,080 --> 00:24:05,550 Oherwydd eu bod yn ddau o dan corff, ond maen nhw'n paragraffau ar wahân yr achos hwn. 462 00:24:05,550 --> 00:24:11,520 Yn sicr ymarfer ar hynny yn cwisiau blaenorol, 463 00:24:11,520 --> 00:24:14,570 yn ogystal â digon ar-lein arno. 464 00:24:14,570 --> 00:24:18,260 Iawn felly, mae hyn dim ond yn gadael ni weld popeth 'n glws 465 00:24:18,260 --> 00:24:20,810 a thrin pethau systematig iawn. 466 00:24:20,810 --> 00:24:21,340 OK? 467 00:24:21,340 --> 00:24:23,640 Rydym yn gwybod yn union sut i tramwyo drwy'r goeden hon, 468 00:24:23,640 --> 00:24:26,910 felly rydym yn gwybod hyn yr ydym am i gael mynediad. 469 00:24:26,910 --> 00:24:31,690 >> Iawn, felly dyma pam yr ydym am i gael y math hwn o fodel, 470 00:24:31,690 --> 00:24:35,190 fel y gallwn ddefnyddio'r pethau fel hyn, ac yr ydym yn deall yr hyn y maent yn ei olygu, 471 00:24:35,190 --> 00:24:38,370 ac maen nhw'n safonol ar draws yr holl bethau a wnawn. 472 00:24:38,370 --> 00:24:45,900 Felly teitl y ddogfen dot yn unig teitl our-- pob un o'r rhain 473 00:24:45,900 --> 00:24:48,960 yn hunan esboniadol 'n bert, Rwy'n hoffi meddwl. 474 00:24:48,960 --> 00:24:51,660 Felly, y cyntaf tri enghreifftiau yn cael eu dim ond dweud, 475 00:24:51,660 --> 00:24:54,770 "Iawn, dim ond rhoi i mi y teitl y dudalen yma. " 476 00:24:54,770 --> 00:24:58,030 Felly, bydd yn rhoi i chi beth cyfateb i'r teitl. 477 00:24:58,030 --> 00:25:01,880 >> Dogfen dot corff yn mynd i roi i chi beth bynnag o fewn tagiau corff hynny. 478 00:25:01,880 --> 00:25:03,240 Fel y gallwch drin hynny. 479 00:25:03,240 --> 00:25:07,820 A dogfen dot dot corff mynd i mewn HTML yn un oer iawn, 480 00:25:07,820 --> 00:25:11,660 ac efallai nad yw fel super sythweledol, ond mae'r HTML mewnol 481 00:25:11,660 --> 00:25:13,740 yn cyfateb i hawl hon yma. 482 00:25:13,740 --> 00:25:17,410 Felly, os ydych chi erioed eisiau drin y testun ar dudalen, 483 00:25:17,410 --> 00:25:22,700 fel arfer ydych yn mynd i fod yn ei wneud rhywbeth gyda chorff dot HTML mewnol. 484 00:25:22,700 --> 00:25:23,820 OK? 485 00:25:23,820 --> 00:25:31,341 Felly HTML mewnol yn tueddu i gyfeirio at yr hyn sydd mewn gwirionedd rhwng y tagiau hyn. 486 00:25:31,341 --> 00:25:31,840 OK? 487 00:25:31,840 --> 00:25:33,020 Ac yna swyddogaethau defnyddiol. 488 00:25:33,020 --> 00:25:40,390 Felly, os ydych yn awyddus i gael unrhyw un o'r rhain, unrhyw elfen, 489 00:25:40,390 --> 00:25:43,140 mae gennym rai Id, dosbarth enw, neu enw tag. 490 00:25:43,140 --> 00:25:47,100 Mae hyn yn debyg iawn i pethau a wnaethom gyda CSS, dde? 491 00:25:47,100 --> 00:25:51,360 Lle mae gennym rai dewiswyr sy'n yn cyfateb i naill ai tag, dosbarth 492 00:25:51,360 --> 00:25:53,800 ein bod yn rhoi iddyn nhw, neu Id. 493 00:25:53,800 --> 00:25:55,310 Mae hyn yn fawr iawn yr un ffordd. 494 00:25:55,310 --> 00:26:00,720 Os oes gennych chi rhywbeth y Mae gan rai dosbarth o gi, 495 00:26:00,720 --> 00:26:05,800 ac rydych yn ei ddweud yn cael elfennau yn ôl enw tag, ac rydych chi roi yn there-- neu ddrwg gennym, 496 00:26:05,800 --> 00:26:06,610 Enw dosbarth. 497 00:26:06,610 --> 00:26:07,770 Gallwch roi dot i mewn 'na. 498 00:26:07,770 --> 00:26:11,780 Mae'n mynd i ddychwelyd yr holl o'r rhai elfennau i eich bod yn cael y dosbarth. 499 00:26:11,780 --> 00:26:13,880 Er mwyn i chi drin dim ond y rhai. 500 00:26:13,880 --> 00:26:18,430 Yn yr un modd, efallai eich bod yn unig yn awyddus i drin rhywfaint pennawd, felly 501 00:26:18,430 --> 00:26:20,980 rhyw pennawd h1, fel y gwnaethom. 502 00:26:20,980 --> 00:26:24,900 Gallech wneud gael elfennau gan tag enw, gan fod h1 yn enw tag. 503 00:26:24,900 --> 00:26:29,270 Ac yn yr un modd, os ydych chi am gael rhyw beth yn unigryw, gallwch chi ei wneud tag get. 504 00:26:29,270 --> 00:26:31,100 Cael elfen gan Id. 505 00:26:31,100 --> 00:26:32,710 Ac maent mewn gwirionedd yn llawer o'r rhain. 506 00:26:32,710 --> 00:26:36,300 Mae'r rhain yn dim ond fel tri o lawer iawn. 507 00:26:36,300 --> 00:26:39,600 Felly, os byddwch yn mynd ar-lein, fel y Rydw i'n mynd i annog 508 00:26:39,600 --> 00:26:45,342 i chi ei wneud, ac yn gwneud rhywfaint o ymchwil ar eich pen eich hun, 509 00:26:45,342 --> 00:26:48,450 Rwy'n bendant yn argymell edrych ar bob un o'r rheini. 510 00:26:48,450 --> 00:26:50,880 Gallent fod yn super ddefnyddiol, yn enwedig pan 511 00:26:50,880 --> 00:26:57,180 rydych am i ddim ond fath o drin pethau penodol iawn heb orfod 512 00:26:57,180 --> 00:27:00,390 i fynd drwy'r a rhoi cynnig gramadegu allan bopeth. 513 00:27:00,390 --> 00:27:03,540 >> Iawn, felly y peth olaf yw JavaScript digwyddiadau. 514 00:27:03,540 --> 00:27:10,730 Felly, pan oeddwn yn siarad yn gynharach am fynd ar wefan, 515 00:27:10,730 --> 00:27:14,340 a phan fyddwch yn hofran dros rywbeth, neu eich llygoden yn hofran dros rywbeth, 516 00:27:14,340 --> 00:27:15,420 rhywbeth arall yn digwydd. 517 00:27:15,420 --> 00:27:17,900 Dyma beth hoffem meddwl am fel digwyddiad. 518 00:27:17,900 --> 00:27:23,970 Felly, beth yr ydym yn cael y nerth fod yn ddefnyddiol yma yw onclick. 519 00:27:23,970 --> 00:27:29,140 Felly mwynglawdd oedd ar y hofran, sydd, rwy'n yn eithaf sicr, yn unig ar hofran. 520 00:27:29,140 --> 00:27:31,300 Hefyd tunnell o rhain y gallwch chwilio am. 521 00:27:31,300 --> 00:27:34,340 Mae rhestr gyfan ar-lein o'r gwahanol bethau 522 00:27:34,340 --> 00:27:37,130 eich bod yn gallu gwrando am. 523 00:27:37,130 --> 00:27:41,220 >> Ond mae digwyddiadau JavaScript yn y bôn yn unig yn ymateb i bethau 524 00:27:41,220 --> 00:27:42,430 bod eich defnyddiwr yn ei wneud. 525 00:27:42,430 --> 00:27:42,930 Iawn? 526 00:27:42,930 --> 00:27:45,220 Felly eich defnyddiwr yn ei wneud rhywbeth, mae hynny'n ddigwyddiad, 527 00:27:45,220 --> 00:27:48,340 a bydd JavaScript yn ymateb fodd bynnag yr hoffech iddo. 528 00:27:48,340 --> 00:27:49,770 Bydd yn ymateb yn unol â hynny. 529 00:27:49,770 --> 00:27:54,630 Felly, yn yr achos hwn, rydym wedi rhywfaint o ffenestr dot onload. 530 00:27:54,630 --> 00:27:57,170 Felly beth mae hyn yn ei ddweud yw, "aros nes llwytho y ffenestr yn. " 531 00:27:57,170 --> 00:27:57,780 OK? 532 00:27:57,780 --> 00:28:02,102 Felly, pan fydd llwytho, onload popeth yn, yna gallwch gyflawni swyddogaeth hon. 533 00:28:02,102 --> 00:28:03,810 Felly, pan fydd popeth yn llwytho, rydych yn mynd 534 00:28:03,810 --> 00:28:07,760 i gael rhywfaint botwm chwilio sy'n cael elfen gan Id, 535 00:28:07,760 --> 00:28:13,740 ac mae'n printiau beth bynnag hwnnw elfen yw gan fod y botwm Chwilio. 536 00:28:13,740 --> 00:28:17,050 Ac yna mae gennym newidyn hwn, yr ydym yn dweud, "Iawn, onclick." 537 00:28:17,050 --> 00:28:20,390 Felly, pan fyddwn yn clywed clic ar y botwm Chwilio, 538 00:28:20,390 --> 00:28:23,990 gweithredu swyddogaeth hon, sydd yn effro, byddwch yn clicio ar y botwm Chwilio. 539 00:28:23,990 --> 00:28:28,910 >> Felly beth sy'n digwydd yw-- hyn yn 'n glws ychydig iawn o gynrychiolaeth graffig yma. 540 00:28:28,910 --> 00:28:31,480 Felly ein dogfen llwythi, dyna ein onload, 541 00:28:31,480 --> 00:28:34,340 rydym yn dod o hyd ein Chwilio botwm, sef hyn. 542 00:28:34,340 --> 00:28:36,570 Rydym yn chwilio am ein botwm Chwilio. 543 00:28:36,570 --> 00:28:40,790 Ac yna pan fydd y botwm Chwilio yn clicio, mae'n cyfateb i dde yma. 544 00:28:40,790 --> 00:28:41,980 Onclick. 545 00:28:41,980 --> 00:28:47,300 Yna, rydym yn olaf rhoi gwybod ein defnyddwyr, sydd yn y llinell olaf yma. 546 00:28:47,300 --> 00:28:48,250 OK? 547 00:28:48,250 --> 00:28:52,960 Felly bob un o'r rheini pedwar cam yn unig cyfateb i'r pedwar blwch 548 00:28:52,960 --> 00:28:55,031 i lawr yno ar y gwaelod. 549 00:28:55,031 --> 00:28:56,405 A yw hynny'n gwneud synnwyr i bawb? 550 00:28:56,405 --> 00:29:01,120 551 00:29:01,120 --> 00:29:05,200 >> Ac yna un peth sy'n Im 'jyst yn mynd sôn iawn, yn fyr iawn, fy mod 552 00:29:05,200 --> 00:29:08,660 eich annog guys i mynd i mewn i edrych yn fwy yn 553 00:29:08,660 --> 00:29:13,210 jQuery, sydd ychydig llyfrgell sy'n cael ei hadeiladu ar ben JavaScript. 554 00:29:13,210 --> 00:29:16,480 Mae'n super ddefnyddiol, fel y gyda'r rhan fwyaf o lyfrgelloedd. 555 00:29:16,480 --> 00:29:18,320 Mae llawer o swyddogaethau. 556 00:29:18,320 --> 00:29:21,930 Felly, os oes byth rhywbeth y rydych am ei wneud yn JavaScript, 557 00:29:21,930 --> 00:29:24,880 eich greddf gyntaf Ni ddylai fod i feddwl 558 00:29:24,880 --> 00:29:27,340 o, dylai "beth swyddogaeth Rwy'n cod? "Y dylai fod, 559 00:29:27,340 --> 00:29:29,560 "Gadewch i mi weld rhywun yn a wnaed eisoes mae hyn i mi. " 560 00:29:29,560 --> 00:29:32,800 Oherwydd bod naw gwaith allan o ddeg, bydd rhywun wedi gwneud hynny'n barod, 561 00:29:32,800 --> 00:29:35,760 ac mae'n debyg wedi ei wneud yn well. 562 00:29:35,760 --> 00:29:39,990 Mae pobl yn treulio llawer o amser yn gwneud hyn, ac JavaScript cael ei ddefnyddio'n eang iawn, 563 00:29:39,990 --> 00:29:42,810 felly mae pobl yn gyson ceisio ei wneud yn well. 564 00:29:42,810 --> 00:29:47,110 A jQuery Mae gan lawer o swyddogaethau a fydd yn ôl pob tebyg yn ddefnyddiol i chi 565 00:29:47,110 --> 00:29:50,470 yn eich prosiect terfynol os ydych yn gwneud unrhyw beth gyda dylunio gwe. 566 00:29:50,470 --> 00:29:53,480 Fel yr wyf yn hoffi dweud, "Mae gwaith graffach, nid yn galetach. " 567 00:29:53,480 --> 00:29:57,130 Os ydych yn guys gwneud hynny, bydd yn cael ei wych. 568 00:29:57,130 --> 00:30:00,330 Pan rydym yn yn y hackathon Nid wyf yn ei wneud am i chi fod dan straen i gyd allan. 569 00:30:00,330 --> 00:30:03,600 Rwyf am i chi fod yn debyg, "Ges hyn. jQuery yn cael fy nghefn. 570 00:30:03,600 --> 00:30:05,790 Nid oes angen imi ysgrifennu swyddogaethau hyn. " 571 00:30:05,790 --> 00:30:07,636 >> Felly, dim ond dau beth i cofiwch, dw i'n mynd 572 00:30:07,636 --> 00:30:10,220 i adael i chi guys edrych yn fwy i mewn jQuery ar eich pen eich hun. 573 00:30:10,220 --> 00:30:13,070 Mae pob Rydw i'n mynd i ddweud yw iddo yn gwneud rhai pethau eithaf anhygoel 574 00:30:13,070 --> 00:30:15,220 a gall wneud eich bywyd yn llawer iawn haws. 575 00:30:15,220 --> 00:30:17,150 Ond yr hyn rydych am ei wedi yw pa bynnag ffeil 576 00:30:17,150 --> 00:30:21,020 eich bod yn mynd i gael ei ddefnyddio mewn, ydych yn mynd i eisiau y ddwy linell. 577 00:30:21,020 --> 00:30:25,630 Rydych yn mynd i am i'r sgript o js jQuery js dotiau. 578 00:30:25,630 --> 00:30:28,500 Ac mewn gwirionedd yn eich ffynhonnell yn mynd i fod rhywfaint o URL. 579 00:30:28,500 --> 00:30:35,870 Os byddwch yn Google jQuery, Google mewn gwirionedd yn cynnal yr holl ffeiliau ar eich rhan. 580 00:30:35,870 --> 00:30:38,950 Felly, rydych yn bendant eisiau mewnbwn y URL yn lle hynny. 581 00:30:38,950 --> 00:30:41,130 Fi jyst roi hyn yma er mwyn symlrwydd. 582 00:30:41,130 --> 00:30:45,180 Mae'r holl mae hyn yn golygu lle i ddod o hyd i'ch llyfrgell jQuery. 583 00:30:45,180 --> 00:30:48,600 Mae'n enfawr, felly nad ydych am i gynnal ar eich cyfrifiadur eich hun 584 00:30:48,600 --> 00:30:53,390 os gallwch osgoi hynny, a dyna pam yr ydym yn yn tueddu i ddim ond rhoi yn Google URL y 585 00:30:53,390 --> 00:30:55,880 yn cynnal yr holl ffeiliau hyn ar eich cyfer. 586 00:30:55,880 --> 00:30:56,380 OK? 587 00:30:56,380 --> 00:30:58,850 Rydych yn Google hynny, yr wyf yn addo bydd yn cael ei yno. 588 00:30:58,850 --> 00:31:01,200 >> Ac yna beth bynnag JavaScript ffeil eich bod yn 589 00:31:01,200 --> 00:31:07,150 gan ddefnyddio, felly mae hyn yn dim ond rhai allanol JavaScript ffeil yr ydych yn ei ddefnyddio. 590 00:31:07,150 --> 00:31:11,570 Yn yr un modd yr ydym yn cysylltu â'n CSS ffeiliau, mae hyn yn yr un math o beth. 591 00:31:11,570 --> 00:31:15,480 Mae hyn yn unig yn cysylltu at y ffeil lle mae eich JavaScript mae. 592 00:31:15,480 --> 00:31:18,970 Ac mae gennyf rai enghreifftiau gyda JavaScript syml. 593 00:31:18,970 --> 00:31:20,220 Felly, byddwn yn mynd drwyddo. 594 00:31:20,220 --> 00:31:27,230 Ac yna yn eich mynegai JavaScript, sydd yn eich JavaScript ffeil yma, 595 00:31:27,230 --> 00:31:30,900 mae hyn yn fath o deunydd lapio bod gennych i jQuery. 596 00:31:30,900 --> 00:31:33,860 Rydych yn bron i 99.9 y cant o'r amser yn mynd 597 00:31:33,860 --> 00:31:36,800 i gael hyn yn eich ffeil index.js. 598 00:31:36,800 --> 00:31:40,010 Oherwydd beth mae hyn yn ei ddweud yw, "Peidiwch â gweithredu unrhyw beth 599 00:31:40,010 --> 00:31:43,480 nes bod eich dogfen mewn gwirionedd yn barod, "sef yr union beth yr ydych ei eisiau. 600 00:31:43,480 --> 00:31:46,600 Oherwydd os nad yw eich dogfen yn barod, a jQuery yn dechrau gwneud pethau, 601 00:31:46,600 --> 00:31:48,020 'i' jyst llanast. 602 00:31:48,020 --> 00:31:50,480 Felly, byddwch bob amser yn awyddus i gael deunydd lapio hwn. 603 00:31:50,480 --> 00:31:55,760 Ac yna am bethau sy'n mynd i mewn 'na, yr wyf yn Bydd yn gadael i perusing eich guys 'eich hun. 604 00:31:55,760 --> 00:32:04,610 >> Iawn, felly a oes unrhyw cwestiynau cywir Erbyn hyn am Javascript yn gyffredinol? 605 00:32:04,610 --> 00:32:07,420 Neu model DOM? 606 00:32:07,420 --> 00:32:10,780 Os nad, mae gennym rai oer enghreifftiau y gallwn fynd drwy, 607 00:32:10,780 --> 00:32:13,120 y gallwch chi guys fy helpu cod. 608 00:32:13,120 --> 00:32:15,877 Ond rwyf hefyd ddim yn mynd i fod yn super 'n glws, ac os ydych yn 609 00:32:15,877 --> 00:32:17,960 nad ydych am i ddweud unrhyw beth ar gyfer y rhain, mae hynny'n iawn. 610 00:32:17,960 --> 00:32:20,510 Gallaf hefyd jyst roi enghreifftiau i chi. 611 00:32:20,510 --> 00:32:24,581 Ond unrhyw beth ar y PowerPoint cyn i ni symud ymlaen? 612 00:32:24,581 --> 00:32:25,080 Cool. 613 00:32:25,080 --> 00:32:26,990 >> Rwy'n teimlo fel angen egni i chi guys. 614 00:32:26,990 --> 00:32:31,516 Felly, yr wyf yn meddwl ein bod ni'n mynd i ddechrau gyda enghraifft fy mhlaid i yn gyntaf. 615 00:32:31,516 --> 00:32:33,390 Mae gennym dair enghraifft, mae gennych o'ch dewis. 616 00:32:33,390 --> 00:32:37,720 Felly mae gennym cloc, ble rydym yn mynd i weithredu gloc go iawn sy'n 617 00:32:37,720 --> 00:32:41,430 mynd i ddiweddaru wrth i amser fynd heibio. 618 00:32:41,430 --> 00:32:43,310 Mae gennym y swyddogaeth Twitter mawr. 619 00:32:43,310 --> 00:32:44,560 This-- eich bod yn gwybod yr hyn, yn dal ar. 620 00:32:44,560 --> 00:32:47,220 Rydym yn mynd i wneud hyn yn mynd i ffwrdd. 621 00:32:47,220 --> 00:32:47,950 Bam. 622 00:32:47,950 --> 00:32:49,060 OK. 623 00:32:49,060 --> 00:32:56,132 >> Mae gennym y swyddogaeth Twitter mawr yma, that-- yr wyf yn gwybod, dde? 624 00:32:56,132 --> 00:32:57,090 Mae'n mynd i fod yn wych. 625 00:32:57,090 --> 00:32:58,350 A ydych yn guys cyffroi? 626 00:32:58,350 --> 00:33:01,170 Mae hynny yn mynd i gyfrif y nifer o gymeriadau yr ydych wedi gadael, 627 00:33:01,170 --> 00:33:04,520 felly os wyf yn teipio ar hyn o bryd, yn amlwg mae'n dal i ddweud 140, 628 00:33:04,520 --> 00:33:06,190 ond rydym yn gwybod nad yw hynny'n wir. 629 00:33:06,190 --> 00:33:08,570 Ac yna gyda'n yr un olaf yma, cliciwch yma i barti. 630 00:33:08,570 --> 00:33:12,150 Beth sy'n mynd i ddigwydd yw pan rydym yn cliciwch, y cefndir yn 631 00:33:12,150 --> 00:33:13,340 mynd i newid lliwiau. 632 00:33:13,340 --> 00:33:17,060 Felly rydych guys yn cael eich opsiynau o pa un rydych am ei wneud yn gyntaf. 633 00:33:17,060 --> 00:33:19,800 Rwy'n addo 'n annhymerus' yn cymryd yn hawdd iawn ar eich cyfer. 634 00:33:19,800 --> 00:33:22,680 Rwy'n teimlo fel pawb fath o ddim ond isel iawn allweddol heddiw. 635 00:33:22,680 --> 00:33:25,540 Felly byddaf i chi gerdded drwy'r modd y byddwn yn gweithredu pob un o'r rhain. 636 00:33:25,540 --> 00:33:28,520 Os ydych am cyd-fynd yn i mewn, mae hynny'n wych, ond yr wyf yn 637 00:33:28,520 --> 00:33:30,020 teimlo fel pawb yn ychydig yn flinedig. 638 00:33:30,020 --> 00:33:32,970 Felly byddaf yn jyst yn cerdded i chi drwy enghreifftiau hyn. 639 00:33:32,970 --> 00:33:35,015 A oes gennym rywbeth y byddem yn hoffi ei wneud yn gyntaf? 640 00:33:35,015 --> 00:33:38,140 641 00:33:38,140 --> 00:33:39,475 Dylai unrhyw un? 642 00:33:39,475 --> 00:33:41,350 Dim ffafriaeth? 643 00:33:41,350 --> 00:33:41,867 OK. 644 00:33:41,867 --> 00:33:42,450 Rydych yn gwybod beth? 645 00:33:42,450 --> 00:33:43,290 Rydym ar parti. 646 00:33:43,290 --> 00:33:48,380 Rwy'n teimlo fel angen little-- chi guys felly, byddwn yn gwneud y naill blaid yn gyntaf. 647 00:33:48,380 --> 00:33:48,880 OK. 648 00:33:48,880 --> 00:33:51,470 649 00:33:51,470 --> 00:33:56,930 >> Felly yr hyn sydd gennym Yma-- dyna Nid yw i fod i fod yno. 650 00:33:56,930 --> 00:33:57,910 Nawr mae'n dda. 651 00:33:57,910 --> 00:33:59,810 OK. 652 00:33:59,810 --> 00:34:03,110 Felly beth sydd gennym yma yw dim ond dudalen HTML syml 653 00:34:03,110 --> 00:34:07,840 y dylech guys i gyd fod yn super gyfarwydd â oddi wrth eich dau psets diwethaf. 654 00:34:07,840 --> 00:34:10,212 rydym wedi ein math doc yma. 655 00:34:10,212 --> 00:34:10,920 Gall pawb weld? 656 00:34:10,920 --> 00:34:11,420 OK. 657 00:34:11,420 --> 00:34:12,560 Cool. 658 00:34:12,560 --> 00:34:13,900 Rydym wedi ein HTML yn amlwg. 659 00:34:13,900 --> 00:34:18,360 Mae gennym rai pennawd sydd yn cysylltu â dalen arddull sy'n 660 00:34:18,360 --> 00:34:21,420 dim ond gwneud fy ffont 'n glws a mawr a beiddgar. 661 00:34:21,420 --> 00:34:23,489 Felly peidiwch â phoeni am hynny. 662 00:34:23,489 --> 00:34:26,437 >> Mae gennym rai corff gyda cefndir Id, OK? 663 00:34:26,437 --> 00:34:28,520 Oherwydd ein bod yn mynd i fod newid y cefndir. 664 00:34:28,520 --> 00:34:31,964 Felly, pan rydym yn newid y cefndir ein corff, 665 00:34:31,964 --> 00:34:35,965 rydym yn cofio o bythefnos yn ôl pan ydym yn delio â thudalennau gwe. 666 00:34:35,965 --> 00:34:36,840 Felly da i gael hynny. 667 00:34:36,840 --> 00:34:39,270 Ac mae gennym rai Id hafal parti. 668 00:34:39,270 --> 00:34:43,909 Mae hyn punt Cyfeirnod h jyst yn golygu bod mae'n mynd i fynd i'r un dudalen. 669 00:34:43,909 --> 00:34:47,120 A chliciwch yma i barti, a dyna pam pan fyddwn yn clicio arno, 670 00:34:47,120 --> 00:34:48,940 dylai newid lliwiau, diolch byth. 671 00:34:48,940 --> 00:34:54,322 >> Ac yna mae gennym rai sgript yma y yn unig yn gysylltiedig â blaid hon js dot 672 00:34:54,322 --> 00:34:58,100 ffeil, hynny yw wag oherwydd Nid ydym wedi gwneud unrhyw beth eto. 673 00:34:58,100 --> 00:35:00,450 Ac mae mor drist. 674 00:35:00,450 --> 00:35:06,100 Ond yn fuan iawn, bydd yn newid lliwiau, a bydd yn awesome. 675 00:35:06,100 --> 00:35:10,520 >> Felly, Im 'jyst yn mynd i gerdded i chi guys drwy sut y gallem ymdrin â hyn. 676 00:35:10,520 --> 00:35:14,030 Felly, y peth cyntaf sy'n efallai y byddwn am ei wneud, 677 00:35:14,030 --> 00:35:18,050 os ydym yn newid y cefndir y corff, y peth cyntaf y gallem ei eisiau 678 00:35:18,050 --> 00:35:22,730 ei wneud yw chrafangia mewn gwirionedd yr hyn y mae'r corff yn, dde? 679 00:35:22,730 --> 00:35:27,690 Felly, rydym yn awyddus i gael swm, ein cefndir, ac os byddwch yn sylwi, 680 00:35:27,690 --> 00:35:29,567 Fi jyst yn awtomatig dim ond dechrau teipio. 681 00:35:29,567 --> 00:35:32,400 Does dim byd arbennig ein bod yn angen iddynt ei wneud ar gyfer ein ffeiliau JavaScript. 682 00:35:32,400 --> 00:35:35,820 Gallaf ddechrau datgan newidynnau, a datgan swyddogaethau hap. 683 00:35:35,820 --> 00:35:38,110 Ac mae'n llawer mwy ffurflen rhad ac am ddim. 684 00:35:38,110 --> 00:35:41,930 Mae fel gyda C, rhoesom chi i gyd rheolau caled hyn, ac yr ydych yn tyfu i fyny, 685 00:35:41,930 --> 00:35:43,220 felly rydym yn hoffi, "mynd allan. 686 00:35:43,220 --> 00:35:44,000 Byddwch yn rhad ac am ddim. 687 00:35:44,000 --> 00:35:44,870 Gwneud yr hyn yr ydych ei eisiau. " 688 00:35:44,870 --> 00:35:46,280 A dyna beth yw JavaScript. 689 00:35:46,280 --> 00:35:48,390 Felly, mae gennym ychydig o gefndir yma. 690 00:35:48,390 --> 00:35:55,900 Gyda ein model DOM, rydym yn gwybod ein bod Gall wneud y ddogfen dot cael elfen, 691 00:35:55,900 --> 00:36:00,290 ac os ydym yn sylwi yma, Mae gan Id ein corff. 692 00:36:00,290 --> 00:36:00,930 Iawn? 693 00:36:00,930 --> 00:36:06,310 Felly, gallwn yn cael dogfen gan Id, a dyma un syml. 694 00:36:06,310 --> 00:36:08,295 Beth yw ein Id yr ydym am fan hyn? 695 00:36:08,295 --> 00:36:09,170 GYNULLEIDFA: Cefndir. 696 00:36:09,170 --> 00:36:11,280 ALLISON BUCHHOLTZ-PA: Cefndir. 697 00:36:11,280 --> 00:36:12,230 Perffaith. 698 00:36:12,230 --> 00:36:14,250 Ac yn hanner colon ar y diwedd. 699 00:36:14,250 --> 00:36:15,610 Nid yw hynny wedi mynd i ffwrdd eto. 700 00:36:15,610 --> 00:36:17,330 Dal angen eich hanner colon i chi. 701 00:36:17,330 --> 00:36:17,830 OK. 702 00:36:17,830 --> 00:36:19,690 Felly dyna ein un cyntaf. 703 00:36:19,690 --> 00:36:23,880 A phan fyddwn yn clicio rhywbeth, rydym yn am i rywbeth ddigwydd, dde? 704 00:36:23,880 --> 00:36:28,270 Felly efallai y byddwn am gael rhywfaint o amrywiol mae hynny'n aros am un clic. 705 00:36:28,270 --> 00:36:32,410 Yr hyn yr ydym yn mynd i wneud yw ein bod ni'n mynd i yn gwneud ein cyswllt yn fwy tebyg i botwm. 706 00:36:32,410 --> 00:36:43,140 Felly, rydym yn mynd i gael rhywfaint botwm hwnnw yn hafal i ddogfennu dot cael elfen gan Id. 707 00:36:43,140 --> 00:36:48,670 Ac os ydw i'n siarad am y cliciwch cyswllt neu cliciwch yma i barti 708 00:36:48,670 --> 00:36:51,850 cyswllt, beth allai fy Id fod yma? 709 00:36:51,850 --> 00:36:52,590 Parti. 710 00:36:52,590 --> 00:36:55,200 Cywir. 711 00:36:55,200 --> 00:36:56,500 OK ddim yn rhy ddrwg hyd yn hyn. 712 00:36:56,500 --> 00:36:59,060 Mae pawb yn cael yr hyn rydym yn ei wneud? 713 00:36:59,060 --> 00:37:02,100 >> Iawn, felly erbyn hyn rydym wedi ein botwm, ac rydym am 714 00:37:02,100 --> 00:37:04,140 bethau newid pan fyddwn yn clicio arno. 715 00:37:04,140 --> 00:37:08,750 Felly, os ydym yn cofio o'n PowerPoint, beth syml iawn y gallwn ei wneud 716 00:37:08,750 --> 00:37:12,140 yn dot botwm unig onclick, dde? 717 00:37:12,140 --> 00:37:14,750 718 00:37:14,750 --> 00:37:18,730 Ac mae hynny'n mynd i fod yn gyfartal rhywfaint o swyddogaeth. 719 00:37:18,730 --> 00:37:20,620 Mae hyn yn swyddogaeth ddienw. 720 00:37:20,620 --> 00:37:24,620 Ac mae hyn yn unig as-- mewn gwirionedd rwy'n mynd i wneud ychydig hwn yn fwy. 721 00:37:24,620 --> 00:37:27,330 >> Felly beth Fi jyst yn gwneud yma yw i ddim yn dweud, OK, 722 00:37:27,330 --> 00:37:31,810 pan fyddwn yn clicio ar ein botwm, sef y ddolen hon yr ydym newydd gyfeirio ato, 723 00:37:31,810 --> 00:37:34,270 rydym yn mynd i weithredu swyddogaeth dienw hwn. 724 00:37:34,270 --> 00:37:35,845 Nid oes angen unrhyw fewnbynnau arnom. 725 00:37:35,845 --> 00:37:37,220 Nid ydym yn poeni beth mae'r defnyddiwr yn ei ddweud. 726 00:37:37,220 --> 00:37:38,800 Pan fyddant yn clicio arno, rydym yn mynd i wneud beth bynnag yr ydym ei eisiau, 727 00:37:38,800 --> 00:37:40,660 sydd yn newid lliw cefndir. 728 00:37:40,660 --> 00:37:42,640 OK? 729 00:37:42,640 --> 00:37:47,224 Felly dyna pam nad oes gennym unrhyw mewnbynnau, rydym yn unig yn cael y swyddogaeth dienw. 730 00:37:47,224 --> 00:37:49,390 Ac yn awr rydym yn mynd mewn gwirionedd i ysgrifennu swyddogaeth hon. 731 00:37:49,390 --> 00:37:55,040 >> Felly mae 'na griw o ffyrdd i chi Gallai gynhyrchu lliw ar hap. 732 00:37:55,040 --> 00:37:59,010 Y ffordd yr wyf yn gwneud hynny oedd cynhyrchu tri rhif ar hap 733 00:37:59,010 --> 00:38:01,910 ac yn eu trosi i RGB triphlyg. 734 00:38:01,910 --> 00:38:06,130 Felly, mae hyn yn unig yn dangos i chi rai oer pethau os ydych chi fel, "oh, 735 00:38:06,130 --> 00:38:08,464 Mae angen i mi gynhyrchu ar hap rhif. "os ydych Googled ef, 736 00:38:08,464 --> 00:38:09,630 mae hyn yn beth fyddech chi'n dod o hyd. 737 00:38:09,630 --> 00:38:17,580 >> Felly mae gennym dri gwahanol pethau, var, nid goch eto, gwyrdd. 738 00:38:17,580 --> 00:38:18,080 Iawn? 739 00:38:18,080 --> 00:38:20,740 Felly, y rhai yw'r tri pethau sy'n gwneud i fyny lliw. 740 00:38:20,740 --> 00:38:22,220 Glas, coch, a gwyrdd. 741 00:38:22,220 --> 00:38:22,960 Cool. 742 00:38:22,960 --> 00:38:27,050 A beth y gallwn ei wneud yw ein bod yn gwybod bod angen iddo fod rhwng 255, 743 00:38:27,050 --> 00:38:30,140 ac os ydych yn edrych i fyny rhai generadur rhif ar hap, 744 00:38:30,140 --> 00:38:36,000 gallech gael rhywbeth fel mathemateg dot ar hap, ac os ydych yn edrych hyn i fyny 745 00:38:36,000 --> 00:38:39,230 yn dychwelyd i ryw rif rhwng sero ac un. 746 00:38:39,230 --> 00:38:39,980 OK? 747 00:38:39,980 --> 00:38:44,470 A beth rhifau yn gwneud ein Treblu'r RGB mynd rhwng? 748 00:38:44,470 --> 00:38:47,240 Zero a beth? 749 00:38:47,240 --> 00:38:49,000 Beth allan nhw fynd i fyny at? 750 00:38:49,000 --> 00:38:49,950 255. 751 00:38:49,950 --> 00:38:53,320 Felly os mathemateg dot ar hap mynd rhwng sero ac un, 752 00:38:53,320 --> 00:38:56,365 sut y gallem am newid hyn? 753 00:38:56,365 --> 00:38:56,990 GYNULLEIDFA: Amser? 754 00:38:56,990 --> 00:38:57,830 ALLISON BUCHHOLTZ-PA: Yeah, yn union. 755 00:38:57,830 --> 00:38:58,677 Felly, mae amser yn 255. 756 00:38:58,677 --> 00:39:00,888 >> GYNULLEIDFA: [Anghlywadwy] Mae fel [Anghlywadwy]. 757 00:39:00,888 --> 00:39:02,471 ALLISON BUCHHOLTZ-PA: Mathemateg dot hap. 758 00:39:02,471 --> 00:39:03,096 GYNULLEIDFA: Cool. 759 00:39:03,096 --> 00:39:04,580 ALLISON BUCHHOLTZ-PA: Ie. 760 00:39:04,580 --> 00:39:06,300 JavaScript yn unig yn gofalu am eich cyfer. 761 00:39:06,300 --> 00:39:07,580 OK. 762 00:39:07,580 --> 00:39:09,360 Felly, gallwn wneud hynny ar gyfer pob un o'r rhain. 763 00:39:09,360 --> 00:39:10,540 Iawn? 764 00:39:10,540 --> 00:39:16,480 Math dot adegau hap 255. 765 00:39:16,480 --> 00:39:17,740 Copïwch hynny. 766 00:39:17,740 --> 00:39:18,820 Cool. 767 00:39:18,820 --> 00:39:23,350 Felly, y peth yw, gall hyn Nid yw dychwelyd yn gyfanrif. 768 00:39:23,350 --> 00:39:24,080 Iawn? 769 00:39:24,080 --> 00:39:26,450 Efallai ein bod yn cael rhywfaint o rif rhwng sero ac un, 770 00:39:26,450 --> 00:39:32,150 ac mae'n achosi iddo fod ychydig yn i ffwrdd, ac ni all ein RGBs fod yn fflotiau. 771 00:39:32,150 --> 00:39:33,360 Mae angen iddynt fod yn ints. 772 00:39:33,360 --> 00:39:37,610 Felly, os ydych yn ceisio hyn, mae'n fwy na thebyg Byddai'n well cael rhywfaint o ymddygiad anwadal. 773 00:39:37,610 --> 00:39:38,810 Byddai'n fod ychydig yn ffynci. 774 00:39:38,810 --> 00:39:43,200 Felly beth rydym yn ei wneud yw ein eisiau gwneud yn siwr bod y rhain yn cael eu talgrynnu, 775 00:39:43,200 --> 00:39:45,400 a gallech talgrynnu naill ffordd neu'r llall. 776 00:39:45,400 --> 00:39:47,110 Yr wyf yn talgrynnu gyda llawr. 777 00:39:47,110 --> 00:39:49,680 Felly, yr wyf bob amser yn gwneud yn siwr ei fod wedi'i dalgrynnu i lawr. 778 00:39:49,680 --> 00:39:54,440 Ond mae mynd i ffwrdd o ba mor syml y mae'n oedd i ddim ond cael rhif ar hap, 779 00:39:54,440 --> 00:39:57,920 sut ydych chi'n meddwl ein gallai llawr rhif hwn? 780 00:39:57,920 --> 00:40:00,720 Mae'n debyg iawn. 781 00:40:00,720 --> 00:40:02,810 Unrhyw syniad? 782 00:40:02,810 --> 00:40:06,450 Felly os hap yn unig oedd mathemateg dot ar hap, felly a ydych yn meddwl y byddwn ni'n ei wneud llawr? 783 00:40:06,450 --> 00:40:09,670 Math dot llawr. 784 00:40:09,670 --> 00:40:11,340 A gallwch hefyd wneud mathemateg dot nenfwd. 785 00:40:11,340 --> 00:40:14,030 Rownd yn fath o amwys am nad ydych yn ei wneud 786 00:40:14,030 --> 00:40:16,110 gwybod a i rownd i fyny neu i lawr talgrynnu. 787 00:40:16,110 --> 00:40:20,797 Felly, fel arfer rydym bob amser yn gwneud mathemateg dot llawr, mathemateg dot nenfwd. 788 00:40:20,797 --> 00:40:21,380 Ond honestly-- 789 00:40:21,380 --> 00:40:22,780 >> GYNULLEIDFA: A yw rownd lawr i lawr? 790 00:40:22,780 --> 00:40:24,740 >> ALLISON BUCHHOLTZ-PA: Llawr rowndiau lawr. 791 00:40:24,740 --> 00:40:26,990 A dim ond dewis ar fy rhan. 792 00:40:26,990 --> 00:40:32,370 >> Felly nawr rydym wedi ein tri rhif a gynhyrchwyd ar hap, 793 00:40:32,370 --> 00:40:36,610 a'r hyn rydym yn mynd i'w wneud yn awr yw ein bod jyst yn mynd i newid y cefndir. 794 00:40:36,610 --> 00:40:37,310 OK? 795 00:40:37,310 --> 00:40:41,490 Felly, rydym eisoes wedi ein cefndir fath o storio 796 00:40:41,490 --> 00:40:43,280 yn yr elfen hon o'r enw cefndir. 797 00:40:43,280 --> 00:40:47,300 Felly beth y byddwch yn sylwi yw, os chi chwarae o gwmpas gyda hyn, 798 00:40:47,300 --> 00:40:50,460 rydym am newid arddull. 799 00:40:50,460 --> 00:40:53,812 Ac mae hyn yn fath o rywbeth sydd byddech yn Google a chyfrif i maes, 800 00:40:53,812 --> 00:40:55,020 yn hoffi sut i newid y lliw. 801 00:40:55,020 --> 00:40:59,210 >> Ond mae'r ffordd yr ydych yn cael mynediad lliw hwn yw cefndir dot dot arddull cefndir. 802 00:40:59,210 --> 00:41:03,490 Felly, mae hyn yn ei ddweud rhoddir gwrthrych hwn, cefndir, 803 00:41:03,490 --> 00:41:06,920 sy'n cyfeirio at hynny Elfen Id fyny yno, 804 00:41:06,920 --> 00:41:10,690 rydym yn mynd i edrych ar y arddull fewn y arddull, 805 00:41:10,690 --> 00:41:13,280 rydym yn mynd i edrych ar y cefndir. 806 00:41:13,280 --> 00:41:14,270 OK? 807 00:41:14,270 --> 00:41:17,630 Ac os byddwch yn mynd ac yn edrych hyn i fyny, gallai fod yn gwneud ychydig yn fwy o synnwyr, 808 00:41:17,630 --> 00:41:21,930 ond mae hyn yn y bôn dim ond dweud, "Rhowch y priodoledd penodol iawn i mi 809 00:41:21,930 --> 00:41:25,770 o'r hyn yr wyf wedi'i diffinio'n gynharach. " 810 00:41:25,770 --> 00:41:32,340 Felly, beth rydym yn ei newid i yw rhai RGB, gan ei fod yn gwneud synnwyr. 811 00:41:32,340 --> 00:41:34,780 Rydym yn defnyddio RGB treblu'r, dde? 812 00:41:34,780 --> 00:41:41,530 Ac rydym have-- rwyf eisiau gwneud yn siŵr fy mod cael y nifer cywir o ddyfyniadau yn fan hyn. 813 00:41:41,530 --> 00:41:43,940 Felly beth rydym yn ei wneud yw gennym RGB, ac rydym yn mynd 814 00:41:43,940 --> 00:41:46,800 i-- hyn yn debyg concatenation, sydd yn goch. 815 00:41:46,800 --> 00:41:50,030 816 00:41:50,030 --> 00:41:52,610 Ac yna rydym am ychydig coma. 817 00:41:52,610 --> 00:41:59,925 Ac yna rydym am a mwy gwyrdd, Yna, mae rhai coma, ac mae rhai yn las. 818 00:41:59,925 --> 00:42:10,640 819 00:42:10,640 --> 00:42:14,120 >> Felly pwyntiau cadarnhaol hyn yn unig golygu fel concatenation. 820 00:42:14,120 --> 00:42:19,810 Felly, mae hyn yn unig yw creu hyn llinyn sy'n digwydd o fewn RGB. 821 00:42:19,810 --> 00:42:20,310 OK? 822 00:42:20,310 --> 00:42:23,200 823 00:42:23,200 --> 00:42:26,684 >> GYNULLEIDFA: [Anghlywadwy] yn ogystal yna mae'r gwyrdd yn fantais yna y coch. 824 00:42:26,684 --> 00:42:30,163 >> ALLISON BUCHHOLTZ-PA: Yeah, gan fy mod yn cyboledig bod hyd. 825 00:42:30,163 --> 00:42:30,890 Dirwy bod un o. 826 00:42:30,890 --> 00:42:32,110 O, yn dal ar. 827 00:42:32,110 --> 00:42:32,610 Rhif 828 00:42:32,610 --> 00:42:36,770 Gan fod angen i mi wneud yn siwr fy mod yn cael yr holl yn iawn hyn. 829 00:42:36,770 --> 00:42:39,680 830 00:42:39,680 --> 00:42:43,950 Felly, byddaf yn esbonio yn momento Uno. 831 00:42:43,950 --> 00:42:47,040 Gwyrdd, glas, perffaith. 832 00:42:47,040 --> 00:42:47,971 Nawr rwy'n ei wneud. 833 00:42:47,971 --> 00:42:48,470 Yr wyf yn credu. 834 00:42:48,470 --> 00:42:51,570 835 00:42:51,570 --> 00:42:52,530 >> OK. 836 00:42:52,530 --> 00:42:58,085 Felly beth mae hyn yn, yn y cefndir yn mynd i gael eu gosod i ryw llinyn. 837 00:42:58,085 --> 00:42:58,585 Iawn? 838 00:42:58,585 --> 00:42:59,710 Sef yr hyn sydd gennym yma. 839 00:42:59,710 --> 00:43:05,870 Mae'n mynd i fod rhywfaint o RGB 255 coma 255 sero coma, neu beth bynnag yr ydych rif 840 00:43:05,870 --> 00:43:06,512 wedi yno. 841 00:43:06,512 --> 00:43:08,220 Felly rydym yn ei wneud yma, mae gennym rai llinyn. 842 00:43:08,220 --> 00:43:11,910 A'r hyn yr ydym am ei wneud, yw ein bod math o greu ddynamig 843 00:43:11,910 --> 00:43:14,010 pan fyddwn mewn gwirionedd yn rhedeg y rhaglen hon. 844 00:43:14,010 --> 00:43:16,570 Felly mae hyn yn rhyw llinyn. 845 00:43:16,570 --> 00:43:20,290 Byd Gwaith yn concatenates 'i ag y gwerth y coch wedi, 846 00:43:20,290 --> 00:43:23,320 sy'n concatenates 'i ag a coma, sy'n concatenates ei 847 00:43:23,320 --> 00:43:26,090 â'r hyn wyrdd yw, ac yn y blaen, ac yn y blaen. 848 00:43:26,090 --> 00:43:26,660 OK? 849 00:43:26,660 --> 00:43:32,210 Hyd nes y bydd diwedd iawn, sef y cau cromfachau o RGB hwn yma. 850 00:43:32,210 --> 00:43:32,800 OK? 851 00:43:32,800 --> 00:43:37,230 >> Felly beth mae hyn yn mynd i cynhyrchu rhywfaint gorchymyn 'n sylweddol 852 00:43:37,230 --> 00:43:42,770 hynny yw RGB o dri rhif y cefndir yn awr yn mynd i. 853 00:43:42,770 --> 00:43:43,940 OK? 854 00:43:43,940 --> 00:43:46,510 Felly, gadewch i ni weld os yw hyn yn gweithio. 855 00:43:46,510 --> 00:43:49,720 Rwy'n gobeithio y mae'n ei wneud, oherwydd os yw'n Nid oes, dw i'n mynd i fod yn real drist. 856 00:43:49,720 --> 00:43:50,250 O na. 857 00:43:50,250 --> 00:43:52,710 OK, yn dal ar. 858 00:43:52,710 --> 00:43:56,730 Yn bendant cefndir arddull dot dot cefndir. 859 00:43:56,730 --> 00:43:59,569 Rydw i'n sicr goll rhywbeth yn unig bach. 860 00:43:59,569 --> 00:44:00,610 Ydych nad ydych guys casáu hynny? 861 00:44:00,610 --> 00:44:04,020 Pan fydd 'i' jyst gwall bach bach? 862 00:44:04,020 --> 00:44:04,990 Cefndir Hollalluog. 863 00:44:04,990 --> 00:44:08,391 864 00:44:08,391 --> 00:44:08,890 RGB. 865 00:44:08,890 --> 00:44:09,765 >> GYNULLEIDFA: [Anghlywadwy] 866 00:44:09,765 --> 00:44:11,729 867 00:44:11,729 --> 00:44:12,770 ALLISON BUCHHOLTZ-PA: Na 868 00:44:12,770 --> 00:44:14,050 Rhoddais gynnig ar hyn o'r blaen y dosbarth. 869 00:44:14,050 --> 00:44:16,570 Mae gen i bopeth wnes i cyn dosbarth rhag ofn Roeddwn yn hoffi, 870 00:44:16,570 --> 00:44:17,970 "Aros, yr hyn a wnaeth i ei wneud o'i le?" 871 00:44:17,970 --> 00:44:23,190 Gan fy mod yn hoffi, "byddaf yn ôl pob tebyg llanast i fyny ar ryw adeg. " 872 00:44:23,190 --> 00:44:24,150 Byd gwyrdd. 873 00:44:24,150 --> 00:44:26,250 Mae popeth yn edrych fel ei fod yn concatenated gywir. 874 00:44:26,250 --> 00:44:29,620 875 00:44:29,620 --> 00:44:30,520 OK. 876 00:44:30,520 --> 00:44:31,870 >> GYNULLEIDFA: [Anghlywadwy] 877 00:44:31,870 --> 00:44:33,810 >> ALLISON BUCHHOLTZ-PA: O, dyna ni. 878 00:44:33,810 --> 00:44:35,520 Dyna beth yr wyf yn ei angen. 879 00:44:35,520 --> 00:44:36,805 Edrych ar hynny. 880 00:44:36,805 --> 00:44:40,090 Tiffany i achub. 881 00:44:40,090 --> 00:44:40,590 Perffaith. 882 00:44:40,590 --> 00:44:41,090 OK. 883 00:44:41,090 --> 00:44:43,834 Nawr, gadewch i ni weld os mae'n gweithio. 884 00:44:43,834 --> 00:44:44,816 O fy Nuw. 885 00:44:44,816 --> 00:44:45,641 OK. 886 00:44:45,641 --> 00:44:46,140 Dal ymlaen. 887 00:44:46,140 --> 00:44:48,280 >> GYNULLEIDFA: Gofod ar ôl yr ail a mwy. 888 00:44:48,280 --> 00:44:50,310 >> ALLISON BUCHHOLTZ-PA: Pa un? 889 00:44:50,310 --> 00:44:52,910 O aros, yn dal ar. 890 00:44:52,910 --> 00:44:54,870 Gofod gwisgo? 891 00:44:54,870 --> 00:44:57,209 >> GYNULLEIDFA: Ail plws yn y concatenation gwyrdd. 892 00:44:57,209 --> 00:44:58,250 ALLISON BUCHHOLTZ-PA: Oh. 893 00:44:58,250 --> 00:44:59,570 GYNULLEIDFA: Does dim lle ar ôl y ogystal, yeah. 894 00:44:59,570 --> 00:45:00,790 ALLISON BUCHHOLTZ-PA: Chi Nid oes angen hynny, but-- 895 00:45:00,790 --> 00:45:01,190 GYNULLEIDFA: O, nad ydych yn ei wneud? 896 00:45:01,190 --> 00:45:01,910 ALLISON BUCHHOLTZ-PA: Mae'n edrych yn bert. 897 00:45:01,910 --> 00:45:02,530 GYNULLEIDFA: OK. 898 00:45:02,530 --> 00:45:03,030 OK. 899 00:45:03,030 --> 00:45:05,170 >> ALLISON BUCHHOLTZ PA: Gadewch i ni weld a yw hyn yn gweithio. 900 00:45:05,170 --> 00:45:05,670 OK. 901 00:45:05,670 --> 00:45:07,836 Im 'yn amlwg yn methu yn demo yma, syn fy atgoffa 902 00:45:07,836 --> 00:45:12,810 darlith yr wythnos o'r blaen, ond yr wyf yn gwybod y bydd hyn yn gweithio. 903 00:45:12,810 --> 00:45:15,860 Rwy'n gwybod y bydd hyn yn gweithio. 904 00:45:15,860 --> 00:45:16,580 Mor agos. 905 00:45:16,580 --> 00:45:22,330 Oni bai fy mod dileu ddamweiniol fy sgript ar y un. 906 00:45:22,330 --> 00:45:24,035 Na, mae'n dot pleidiau js. 907 00:45:24,035 --> 00:45:25,776 OK dal ar. 908 00:45:25,776 --> 00:45:28,650 Rydw i'n mynd i gopïo hyn, ac rwy'n hefyd jyst yn mynd i dileu popeth, 909 00:45:28,650 --> 00:45:30,108 oherwydd cefais weithio hon yn gynharach. 910 00:45:30,108 --> 00:45:32,470 911 00:45:32,470 --> 00:45:33,770 >> Rwy'n addo y mae'n gweithio. 912 00:45:33,770 --> 00:45:36,160 Os nad yw, byddaf yn dangos i chi beth Tommy yw. 913 00:45:36,160 --> 00:45:38,890 Ac yno. 914 00:45:38,890 --> 00:45:42,380 >> GYNULLEIDFA: Rydych chi'n cyfeirnodi parti dot CSS, ac mae'n dot parti js. 915 00:45:42,380 --> 00:45:45,940 >> ALLISON BUCHHOLTZ-PA: Ah, wel i'r dde yma yw js dot parti. 916 00:45:45,940 --> 00:45:49,187 OK, yr hyn a wnaeth i ei wneud yn wahanol? 917 00:45:49,187 --> 00:45:50,520 OK, byddwn yn gweld os bydd hyn yn gweithio nawr. 918 00:45:50,520 --> 00:45:54,180 919 00:45:54,180 --> 00:45:54,980 Bam. 920 00:45:54,980 --> 00:46:02,110 Felly, nid wyf yn gwybod yr hyn a wnes yn wahanol, ond mae hyn yn yr hyn a ddylai ddigwydd. 921 00:46:02,110 --> 00:46:03,230 Kinda oer. 922 00:46:03,230 --> 00:46:06,650 Yr wyf yn clicio ar hyn, fel, am byth. 923 00:46:06,650 --> 00:46:11,185 Ond gallwn geisio gweld beth wnes i yn wahanol bod hyn yn un oedd. 924 00:46:11,185 --> 00:46:14,560 Nid wyf yn gwybod amdanoch chi guys, ond mae hyn yn edrych yn y bôn yr hyn yr wyf newydd ei ysgrifennu. 925 00:46:14,560 --> 00:46:17,950 Roedd yn ôl pob tebyg yn goll hanner colon yn rhywle yw fy peth. 926 00:46:17,950 --> 00:46:22,064 A dweud y gwir ar ôl, yr wyf yn meddwl fy mod ar goll mae hanner colon dde yma mewn gwirionedd. 927 00:46:22,064 --> 00:46:24,230 Ond ni allwn weld hynny oherwydd yr oedd oddi ar y sgrin. 928 00:46:24,230 --> 00:46:29,040 >> Ond os ydym yn sylwi, mae hyn yn eithaf yn union yr hyn yr wyf newydd ei ysgrifennu. 929 00:46:29,040 --> 00:46:33,010 Yn ôl pob tebyg rwy'n meddwl bod y rhan anoddaf am mae hyn yn fath yn union y peth hyn yn iawn 930 00:46:33,010 --> 00:46:36,830 yma, dealltwriaeth yr hyn y mae'n ei wneud yno. 931 00:46:36,830 --> 00:46:42,230 Mae'r rhain math o bethau rydych yn dysgu mewn gwirionedd dim ond trwy Googling ac yn onest 932 00:46:42,230 --> 00:46:42,880 ond yn ceisio. 933 00:46:42,880 --> 00:46:46,770 Os ydych yn credu mae rhywfaint priodoli, nid yn ôl pob tebyg mae. 934 00:46:46,770 --> 00:46:48,382 Felly, roi cynnig arni. 935 00:46:48,382 --> 00:46:49,090 Gweld beth sy'n digwydd. 936 00:46:49,090 --> 00:46:53,000 Fel y dywedais, mae llawer o arbrofi gyda JavaScript, 937 00:46:53,000 --> 00:46:56,810 a PHP, a phopeth a stwff, a CSS yn arbennig. 938 00:46:56,810 --> 00:47:00,046 Dyna yr unig wir ffordd i ddeall. 939 00:47:00,046 --> 00:47:07,100 >> Iawn, felly ar ôl y fiasco gyda parti js dot, mae gennym ddau ddewis arall. 940 00:47:07,100 --> 00:47:10,650 Mae gennym cloc neu Twitter. 941 00:47:10,650 --> 00:47:12,190 Maent yn yn ddiddorol. 942 00:47:12,190 --> 00:47:17,720 Efallai ddim cweit mor hwyl fel plaid, a oedd â strobing bach oer 943 00:47:17,720 --> 00:47:19,595 beth ar y diwedd. 944 00:47:19,595 --> 00:47:21,714 A oes gennych guys gennych unrhyw ffafriaeth? 945 00:47:21,714 --> 00:47:22,380 GYNULLEIDFA: Cloc? 946 00:47:22,380 --> 00:47:22,950 ALLISON BUCHHOLTZ-PA: Cloc? 947 00:47:22,950 --> 00:47:23,450 OK. 948 00:47:23,450 --> 00:47:25,390 Cool. 949 00:47:25,390 --> 00:47:30,460 >> Felly eto, yr ydym wedi ein ffeil JavaScript wag. 950 00:47:30,460 --> 00:47:35,800 Ac wrth i ni weld yma, rydym yn cael rhywfaint o HTML syml iawn. 951 00:47:35,800 --> 00:47:40,010 Rydym wedi ein taflen arddull, mai dim ond fformatau hyn y dylai edrych. 952 00:47:40,010 --> 00:47:42,860 Rydym wedi ein div gyda mae Id o cloc, a oedd yn 953 00:47:42,860 --> 00:47:44,420 Dywed unig, "Dylai hyn fod yn cloc." 954 00:47:44,420 --> 00:47:47,650 Ac rydym wedi ein cyswllt i'n ffeil JavaScript 955 00:47:47,650 --> 00:47:51,400 mewn gwirionedd mae hynny'n mynd i cynhyrchu ein cloc i ni. 956 00:47:51,400 --> 00:47:56,060 Oherwydd y peth oer, yw y gallwch gosod JavaScript i adnewyddu awtomatig 957 00:47:56,060 --> 00:47:56,963 ei hun. 958 00:47:56,963 --> 00:47:57,810 OK? 959 00:47:57,810 --> 00:48:01,580 Felly, yn lle aros am y defnyddiwr i daro Adnewyddu ar dudalen 960 00:48:01,580 --> 00:48:03,840 fel y gallwch ei gael amser diweddaru, JavaScript 961 00:48:03,840 --> 00:48:06,760 Gall ddiweddaru bynnag y mae'n hoffi. 962 00:48:06,760 --> 00:48:12,082 >> Felly, fel gyda'n yr un olaf, roeddem eisiau i gael mynediad at ein cefndir, dde? 963 00:48:12,082 --> 00:48:14,790 Felly beth ydych chi'n feddwl allai fod yr peth cyntaf yr ydym am ei wneud yma? 964 00:48:14,790 --> 00:48:19,538 Os ydym yn fath o yn mynd i ffwrdd y math hwn o paradeim yma? 965 00:48:19,538 --> 00:48:22,200 Rydym yn ôl pob tebyg eisiau mynediad at ein cloc, dde? 966 00:48:22,200 --> 00:48:24,724 Felly, mae gennym rai var cloc, sy'n equals-- 967 00:48:24,724 --> 00:48:26,140 beth ydym yn meddwl ei fod yn mynd i fod? 968 00:48:26,140 --> 00:48:29,290 969 00:48:29,290 --> 00:48:42,670 Dogfen dot cael elfen by-- Rwyf hefyd caru Sublime-- Id ac mae ein Id yw cloc. 970 00:48:42,670 --> 00:48:43,585 Hanner colon. 971 00:48:43,585 --> 00:48:45,710 Got i wneud yn siwr i gael hanner colon y rhai y tro hwn, 972 00:48:45,710 --> 00:48:47,835 gan fy mod yn teimlo fel 'na oedd y broblem tro diwethaf. 973 00:48:47,835 --> 00:48:55,980 Iawn felly, fel yr oeddwn yn ei ddweud â cheisio i gael JavaScript adnewyddu ei hun, 974 00:48:55,980 --> 00:48:59,655 mae hyn yn swyddogaeth gwych, yr wyf yn yn gwybod ei fod yn dod yn y flwyddyn ddiwethaf 'n hylaw, 975 00:48:59,655 --> 00:49:02,780 Dwi ddim yn siŵr ei fod yn dod i mewn 'n hylaw ar gyfer hyn pset, ond fe'i gelwir cyfwng penodol. 976 00:49:02,780 --> 00:49:05,640 977 00:49:05,640 --> 00:49:08,200 Ac mae hyn yn mewn gwirionedd yn wir oer os ydych yn guys gwneud unrhyw beth 978 00:49:08,200 --> 00:49:11,460 gydag amser neu gael gwybodaeth diweddaru. 979 00:49:11,460 --> 00:49:13,700 Ar gwefan ar gyfer rownd derfynol prosiect, mae hyn yn ôl pob tebyg 980 00:49:13,700 --> 00:49:16,240 swyddogaeth rydych am ei fynd super gyfarwydd â. 981 00:49:16,240 --> 00:49:19,730 Felly beth yn gosod cyfnod yn ei wneud yw bod rydym yn mynd i roi cynnig swyddogaeth, 982 00:49:19,730 --> 00:49:21,830 a pha mor aml y dylai fod yn galw swyddogaeth hon. 983 00:49:21,830 --> 00:49:22,430 OK? 984 00:49:22,430 --> 00:49:26,890 >> Felly, yn yr achos hwn, rydym yn jyst yn mynd i creu rhywfaint o swyddogaeth dienw unwaith eto, 985 00:49:26,890 --> 00:49:31,530 OK, sydd yn mynd i gael ein dyddiad, ac mae ein hamser, 986 00:49:31,530 --> 00:49:33,780 ac yna diweddaru pethau a'i arddangos. 987 00:49:33,780 --> 00:49:35,130 Felly, byddwn yn poeni am hynny. 988 00:49:35,130 --> 00:49:39,120 Byddwn yn hoffi creu cloc yma. 989 00:49:39,120 --> 00:49:41,750 Ond yr hyn sydd ei angen yw sut yn aml i adnewyddu ei. 990 00:49:41,750 --> 00:49:43,930 Felly, yn yr achos hwn, dim ond milieiliadau. 991 00:49:43,930 --> 00:49:46,877 Felly rydym yn jyst yn mynd i gwneud 100 o milieiliadau. 992 00:49:46,877 --> 00:49:48,210 Wrth gwrs, yn gyfan gwbl fympwyol. 993 00:49:48,210 --> 00:49:50,600 Os ydych eisiau iddo i ddiweddaru yn llawer arafach, gallech. 994 00:49:50,600 --> 00:49:53,300 Gallwn llanast o gwmpas gyda'r egwyl a osodwyd, 995 00:49:53,300 --> 00:49:57,240 pa mor fawr mae ein cyfnod yn ôl i ni gael cloc yn gweithio, a gobeithio yr wyf chi helpu 996 00:49:57,240 --> 00:49:59,660 cyrraedd. 997 00:49:59,660 --> 00:50:04,110 Felly, mae hyn yn unig yw dweud, "Iawn, ffoniwch swyddogaeth hon bob 100 milieiliadau. " 998 00:50:04,110 --> 00:50:04,805 OK? 999 00:50:04,805 --> 00:50:07,280 Dyna'r cyfan y mae'n ei wneud. 1000 00:50:07,280 --> 00:50:12,290 >> Felly yr hyn yr ydym am i'n swyddogaeth i wneud yw ein bod am gael ryw ddyddiad 1001 00:50:12,290 --> 00:50:14,200 a rhywfaint o amser yw beth rydym yn mynd i gael. 1002 00:50:14,200 --> 00:50:19,740 Felly Gallwn ddechrau gyda'n dyddiad hafal rhywbeth, 1003 00:50:19,740 --> 00:50:22,708 ac mae ein hamser yn gyfartal rhywbeth nad ydym yn gwybod eto. 1004 00:50:22,708 --> 00:50:26,070 1005 00:50:26,070 --> 00:50:29,300 Neu mewn gwirionedd, rydym yn unig dyddiad ei angen, oherwydd Dyddiad yn mynd i gynnwys popeth. 1006 00:50:29,300 --> 00:50:34,310 1007 00:50:34,310 --> 00:50:40,010 Unwaith eto, os ydych yn unig Google unrhyw beth am yr hyn rydych am ei wneud, os byddwch yn ysgrifennu, "Iawn, 1008 00:50:40,010 --> 00:50:41,980 Rwyf am gael y amser ddefnyddio Javascript, "mae'n 1009 00:50:41,980 --> 00:50:45,890 Bydd hyn yn rhoi i chi gwych swyddogaeth a elwir dyddiad get. 1010 00:50:45,890 --> 00:50:48,664 Yn llythrennol, mae'r rhan fwyaf o bethau eich bod am ei wneud, 1011 00:50:48,664 --> 00:50:50,830 JavaScript yn mynd i gael mae'n wneud i chi yn barod. 1012 00:50:50,830 --> 00:50:55,770 Felly mae'n llythrennol fel newydd cael dyddiad, sydd yn creating-- 1013 00:50:55,770 --> 00:50:58,600 neu ddyddiad newydd, rather-- sy'n cynhyrchu 1014 00:50:58,600 --> 00:51:03,690 ryw wrthrych sy'n cynrychioli dyddiad. 1015 00:51:03,690 --> 00:51:08,200 >> A beth ydym yn mynd i wneud yma yw mae hyn yw-- Rydw i'n mynd i ysgrifennu hyn, 1016 00:51:08,200 --> 00:51:10,820 ac yna esbonio beth mae'n ei wneud. 1017 00:51:10,820 --> 00:51:12,560 Felly byddaf yn gwneud yn siŵr fy mod gael hyn yn iawn. 1018 00:51:12,560 --> 00:51:17,950 1019 00:51:17,950 --> 00:51:23,440 >> Iawn, felly beth swyddogaeth hon yn ei wneud, yw ein bod yn unig 1020 00:51:23,440 --> 00:51:30,680 greu'r HTML sydd mewn gwirionedd mynd i fynd o fewn ein Id div o cloc. 1021 00:51:30,680 --> 00:51:34,610 Felly beth mae hyn yn mynd i fod yn ei wneud yn unig yw cynhyrchu rhywfaint llinyn, OK? 1022 00:51:34,610 --> 00:51:38,510 Yna mae hynny'n mynd i fod yn trawsblannu i mewn i'n HTML. 1023 00:51:38,510 --> 00:51:42,130 Yn y bôn yr hyn y mae'n mynd i wneud yw beth bynnag we-- hyn y byddaf yn dangos i chi 1024 00:51:42,130 --> 00:51:49,070 yw bod beth bynnag a ddywedwn HTML yw, rydym yn mynd i gymryd lle testun hwn yma 1025 00:51:49,070 --> 00:51:51,090 gyda beth bynnag HTML yw. 1026 00:51:51,090 --> 00:51:56,390 Felly, mae hyn yn mynd i ganiatáu ni newid ein cloc dot 1027 00:51:56,390 --> 00:52:00,940 HTML o fod yn union destun hwn Dylai fod yn cloc, er mwyn dangos mewn gwirionedd 1028 00:52:00,940 --> 00:52:05,630 niferoedd a pethau yr ydym yn gofalu am, ac mewn gwirionedd fod o'r gloch. 1029 00:52:05,630 --> 00:52:09,810 >> Felly, beth ydym yn mynd i wneud yw ein bod yn mynd i ddechrau cynhyrchu HTML hwn. 1030 00:52:09,810 --> 00:52:16,520 Felly, yn yr un ffordd a ddefnyddiodd i ni i'w wneud yn ogystal hafal i gyfanrifau, 1031 00:52:16,520 --> 00:52:20,461 gallwch nawr wneud hynny ar gyfer llinynnau, ac eithrio mae'n mynd i concatenate iddynt. 1032 00:52:20,461 --> 00:52:20,960 Iawn? 1033 00:52:20,960 --> 00:52:26,070 Fel y gwelsom gyda dot parti js, mae hyn yn unig concatenates holl bethau hyn at ei gilydd. 1034 00:52:26,070 --> 00:52:31,970 Felly, gallwch concatenate gwahanol ddarnau o HTML o newidynnau, neu ddarnau o linynnau 1035 00:52:31,970 --> 00:52:33,750 eich bod yn ysgrifennu allan eich hun, ac mae hyn yn unig 1036 00:52:33,750 --> 00:52:38,650 'n sylweddol yn eich galluogi i ddeinamig cynhyrchu HTML, sydd yn eithaf oer. 1037 00:52:38,650 --> 00:52:42,040 Felly, os oes gennych rywbeth iawn defnyddwyr penodol, 1038 00:52:42,040 --> 00:52:44,130 gall hyn yn eich galluogi i wneud hynny. 1039 00:52:44,130 --> 00:52:47,550 >> Felly mae gennym HTML, i dwi'n mynd i ceisio gwneud yn siŵr fy mod gael hyn yn iawn. 1040 00:52:47,550 --> 00:52:49,890 Felly, rydym yn mynd i wneud ychydig o header h1. 1041 00:52:49,890 --> 00:52:53,610 Felly beth sy'n bwysig sylweddoli yma yw bod hyn yn mewn gwirionedd yn unig HTML. 1042 00:52:53,610 --> 00:52:54,460 Iawn? 1043 00:52:54,460 --> 00:52:56,610 Rydym yn ysgrifennu gwirioneddol HTML cod yn fan hyn, 'i' 1044 00:52:56,610 --> 00:53:01,090 nid dim ond llinyn yn yr normal ffordd y byddem yn meddwl am y peth. 1045 00:53:01,090 --> 00:53:02,930 Felly, mae gennym rai HTML. 1046 00:53:02,930 --> 00:53:04,940 Mae hyn yn cael ei ystyried yn llinyn yma er. 1047 00:53:04,940 --> 00:53:10,380 Ac rydym yn ei wneud hyd yn hyn dot-- i ni am gael ein horiau. 1048 00:53:10,380 --> 00:53:12,910 Unwaith eto, pe baech yn edrych i fyny unrhyw beth am hyn, 1049 00:53:12,910 --> 00:53:16,160 byddai'n dweud wrthych rhain i gyd y priodoleddau y dyddiad hwnnw wedi. 1050 00:53:16,160 --> 00:53:17,670 A dyma beth y gallwch ei ddefnyddio yn ei gylch. 1051 00:53:17,670 --> 00:53:20,620 Felly, mae'n debyg mae pethau fel cael oriau, a chael munud, 1052 00:53:20,620 --> 00:53:24,669 a chael eiliad, a chael milieiliadau, a phwy a ŵyr beth arall sydd ganddynt. 1053 00:53:24,669 --> 00:53:27,210 Ond os ydych yn edrych i mewn i'r dogfennaeth, bydd y cyfan fod yno. 1054 00:53:27,210 --> 00:53:31,980 >> Felly mae'n rhaid i ni gael oriau, ac yna byddem yn dymuno 1055 00:53:31,980 --> 00:53:35,614 i concatenate bod with-- fy mod mynd i symud hyn dros yma. 1056 00:53:35,614 --> 00:53:38,780 Felly, os ydym yn cynhyrchu ar hyn o bryd, rydym yn mewn gwirionedd yn cynhyrchu yr amser, dde? 1057 00:53:38,780 --> 00:53:43,590 Mae gennym oriau, ac yna beth rhwng yr oriau a munudau? 1058 00:53:43,590 --> 00:53:45,080 Mae gennych hanner colon, dde? 1059 00:53:45,080 --> 00:53:48,010 Felly, rydym am wneud ychydig o hanner colon yma. 1060 00:53:48,010 --> 00:53:51,780 Ac yna rydym am gael ein munud, felly yn yr un modd 1061 00:53:51,780 --> 00:53:56,450 bod yn rhaid inni dyddiad dot cael oriau, sut y gallem gael ein munud? 1062 00:53:56,450 --> 00:54:01,542 Mae'n llythrennol Dyddiad dot cael munud, yr wyf yn fath o hoffi. 1063 00:54:01,542 --> 00:54:03,250 Mae'n debyg, "oh, sut ydw i'n cael fy munud? " 1064 00:54:03,250 --> 00:54:05,850 Fi jyst cael fy munud. 1065 00:54:05,850 --> 00:54:07,500 >> OK. 1066 00:54:07,500 --> 00:54:10,990 Ac yna mae gennym colon arall yma. 1067 00:54:10,990 --> 00:54:16,350 Ac yna os ydym am gael ein eiliad, sut y gallem gael ein hail? 1068 00:54:16,350 --> 00:54:17,400 Dyddiad dot cael eiliad. 1069 00:54:17,400 --> 00:54:20,390 1070 00:54:20,390 --> 00:54:21,590 Rwy'n credu ei fod 'n bert oera. 1071 00:54:21,590 --> 00:54:23,589 A beth sy'n bwysig i sylweddoli, yw ein bod yn hefyd 1072 00:54:23,589 --> 00:54:31,730 Mae angen i gau ein tag HTML yma, oherwydd Dylai fod yn dal i fod yn HTML dilys, felly h1. 1073 00:54:31,730 --> 00:54:33,481 Cool. 1074 00:54:33,481 --> 00:54:43,110 >> Felly, ar ôl hynny, gallwn wneud cloc dot HTML mewnol yn hafal i HTML. 1075 00:54:43,110 --> 00:54:43,930 OK? 1076 00:54:43,930 --> 00:54:46,470 Felly cofiwch sut y dywedais HTML mewnol yn y bôn 1077 00:54:46,470 --> 00:54:50,610 yn cymryd beth bynnag sydd rhwng y dau dag yr ydym yn siarad am 1078 00:54:50,610 --> 00:54:54,470 a mewnosod neu yn trin beth bynnag sydd mewn 'na? 1079 00:54:54,470 --> 00:54:58,290 Felly beth mae hyn yn ei wneud, os rydym yn mynd yn ôl at ein cloc, 1080 00:54:58,290 --> 00:55:04,180 yw y cloc yn cyfeirio at popeth o fewn div hwn. 1081 00:55:04,180 --> 00:55:09,770 Mae hyn yn y HTML mewnol o hyn div cloc Id. 1082 00:55:09,770 --> 00:55:13,930 Ac felly mae'n mynd i newid i y HTML yr ydym newydd ei greu, 1083 00:55:13,930 --> 00:55:16,750 sydd, sydd, gobeithio, gobeithio, gobeithio, 1084 00:55:16,750 --> 00:55:21,026 yn dangos yr amser ar hyn o bryd. 1085 00:55:21,026 --> 00:55:23,960 Gawn ni weld. 1086 00:55:23,960 --> 00:55:25,170 Wrth gwrs. 1087 00:55:25,170 --> 00:55:26,860 Mae cymaint o faterion technegol. 1088 00:55:26,860 --> 00:55:31,480 Just-- Allison yn Rwy'n oddi ar fy gêm heddiw guys. 1089 00:55:31,480 --> 00:55:34,136 OK, sy'n gweithio. 1090 00:55:34,136 --> 00:55:35,760 cloc dot HTML mewnol. 1091 00:55:35,760 --> 00:55:42,097 Roedd yn HTML Really? 1092 00:55:42,097 --> 00:55:43,180 Hefyd, mae hyn yn beth sy'n digwydd. 1093 00:55:43,180 --> 00:55:48,750 Pan nad ydych yn gallu gweld rhywbeth i chi, dim ond edrych ar eich cod ffynhonnell. 1094 00:55:48,750 --> 00:55:49,250 OK. 1095 00:55:49,250 --> 00:55:51,912 1096 00:55:51,912 --> 00:55:54,870 Ydych chi'n eisiau gwybod waith oer o gwmpas ein bod ni'n mynd i wneud iawn yma? 1097 00:55:54,870 --> 00:55:55,740 >> GYNULLEIDFA: Allwch chi ei wneud llythrennau bras? 1098 00:55:55,740 --> 00:55:56,580 Mae'r llythrennau bras? 1099 00:55:56,580 --> 00:55:58,996 Gan fod yn rhaid i chi gael oriau, ac yna chael munud. 1100 00:55:58,996 --> 00:56:02,590 >> ALLISON BUCHHOLTZ-PA: Mae'n yn cael yr oriau a get-- oh. 1101 00:56:02,590 --> 00:56:04,945 Rydych yw-- seren aur. 1102 00:56:04,945 --> 00:56:08,114 1103 00:56:08,114 --> 00:56:09,030 Mae hyn i gyd brawf, guys. 1104 00:56:09,030 --> 00:56:13,630 1105 00:56:13,630 --> 00:56:17,330 Rwy'n addo ei fod yn gweithio cyn y dosbarth. 1106 00:56:17,330 --> 00:56:22,590 >> OK, ond rhywbeth oer ei wybod yw eich bod yn gallu also-- os weithiau 1107 00:56:22,590 --> 00:56:26,560 eich ffeiliau allanol yn cael ychydig yn wallgof, 1108 00:56:26,560 --> 00:56:30,960 gallwch hefyd jyst yn eu rhoi yn syth mewn yma, sy'n tueddu i drwsio pethau. 1109 00:56:30,960 --> 00:56:35,840 Ac eithrio hyn yn debyg wirioneddol hyll. 1110 00:56:35,840 --> 00:56:38,050 Wrth gwrs fformat popeth. 1111 00:56:38,050 --> 00:56:41,425 Gwnewch yn siŵr ei fod yn gyd 'n bert. 1112 00:56:41,425 --> 00:56:41,925 OK. 1113 00:56:41,925 --> 00:56:47,200 1114 00:56:47,200 --> 00:56:50,621 >> Roeddwn i eisiau wneud yr holl demos oer, ac maen nhw'n jyst ddim yn gweithio allan. 1115 00:56:50,621 --> 00:56:51,555 OK. 1116 00:56:51,555 --> 00:56:53,890 Cloc var Sgript. 1117 00:56:53,890 --> 00:57:00,350 Anyways, yr hyn sy'n bwysig yw mai dyma'r ffordd gyffredinol 1118 00:57:00,350 --> 00:57:01,870 y byddech yn fformat JavaScript. 1119 00:57:01,870 --> 00:57:04,490 Fel y gwelwch, gall fod yn finicky iawn weithiau, 1120 00:57:04,490 --> 00:57:08,780 hyd yn oed pan oedd yn llythrennol gweithio ddwy eiliad yn ôl. 1121 00:57:08,780 --> 00:57:11,820 Neu nid dau eiliad yn ôl, ond yn iawn, yn ddiweddar iawn. 1122 00:57:11,820 --> 00:57:16,070 >> Felly, i ddangos i chi beth y dylai edrych fel, ac i ddangos eich bod Dydw i ddim yn wallgof, 1123 00:57:16,070 --> 00:57:19,730 a bod popeth yn union yr un fath, mae hyn yn beth dylai edrych. 1124 00:57:19,730 --> 00:57:27,410 Ydych ond yn mynd i wneud hyn yn rhan uchaf yma, ac os ydych yn edrych ar dudalen ffynhonnell, 1125 00:57:27,410 --> 00:57:32,160 os byddwch yn sylwi, gwnaeth rai pethau crazier, yr wyf yn syml iddo. 1126 00:57:32,160 --> 00:57:35,710 Hefyd, credyd i Tommy McWilliam, sydd mewn gwirionedd 1127 00:57:35,710 --> 00:57:38,810 wedi fy helpu i greu'r enghreifftiau hyn, a dyna pam yr wyf yn gwybod eu bod yn gweithio. 1128 00:57:38,810 --> 00:57:41,560 Gan fod Tommy yn feistr JavaScript. 1129 00:57:41,560 --> 00:57:43,180 Ond os ydym yn sylwi, mae gennym rai set. 1130 00:57:43,180 --> 00:57:45,170 Rydym wedi ein swyddogaeth cloc yma. 1131 00:57:45,170 --> 00:57:48,450 Mae hyn yn holl JavaScript hwnnw rydym yn unig ysgrifennu, neu ryw ohono. 1132 00:57:48,450 --> 00:57:51,470 Rydym yn unig ysgrifennodd yr un yma yn iawn yma. 1133 00:57:51,470 --> 00:57:54,260 Ac mae ganddo ychwanegol swyddogaeth mai dim ond padiau ei 1134 00:57:54,260 --> 00:57:57,790 drwy roi sero cyn i llythyr neu cyn nifer os yw'n 1135 00:57:57,790 --> 00:57:59,412 dim ond un ohonynt. 1136 00:57:59,412 --> 00:58:02,120 Felly, os ydych yn sylwi, mae hyn yn eithaf yn union yr hyn yr ydym newydd ei ysgrifennu. 1137 00:58:02,120 --> 00:58:06,230 Mae gennych ryw cloc amrywiol y Mae ein elfen, yn cael elfen gan adnabod, 1138 00:58:06,230 --> 00:58:07,252 sef cloc. 1139 00:58:07,252 --> 00:58:08,960 Rydym wedi ein cyfwng gosod swyddogaeth, dyna 1140 00:58:08,960 --> 00:58:12,670 swyddogaeth dienw sy'n executes hyn i gyd. 1141 00:58:12,670 --> 00:58:16,940 Rydym wedi rhai sy'n dechrau cyfres o HTML yr ydym wedyn yn ddeinamig 1142 00:58:16,940 --> 00:58:20,750 cynhyrchu drwy gael rhywfaint o header h1, cydgadwyno MT 1143 00:58:20,750 --> 00:58:23,950 gydag cael yr oriau, yn ogystal â ein colon, yn ogystal â chael 1144 00:58:23,950 --> 00:58:26,860 y cofnodion, yn ogystal un arall colon, yn ogystal â'n eiliad, 1145 00:58:26,860 --> 00:58:29,330 ac yn olaf y HTML yn dod i ben ar ei gyfer. 1146 00:58:29,330 --> 00:58:34,210 Ac yna rydym yn diweddaru ein cloc dot HTML mewnol i HTML, 1147 00:58:34,210 --> 00:58:37,640 ac rydym yn diweddaru bob 100 milieiliadau. 1148 00:58:37,640 --> 00:58:39,060 OK? 1149 00:58:39,060 --> 00:58:42,470 >> Gweler wyf yn addo Dydw i ddim yn wallgof. 1150 00:58:42,470 --> 00:58:43,440 Nid wyf yn gwybod. 1151 00:58:43,440 --> 00:58:47,160 Nid wyf yn gwybod pam nad yw'n hoffi i mi. 1152 00:58:47,160 --> 00:58:54,030 Rwy'n teimlo fel edrych yr un fath, ond mae'n debyg ei fod yn casáu mi. 1153 00:58:54,030 --> 00:58:59,600 >> Felly, gadewch i ni weld os rownd tri yn mynd yn well. 1154 00:58:59,600 --> 00:59:00,970 Rydym yn fin gweld. 1155 00:59:00,970 --> 00:59:02,910 Dwi ddim yn siŵr sut mae hyn yn mynd i fynd. 1156 00:59:02,910 --> 00:59:06,700 A yw pawb o leiaf yn cael y anfanteision, fel dim ond y thema gyffredinol 1157 00:59:06,700 --> 00:59:08,480 o JavaScript, er bod? 1158 00:59:08,480 --> 00:59:15,660 Yr wyf yn gobeithio dyna o leiaf yn ddefnyddiol, yn fwy na dangos ei fod yn ychydig yn finicky. 1159 00:59:15,660 --> 00:59:21,190 Ond bydd eich set problem fod yn hwyl iawn. 1160 00:59:21,190 --> 00:59:22,590 Mae'n mynd i fod yn wych. 1161 00:59:22,590 --> 00:59:24,820 Ni fydd yn eithaf mor ddiflas gan fod hyn, nid wyf yn meddwl. 1162 00:59:24,820 --> 00:59:28,100 Byddwch yn mewn gwirionedd yn cael i gweld pethau 'n sylweddol oera. 1163 00:59:28,100 --> 00:59:31,734 >> Felly olaf ond nid y lleiaf, byddwn yn ceisio yr un Twitter. 1164 00:59:31,734 --> 00:59:32,900 Rwy'n ofnus awr, guys. 1165 00:59:32,900 --> 00:59:35,762 Nid wyf yn gwybod sut y mae hyn yn mynd i fynd. 1166 00:59:35,762 --> 00:59:39,930 Ond dim ond i roi ychydig i chi mwy o flas, ac mae hyn mewn gwirionedd 1167 00:59:39,930 --> 00:59:44,190 llinynnau trin a mewnbynnau, yr hyn rydym yn mynd i'w wneud 1168 00:59:44,190 --> 00:59:50,960 yw, os ydym yn sylwi yma gyda HTML-- yr un yma mae ychydig more-- 1169 00:59:50,960 --> 00:59:57,200 mae gennym rai ardal testun, a oedd yn cyfateb i ardal testun yma. 1170 00:59:57,200 --> 00:59:58,030 OK? 1171 00:59:58,030 --> 01:00:00,420 Ac sydd â Id o destun. 1172 01:00:00,420 --> 01:00:04,520 Rydym yn ail-steilio ei fod ychydig bach gyda rhai lled ac uchder 1173 01:00:04,520 --> 01:00:07,310 ein bod ni wedi bennwyd ymlaen llaw, ac yr ydym wedi H1, 1174 01:00:07,310 --> 01:00:11,260 a dim ond yn ein un pennawd hwnnw cynrychioli ein cymeriadau chwith. 1175 01:00:11,260 --> 01:00:14,570 Rydym rhoddodd rhai Id o cymeriadau sy'n weddill, 1176 01:00:14,570 --> 01:00:18,660 ac yna mae gennym rhywfaint o sgript yma, ac rwy'n wir yn 1177 01:00:18,660 --> 01:00:20,790 gobeithio y trydydd tro yn y swyn yma, guys. 1178 01:00:20,790 --> 01:00:26,750 >> Felly yr hyn yr ydym am ei wneud, yn yr un modd cyffredinol 1179 01:00:26,750 --> 01:00:31,480 ein bod ni wedi ei wneud gyda js cloc dot a js dot parti fel yr ydym wedi sylwi, 1180 01:00:31,480 --> 01:00:35,980 yn rydym wedi dechrau drwy gydio mewn gwirionedd y pethau yr ydym yn gofalu am, dde? 1181 01:00:35,980 --> 01:00:42,330 Felly, yn yr achos hwn, mae dau pethau yr ydym yn gofalu am, OK? 1182 01:00:42,330 --> 01:00:47,199 Un peth yr ydym yn mewn gwirionedd yn fath o edrych i mewn a thynnu data o, 1183 01:00:47,199 --> 01:00:48,990 ac un peth y rydym yn newid mewn gwirionedd. 1184 01:00:48,990 --> 01:00:52,110 1185 01:00:52,110 --> 01:00:53,730 Felly mae ein HTML. 1186 01:00:53,730 --> 01:01:00,370 Os yw hyn yn ein tudalen ar y we fan hyn, beth sydd mae'r data yr ydym yn edrych ar? 1187 01:01:00,370 --> 01:01:03,860 Mae'n mynd i fod yn beth bynnag testun yn ein blychau, dde? 1188 01:01:03,860 --> 01:01:05,310 Felly, beth bynnag rwyf deipio i mewn yma. 1189 01:01:05,310 --> 01:01:08,150 Dyna beth yr wyf am ei wybod, neu dyna beth yr wyf am edrych ar. 1190 01:01:08,150 --> 01:01:10,690 A beth sy'n mynd i fod yn newid ar ein tudalen ar y we? 1191 01:01:10,690 --> 01:01:13,550 1192 01:01:13,550 --> 01:01:14,880 Mae'r cymeriadau yn weddill. 1193 01:01:14,880 --> 01:01:19,550 Felly, yn yr un modd, rydym am ddechrau drwy ymgychwyn newidynnau 1194 01:01:19,550 --> 01:01:22,030 sydd mewn gwirionedd ddal gafael ar yr elfennau hynny. 1195 01:01:22,030 --> 01:01:22,890 OK? 1196 01:01:22,890 --> 01:01:29,930 Felly, os oes gennym ryw var hynny yw ein hardal testun, 1197 01:01:29,930 --> 01:01:33,681 ac mae gennym rai var sy'n weddill. 1198 01:01:33,681 --> 01:01:34,180 Iawn? 1199 01:01:34,180 --> 01:01:36,190 Felly mae'r rhain yn mynd i cynnal y ddau beth. 1200 01:01:36,190 --> 01:01:42,370 Felly, yr un math o beth, dogfen dot-- OK, dwi'n 1201 01:01:42,370 --> 01:01:45,920 mynd i sicrhau bod hyn yn mynd i'r gwaith y tro hwn. 1202 01:01:45,920 --> 01:01:49,620 Rwyf yn bendant iawn. 1203 01:01:49,620 --> 01:01:53,310 Iawn, felly os ydym am i'n ardal testun, yn ôl 1204 01:01:53,310 --> 01:01:55,710 at ein HTML, beth yw ein dynodwr? 1205 01:01:55,710 --> 01:01:56,420 Beth yw ein Id? 1206 01:01:56,420 --> 01:01:59,500 1207 01:01:59,500 --> 01:02:05,540 Dim ond ei fod yn mynd i fod yn destun achos mae hyn yn creu ein hardal testun, OK, 1208 01:02:05,540 --> 01:02:10,320 ac mae ein Id yn destun, felly dyna sut y gallwn fanteisio ar yr hyn sydd mewn 'na. 1209 01:02:10,320 --> 01:02:12,130 OK, hanner colon. 1210 01:02:12,130 --> 01:02:13,940 Rydw i'n mynd i fod yn super manwl gywir am hyn, 1211 01:02:13,940 --> 01:02:16,300 am fy mod am i hyn weithio y tro hwn. 1212 01:02:16,300 --> 01:02:22,120 OK, yn gwneud yr un peth, cael elfen gan Id. 1213 01:02:22,120 --> 01:02:25,970 Dwi wir yn meddwl tybed beth sydd achosodd y ddau arall i llanast i fyny. 1214 01:02:25,970 --> 01:02:29,750 OK, yna yn yr un yma, yr hyn ydym ni eisiau i gael mynediad? 1215 01:02:29,750 --> 01:02:30,760 Beth yw ein Id yma? 1216 01:02:30,760 --> 01:02:33,980 1217 01:02:33,980 --> 01:02:36,261 Mae gennym Id arall yn ein HTML, beth ydyw? 1218 01:02:36,261 --> 01:02:37,552 GYNULLEIDFA: Cymeriadau weddill. 1219 01:02:37,552 --> 01:02:39,343 ALLISON BUCHHOLTZ-PA: Cymeriadau sy'n weddill. 1220 01:02:39,343 --> 01:02:43,360 1221 01:02:43,360 --> 01:02:44,330 >> OK. 1222 01:02:44,330 --> 01:02:46,010 Cool. 1223 01:02:46,010 --> 01:02:49,800 Felly, Im 'jyst yn mynd i ysgrifennu hyn yn gyflym iawn. 1224 01:02:49,800 --> 01:02:53,706 1225 01:02:53,706 --> 01:02:55,330 Im 'jyst yn mynd i ysgrifennu hyn mewn eiliad. 1226 01:02:55,330 --> 01:02:56,190 Felly ardal testun. 1227 01:02:56,190 --> 01:02:59,550 1228 01:02:59,550 --> 01:03:06,180 Beth sy'n ddiddorol yw B function-- yno yna lawer o swyddogaethau sydd nid yn unig 1229 01:03:06,180 --> 01:03:09,690 cyfateb i'ch llygoden, ond eich bysellfwrdd. 1230 01:03:09,690 --> 01:03:10,190 OK? 1231 01:03:10,190 --> 01:03:16,540 Felly, gallwch ddweud pan fydd unrhyw allwedd yw gwasgu, gallwch wneud pethau fel hynny. 1232 01:03:16,540 --> 01:03:20,450 Felly, yr un yr ydym yn ei ddefnyddio yn galw ar allwedd i fyny, a oedd yn 1233 01:03:20,450 --> 01:03:25,320 Meddai, "os ydych chi wedi pwyso unrhyw allwedd ar eich bysellfwrdd, pan fydd y defnyddiwr wedi codi 1234 01:03:25,320 --> 01:03:28,064 eu bys oddi ar y botwm, ac yr allwedd wedi dod yn unpressed, 1235 01:03:28,064 --> 01:03:29,480 Yna, rydym yn mynd i wneud rhywbeth. " 1236 01:03:29,480 --> 01:03:29,980 OK? 1237 01:03:29,980 --> 01:03:31,370 Felly, mae hyn yn gwneud synnwyr, dde? 1238 01:03:31,370 --> 01:03:33,540 Gan fod pob cymeriad rydym deipio, rydym yn mynd 1239 01:03:33,540 --> 01:03:36,550 i gael i godi ein bysedd i ffwrdd ohono, felly pan yr allwedd yn mynd i fyny, 1240 01:03:36,550 --> 01:03:40,980 gallwn wybod i lleihau a ein cymeriadau ar ôl. 1241 01:03:40,980 --> 01:03:44,440 >> Felly, mae gennym rai ar allweddol i fyny, ac yn yr un modd, 1242 01:03:44,440 --> 01:03:47,480 rydym yn mynd i ddweud, "Iawn, pan fyddwn yn gwneud hynny, rydym yn 1243 01:03:47,480 --> 01:03:55,110 yn mynd i greu rhywfaint o swyddogaeth y yn mynd i gymryd e, "yn yr achos hwn, 1244 01:03:55,110 --> 01:03:58,800 a'r hyn yr ydym am ei wneud yw cyfrifo nifer sy'n weddill. 1245 01:03:58,800 --> 01:04:02,510 Iawn, felly gadewch i ni dim ond yn dechrau trwy greu newidyn. 1246 01:04:02,510 --> 01:04:05,830 Felly, mae gennym rai r amrywiol, mae hynny'n mynd i gynrychioli 1247 01:04:05,830 --> 01:04:07,720 faint o gymeriadau yr ydym wedi gadael. 1248 01:04:07,720 --> 01:04:08,890 OK? 1249 01:04:08,890 --> 01:04:14,540 Rydym yn gwybod ein bod yn dechrau gyda 140, ac os ydym am wybod, 1250 01:04:14,540 --> 01:04:18,360 gadewch i ni ddweud, hyd yma llinyn sydd wedi mewnbwn wedi bod, 1251 01:04:18,360 --> 01:04:20,860 ydych chi'n guys gennych unrhyw syniad sut y gallem wneud hynny? 1252 01:04:20,860 --> 01:04:23,900 Dim ond yn seiliedig i ffwrdd o'r amlwg pethau, fel pe oeddem am oriau, 1253 01:04:23,900 --> 01:04:25,870 rydym yn defnyddio yn cael awr. 1254 01:04:25,870 --> 01:04:28,860 Rydym yn gwybod bod ein gwrthrych yn maes testun, ond allech chi guys 1255 01:04:28,860 --> 01:04:33,050 meddwl am beth allai ddod ar ei ôl? 1256 01:04:33,050 --> 01:04:35,280 Unrhyw syniadau? 1257 01:04:35,280 --> 01:04:41,730 >> Felly, math hwn yn un o lai sythweledol, ond mae'n werth dot hyd. 1258 01:04:41,730 --> 01:04:44,700 Felly, dim ond rhoi i mi rhai Gwerth priodoledd sydd 1259 01:04:44,700 --> 01:04:46,500 mewn gwirionedd hyd y llinyn hwn. 1260 01:04:46,500 --> 01:04:50,340 Felly, mae'n mynd i ddweud, "Iawn, dwi'n chwilio ar hyn o llinyn cyfan o fewn ardal y testun, 1261 01:04:50,340 --> 01:04:52,730 ac yr wyf i'n mynd i ddweud wrth wrthych faint o amser y mae. " 1262 01:04:52,730 --> 01:04:55,500 Oherwydd os ydym yn cofio llinynnau yn wirioneddol yn unig araeau, 1263 01:04:55,500 --> 01:04:58,110 er mwyn i ni jyst yn cymryd hyd ohonynt. 1264 01:04:58,110 --> 01:05:01,860 Felly mae gennym hynny. 1265 01:05:01,860 --> 01:05:04,058 Cool. 1266 01:05:04,058 --> 01:05:09,360 >> Yna, yr hyn yr ydym am ei wneud yw ein byth yn awyddus i ganiatáu i'r defnyddiwr 1267 01:05:09,360 --> 01:05:12,340 i fewnbynnu mwy na 140 o gymeriadau, dde? 1268 01:05:12,340 --> 01:05:15,610 Oherwydd os ydym yn dweud fel, "oh, yr ydych Dim ond hyn lawer yn weddill, " 1269 01:05:15,610 --> 01:05:20,522 ac yna gadewch iddynt wneud hynny anyways, rydym wedi bod yn gorwedd. 1270 01:05:20,522 --> 01:05:22,230 Ac mae hyn yn un arall beth sy'n JavaScript 1271 01:05:22,230 --> 01:05:24,530 Gall fod yn wirioneddol dda er, yw dilysu defnyddiwr 1272 01:05:24,530 --> 01:05:29,062 a gwneud yn siŵr bod eich defnyddiwr yn cyd-fynd o fewn unrhyw reolau 1273 01:05:29,062 --> 01:05:30,270 eich bod wedi darparu iddynt. 1274 01:05:30,270 --> 01:05:36,020 Felly, os ydych am wneud pethau fel gwneud siŵr mewnbwn rhywun eu cyfeiriad e-bost, 1275 01:05:36,020 --> 01:05:40,242 neu wneud yn siŵr bod pan fyddant yn mynd i mewn dau cyfrineiriau, maent yn cyfateb. 1276 01:05:40,242 --> 01:05:41,200 Gall JavaScript wneud hynny. 1277 01:05:41,200 --> 01:05:44,010 Byddech yn ei wneud rhywbeth fel, "pan y ffurflen yn cael ei chyflwyno, "neu debyg, 1278 01:05:44,010 --> 01:05:48,170 "Pan Anfon Ffurflen botwm yn clicio, gwiriwch yr holl bethau hyn. " 1279 01:05:48,170 --> 01:05:49,670 A gallwn wneud hynny JavaScript. 1280 01:05:49,670 --> 01:05:52,680 Felly dyna yn union yr hyn y ydym yn mynd i'w wneud yma. 1281 01:05:52,680 --> 01:05:57,810 >> Felly yr hyn a allai fod yn ffordd i gadarnhau a oes maent wedi mynd dros 140 o gymeriadau? 1282 01:05:57,810 --> 01:06:03,310 Beth sy'n mynd i ddigwydd i mae ein gwerth r os ydynt yn ceisio? 1283 01:06:03,310 --> 01:06:04,760 Mae'n mynd i fod yn negyddol, dde? 1284 01:06:04,760 --> 01:06:07,380 Neu mae'n mynd i fod yn llai na neu'n hafal i sero. 1285 01:06:07,380 --> 01:06:13,690 Felly, gallwn ddefnyddio os yw hynny'n yn union fel popeth arall. 1286 01:06:13,690 --> 01:06:14,270 OK? 1287 01:06:14,270 --> 01:06:20,480 Ac mae gennym rai ardal testun dot gwerth, a'r hyn yr ydym yn ei wneud yma 1288 01:06:20,480 --> 01:06:29,940 yw ein bod yn unig cutting-- beth ydyw? 1289 01:06:29,940 --> 01:06:30,900 Mae'n ddrwg gennym. 1290 01:06:30,900 --> 01:06:32,732 Mae hyn yn un, rydym yn unig am ddychwelyd ffug. 1291 01:06:32,732 --> 01:06:34,030 Rwyf wedi drysu. 1292 01:06:34,030 --> 01:06:36,560 Mae pob frazzled o bethau nad ydynt yn gweithio. 1293 01:06:36,560 --> 01:06:40,010 OK, rydym yn unig eisiau dychwelyd ffug, ac yna rydym yn 1294 01:06:40,010 --> 01:06:44,160 yn awyddus i arddangos y cymeriadau sy'n weddill, dde? 1295 01:06:44,160 --> 01:06:48,720 Felly, gyda'r cloc, gwnaethom rhywbeth gyda HTML mewnol, dde? 1296 01:06:48,720 --> 01:06:52,070 Lle rydym yn gosod ei gyfartal i rai amrywio, felly beth y gallwn ei wneud yma? 1297 01:06:52,070 --> 01:06:54,590 1298 01:06:54,590 --> 01:06:57,750 Beth rydym yn newid y HTML mewnol? 1299 01:06:57,750 --> 01:07:02,843 1300 01:07:02,843 --> 01:07:03,780 >> GYNULLEIDFA: weddill? 1301 01:07:03,780 --> 01:07:05,738 >> ALLISON BUCHHOLTZ-PA: Rydym yn newid ar ôl. 1302 01:07:05,738 --> 01:07:09,217 1303 01:07:09,217 --> 01:07:11,300 Mae pob hawl, a beth ydyn ni'n am ei osod yn hafal i? 1304 01:07:11,300 --> 01:07:14,440 1305 01:07:14,440 --> 01:07:18,437 Mae'n mynd i fod yn r, gan fod hynny Dylai fod yn ein cymeriadau ar ôl. 1306 01:07:18,437 --> 01:07:19,600 OK? 1307 01:07:19,600 --> 01:07:26,060 Felly, rwy'n wir yn nerfus i weld a oes mae hyn yn gweithio erbyn hyn, ond cawn weld. 1308 01:07:26,060 --> 01:07:28,960 1309 01:07:28,960 --> 01:07:29,460 Gadewch hyn. 1310 01:07:29,460 --> 01:07:34,690 1311 01:07:34,690 --> 01:07:37,700 Mae hynny'n wir yn gyflym. 1312 01:07:37,700 --> 01:07:38,970 [Anghlywadwy] OK. 1313 01:07:38,970 --> 01:07:44,574 1314 01:07:44,574 --> 01:07:45,990 Unwaith eto, Im 'jyst yn mynd i ddangos i chi. 1315 01:07:45,990 --> 01:07:49,430 Am ba reswm bynnag, nid fy penderfynu i weithio, 1316 01:07:49,430 --> 01:07:53,354 ond yr hyn y byddaf yn dangos i chi yw bod hyn yw-- oh oeddwn i fod i roi hynny mewn. 1317 01:07:53,354 --> 01:07:57,470 OK, rydym yn sylwi ar yr un math o beth yma, cael y ardal testun. 1318 01:07:57,470 --> 01:08:01,070 >> Hefyd, os ydych rhybudd guy, os oes rhywbeth bynnag yr ydych am ei wneud, 1319 01:08:01,070 --> 01:08:04,080 ac nad ydych yn gwybod sut i wneud iddo, cliciwch View Tudalen Ffynhonnell, 1320 01:08:04,080 --> 01:08:06,632 ac maent yn mynd i ddweud wrthych. 1321 01:08:06,632 --> 01:08:07,840 Weithiau, bydd yn cael ei amgryptio. 1322 01:08:07,840 --> 01:08:11,147 Ar gyfer eich pset, rydym amgryptio popeth, felly mae'n jyst yn edrych fel gibberish. 1323 01:08:11,147 --> 01:08:13,480 Ond os oes erioed 'n sylweddol Gwefan oer yr ydych yn hoffi, 1324 01:08:13,480 --> 01:08:17,729 os ydych yn unig glicio View Tudalen Ffynhonnell, mae'n mynd i ddweud wrthych sut i wneud hynny. 1325 01:08:17,729 --> 01:08:20,770 Felly eto, weithio'n graffach, nid yn galetach. 1326 01:08:20,770 --> 01:08:24,250 Ac fel y gwelwch yma, sydd i gyd pethau hyn yr un fath. 1327 01:08:24,250 --> 01:08:31,930 yr un yma yma dim ond cymryd rhywfaint o linyn hynny, yr wyf yn anghofio yn union beth y mae hyn yn ei wneud. 1328 01:08:31,930 --> 01:08:36,980 Ond mae'n amlwg yn cymryd rhywfaint o linyn o werth o sero i ddeg, 1329 01:08:36,980 --> 01:08:41,540 ac yn dychwelyd ffug hyn y dylid rhoi'r gorau i y defnyddiwr rhag mewnbynnu anymore, 1330 01:08:41,540 --> 01:08:46,040 ac yna yn amlwg yn diweddaru y HTML mewnol yno. 1331 01:08:46,040 --> 01:08:47,410 >> Cool. 1332 01:08:47,410 --> 01:08:53,000 Cymryd fwyta allan mor fawr o heddiw, arbrawf, edrychwch ar cod ffynhonnell 1333 01:08:53,000 --> 01:08:58,359 oherwydd mae'n mynd i helpu llawer i chi, ac mae pawb, weithiau JavaScript 1334 01:08:58,359 --> 01:09:03,200 Gall fod yn anodd i weithio gyda ac nid yw'n bob amser yn gweithio y ffordd yr ydych yn disgwyl iddo, 1335 01:09:03,200 --> 01:09:05,700 ond dim ond daliwch ati gan fy mod yn addo y bydd. 1336 01:09:05,700 --> 01:09:08,376 Rwy'n addo pob un o'r enghreifftiau hyn yn gweithio cyn y dosbarth. 1337 01:09:08,376 --> 01:09:09,750 Nid wyf yn deall yr hyn a ddigwyddodd. 1338 01:09:09,750 --> 01:09:13,069 Rwyf yn llythrennol wedi popeth yr un fath. 1339 01:09:13,069 --> 01:09:17,660 >> Un peth arall yr wyf newydd eisiau dangos i chi guys a all fod yn ddefnyddiol super 1340 01:09:17,660 --> 01:09:21,630 yn in-- beth oedd yn gweithio o'r blaen? 1341 01:09:21,630 --> 01:09:23,935 Rydym yn cael parti i waith, nid oedd ni? 1342 01:09:23,935 --> 01:09:26,569 Rwy'n credu hynny. 1343 01:09:26,569 --> 01:09:27,069 Ydw. 1344 01:09:27,069 --> 01:09:27,630 Gwnaethom. 1345 01:09:27,630 --> 01:09:28,250 Awesome. 1346 01:09:28,250 --> 01:09:31,189 Iawn, felly un peth y dylech chi guys yn gwybod 1347 01:09:31,189 --> 01:09:33,340 yn y log consol fy mod yn siarad am. 1348 01:09:33,340 --> 01:09:37,040 Felly chysura dot log o helo. 1349 01:09:37,040 --> 01:09:40,430 Felly mae hwn yn fath o JavaScript cyfateb i printf. 1350 01:09:40,430 --> 01:09:42,810 Felly, os ydych chi erioed eisiau archwilio eich newidynnau 1351 01:09:42,810 --> 01:09:49,649 neu weld beth sy'n digwydd yno, beth gallwch ei wneud yw, os ydym yn archwilio elfen, 1352 01:09:49,649 --> 01:09:51,899 yr hyn yr ydych eisiau mynd i, a byddwch yn mynd i chysura, 1353 01:09:51,899 --> 01:09:53,770 byddwch yn gweld ei fod hargraffu helo. 1354 01:09:53,770 --> 01:09:55,750 >> Felly gallem gael ei print beth bynnag y byddwn eisiau. 1355 01:09:55,750 --> 01:10:04,170 Os ydym eisiau iddo argraffu cefndir dot dot arddull cefndir, 1356 01:10:04,170 --> 01:10:08,454 dylem fod yn gallu gweld y RGB triphlyg sydd yn dod i fyny. 1357 01:10:08,454 --> 01:10:11,140 Neu beidio. 1358 01:10:11,140 --> 01:10:13,520 Yr wyf yn anghofio yn union sut yr ydych yn argraffu newidyn fel 'na, 1359 01:10:13,520 --> 01:10:17,249 ond dylech fod yn gallu argraffu pethau fel 'na. 1360 01:10:17,249 --> 01:10:19,040 Bydd hynny'n ddefnyddiol iawn ar gyfer eich pset pan 1361 01:10:19,040 --> 01:10:23,330 ydych yn ceisio trin cydlynu neu whatnot. 1362 01:10:23,330 --> 01:10:25,270 Felly, maent hefyd yn newid y darn hwn yn y dosbarth. 1363 01:10:25,270 --> 01:10:30,750 Mae hyn yn wahanol i flynyddoedd diwethaf, felly jyst yn neis i'ch TFS, neu'r TFS 1364 01:10:30,750 --> 01:10:36,350 ar oriau swyddfa yn hytrach, oherwydd ein bod fath o ddysgu ynghyd â chi guys. 1365 01:10:36,350 --> 01:10:41,230 Ond y log consol yn super, super defnyddiol ar gyfer JavaScript llynedd. 1366 01:10:41,230 --> 01:10:42,740 Felly, wrth eu bodd. 1367 01:10:42,740 --> 01:10:43,780 Dysgwch sut i'w ddefnyddio. 1368 01:10:43,780 --> 01:10:49,026 Mae'n haws i'w defnyddio na GDB, fel bod Dylai fod o leiaf yn fan a mwy. 1369 01:10:49,026 --> 01:10:50,650 Ond diolch i chi guys yn amyneddgar gyda mi. 1370 01:10:50,650 --> 01:10:53,400 Mae'n ddrwg gen i fod fy enghreifftiau am ryw reswm 1371 01:10:53,400 --> 01:10:55,410 Nid oedd dim ond eisiau cydweithredu gyda mi, ond yr wyf yn 1372 01:10:55,410 --> 01:11:01,010 gobeithio ei fod wedi helpu fath o yn mynd â chi i ychydig yn fwy yn y parth o JavaScript. 1373 01:11:01,010 --> 01:11:04,980 Ac yn anfon eich holl gwestiynau i mi wythnos nesaf fel y gallaf ei drwsio super, 1374 01:11:04,980 --> 01:11:09,420 a byddaf yn dod â Candy a hyd yn oed ychwanegol Candy gan fod hyn yn chwerthinllyd. 1375 01:11:09,420 --> 01:11:14,000 Ond rydych guys yn wych, ac mae ganddynt wythnos awesome. 1376 01:11:14,000 --> 01:11:15,584