1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Helo bawb. 3 00:00:08,890 --> 00:00:11,310 Alla i gael eich sylw? 4 00:00:11,310 --> 00:00:12,090 Ddiolch, guys. 5 00:00:12,090 --> 00:00:14,030 Heddiw, yr wyf am siarad am Meteor. 6 00:00:14,030 --> 00:00:16,710 Mae'n fframwaith JavaScript. 7 00:00:16,710 --> 00:00:21,110 Byddwn yn mynd trwy sut y gallwch gwneud apps ar y we 'n sylweddol oera. 8 00:00:21,110 --> 00:00:24,940 >> Cyn i ni fynd i mewn JavaScript, Fi jyst eisiau dweud wrthych chi guys y bydd hyn yn 9 00:00:24,940 --> 00:00:26,900 yn cael eu - bydd yn rhaid i chi ddiweddarach darnau semester hwn. 10 00:00:26,900 --> 00:00:28,520 Dylai fod yn ymwneud JavaScript. 11 00:00:28,520 --> 00:00:32,910 Yr wyf yn meddwl [Anghlywadwy] yn mynd yn gyntaf i cynnwys y HTML we stwff PHP cyn i ni 12 00:00:32,910 --> 00:00:34,530 yn symud i JavaScript. 13 00:00:34,530 --> 00:00:39,650 Ac yn CS50, JavaScript yn cael ei ystyried fel cod cleient. 14 00:00:39,650 --> 00:00:41,970 Felly, dim ond yn cael ei rhedeg mewn y porwr gwe. 15 00:00:41,970 --> 00:00:45,740 >> Ond diolch i ddatblygiadau diweddar yn dechnoleg, rydym yn awr wedi llwyddo i redeg 16 00:00:45,740 --> 00:00:48,090 JavaScript fel gweinydd yn ogystal. 17 00:00:48,090 --> 00:00:51,630 Felly, mae hyn wedi creu 'n sylweddol oera fframwaith oherwydd erbyn hyn gallwch ysgrifennu 18 00:00:51,630 --> 00:00:55,250 gyfreithlon yr un cod ar gyfer y cleient a'r gweinydd. 19 00:00:55,250 --> 00:00:57,810 A phan fyddwch yn diffinio swyddogaethau yn eich gweinyddwr, gall eich cleient yn ffonio'r rhai 20 00:00:57,810 --> 00:00:59,090 un swyddogaethau. 21 00:00:59,090 --> 00:01:00,370 Ac mae'n ei gwneud yn llawer haws. 22 00:01:00,370 --> 00:01:04,519 Lle o'r blaen, os ydych yn defnyddio PHP ar y gweinydd, JavaScript ar y blaen 23 00:01:04,519 --> 00:01:08,040 diwedd, mae'n rhaid i chi ysgrifennu swyddogaeth PHP ac yna fersiwn JavaScript o'r 24 00:01:08,040 --> 00:01:10,880 un swyddogaeth i wneud y un math o waith. 25 00:01:10,880 --> 00:01:14,330 >> Felly, cyn i ni ddechrau, yr wyf am i ddangos i chi demo o'r hyn 26 00:01:14,330 --> 00:01:17,190 Gall Meteor ei wneud i chi. 27 00:01:17,190 --> 00:01:20,330 Byddaf yn dangos i chi y demo, sef yr hyn byddwch yn gallu creu gan y 28 00:01:20,330 --> 00:01:21,580 diwedd y seminar hwn. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Rydym yn unig yn mynd i'r dde yma. 31 00:01:25,670 --> 00:01:27,410 Mae hyn yn app Leaderboard. 32 00:01:27,410 --> 00:01:31,970 Mae'n mewn gwirionedd yn ei seiliedig allan o yr enghraifft y Meteor rhoi i chi. 33 00:01:31,970 --> 00:01:37,220 >> Meteor yn neis iawn oherwydd pan fyddwch yn osod fel pecyn, gallwch 34 00:01:37,220 --> 00:01:39,140 chwarae yn y bôn o gwmpas gyda y pedair demos. 35 00:01:39,140 --> 00:01:41,410 Ac mae'r Leaderboard yw'r gyntaf o demos hyn. 36 00:01:41,410 --> 00:01:44,620 Ar ôl y seminar, yr wyf yn eich annog i gyd i ddim ond edrych ar y demos eraill 37 00:01:44,620 --> 00:01:48,300 oherwydd fy mod yn credu eu bod 'n sylweddol oera, ac maent yn dangos y pŵer Meteor chi. 38 00:01:48,300 --> 00:01:51,310 >> Felly, beth yw hyn, mae hyn yn a gynhelir ar Leaderboard. 39 00:01:51,310 --> 00:01:54,950 Mae hyn yn unig yw dweud y gwir rhestr o enwau. 40 00:01:54,950 --> 00:01:56,510 A gallwch ddewis pobl. 41 00:01:56,510 --> 00:01:57,780 Maent yn troi'n felyn. 42 00:01:57,780 --> 00:02:00,060 Ac yna gallwch roi nhw bum pwynt. 43 00:02:00,060 --> 00:02:02,850 A byddwch yn sylwi bod y rhestr yn ddidoli oherwydd wrth i mi roi mwy o fy hun 44 00:02:02,850 --> 00:02:05,850 a mwy o bwyntiau, rwy'n awr ar y brig. 45 00:02:05,850 --> 00:02:07,420 Felly, mae hyn yn lle'r ydym yn cychwyn. 46 00:02:07,420 --> 00:02:11,690 >> A beth y byddwch yn gallu i fynd i ffwrdd o seminar hwn yn ychydig mwy 47 00:02:11,690 --> 00:02:13,600 nodweddion Rwyf wedi ychwanegu at y Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Byddwn yn ymdrin â sut i, yn ogystal â ychwanegu pum pwynt i chwaraewr, gallwn 49 00:02:18,240 --> 00:02:28,720 dileu chwaraewyr, gallwn ychwanegu chwaraewyr newydd, a gallwn ddewis sut yr ydym am 50 00:02:28,720 --> 00:02:29,540 i'w datrys. 51 00:02:29,540 --> 00:02:35,240 Ac mae'r rhain i gyd yn alwadau API yn hawdd iawn y Meteor yn darparu ar gyfer chi. 52 00:02:35,240 --> 00:02:39,120 Byddwch hefyd yn cael nodwedd yma i randomize y sgoriau. 53 00:02:39,120 --> 00:02:41,450 >> Felly, yr hyn sy'n wirioneddol cŵl am hyn yw y gallwch guys mewn gwirionedd 54 00:02:41,450 --> 00:02:43,820 i gyd yn mynd i'r safle. 55 00:02:43,820 --> 00:02:46,575 'N annhymerus' ei roi yn y testun yn fwy yma. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 Un-radical-plwm erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 A phan fyddwch yn guys yn mynd i'r safle, byddwch yn Dylai fod yn gallu golygu y safle, ac 60 00:03:07,622 --> 00:03:09,595 Bydd eich holl golygiadau yn weladwy i bawb arall. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Felly, gallwch chi - ydych chi'n guys i gyd gallu cysylltu i'r safle? 63 00:03:17,740 --> 00:03:18,750 Felly, chwarae o gwmpas ag ef. 64 00:03:18,750 --> 00:03:20,440 Ewch a dechrau dileu rhai enwau. 65 00:03:20,440 --> 00:03:21,690 Weld beth sy'n digwydd. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Felly, byddwch yn gweld y gall pawb chwarae. 68 00:03:38,510 --> 00:03:41,930 Mae hyn yn unig yw diogelwch diofyn modd ar gyfer Meteor. 69 00:03:41,930 --> 00:03:44,360 Byddwch yn gweld bod pawb yn gallu newid data gilydd. 70 00:03:44,360 --> 00:03:44,920 Peidiwch â phoeni. 71 00:03:44,920 --> 00:03:46,460 Meteor oes gan diogelwch. 72 00:03:46,460 --> 00:03:49,860 Mae hwn yn hawdd iawn rhoi ar waith nodwedd, lle y gallech sefydlu defnyddwyr 73 00:03:49,860 --> 00:03:50,600 a logins. 74 00:03:50,600 --> 00:03:53,750 Ond ar hyn o bryd, unrhyw un sy'n ymweld â'r Gall y safle yn rhoi eu hunain yn gymaint o 75 00:03:53,750 --> 00:03:55,000 bwyntiau ag y dymunant. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Felly, yr wyf bob amser yn hoffi hyn gan fod hyn yn ffordd hwyliog i ddechrau arni. 78 00:04:00,090 --> 00:04:02,360 Ac yna byddwn yn unig yn siarad am y manylion, sut 79 00:04:02,360 --> 00:04:03,610 Meteor gwneud hyn yn bosibl. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Felly, yr wyf i'n mynd i ymdrin â'r hyn Meteor yw, ac yna dim ond bydd angen i ni dalu am y 82 00:04:15,660 --> 00:04:18,920 dau rhagofynion bod CS50 nid yw wedi cynnwys digon. 83 00:04:18,920 --> 00:04:21,970 Ond erbyn diwedd y tymor, dylech fod yn gyfforddus gyda HTML a 84 00:04:21,970 --> 00:04:25,250 JavaScript i wir yn eich dwylo gweithio yn frwnt gyda Meteor. 85 00:04:25,250 --> 00:04:28,740 Ac yr wyf yn meddwl mai dim ond yn ffordd wych i hyd yn oed yn llai cyfforddus i fyfyrwyr ei wneud 86 00:04:28,740 --> 00:04:32,930 prosiectau terfynol oherwydd eu bod yn gallu mewn gwirionedd aros mewn un iaith, ac maent yn dod i 87 00:04:32,930 --> 00:04:37,620 gweld y newidiadau eu gweithio ar unwaith. 88 00:04:37,620 --> 00:04:42,520 >> Felly, y sleid hon yn dangos dim ond rhai o'r technolegau mawr y Meteor JS 89 00:04:42,520 --> 00:04:43,610 yn rhoi i chi. 90 00:04:43,610 --> 00:04:46,090 Nid Meteor yn dechnoleg newydd ar ei ben ei hun. 91 00:04:46,090 --> 00:04:48,390 Mae'n wir yn conglomeration o holl bethau gwahanol hyn 92 00:04:48,390 --> 00:04:49,920 rydym yn ei gael ar y rhyngrwyd. 93 00:04:49,920 --> 00:04:55,650 Yn ogystal â HTML, CSS, JavaScript, rydym yn cael rhai technolegau megis Node.js, 94 00:04:55,650 --> 00:04:58,490 sef yr hyn yn eich galluogi i redeg JavaScript ar y pen yn ôl ar eich 95 00:04:58,490 --> 00:05:02,520 gweinyddwr, yn ogystal rhai JavaScript llyfrgelloedd, fel jQuery, tanlinellu. 96 00:05:02,520 --> 00:05:06,320 >> Bydd pob un o'r rhain yn gyfarwydd i chi gan y diwedd y semester. 97 00:05:06,320 --> 00:05:10,680 Ac rydym hefyd yn cael i ddefnyddio cronfa ddata o'r enw mongoDB, sydd yn wir yn 98 00:05:10,680 --> 00:05:14,250 cronfa ddata o boblogaidd yn awr ar gyfer hyn startups newydd. 99 00:05:14,250 --> 00:05:18,650 Gallwch chi feddwl am y peth fel fel MySQL, ond mae'n gweithio iawn 'n glws gyda JavaScript. 100 00:05:18,650 --> 00:05:22,140 Ac mae rhai technolegau eraill yma a llawer mwy nad wyf wedi rhestru 101 00:05:22,140 --> 00:05:23,880 bod pob rhyngwyneb 'n sylweddol 'n glws gyda Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Rhaid i mi roi sleid hwn oherwydd Weithiau, caf dryswch am hyn. 104 00:05:30,540 --> 00:05:31,695 Meteor yn unig JavaScript. 105 00:05:31,695 --> 00:05:33,040 Nid yw'n PHP. 106 00:05:33,040 --> 00:05:34,360 Nid yw'n Ruby acha Chledrau. 107 00:05:34,360 --> 00:05:37,950 Felly, os byddwch yn ysgrifennu cod, os ydych am ysgrifennu brosiect Meteor, chi wir yn 108 00:05:37,950 --> 00:05:38,900 Ni all defnyddio'r cod Ruby. 109 00:05:38,900 --> 00:05:41,660 Rydych yn wir nid yn defnyddio PHP. 110 00:05:41,660 --> 00:05:45,800 >> Er y byddwn yn gweld bod y gwahaniaethau mewn Efallai na fydd cod a chystrawen yw bod 111 00:05:45,800 --> 00:05:48,930 wahanol, yr wyf am bwysleisio i chi bod Meteor, popeth yr ydych cod yn 112 00:05:48,930 --> 00:05:50,660 yn unig yn JavaScript. 113 00:05:50,660 --> 00:05:53,920 A phopeth eich bod yn dangos i bydd y defnyddiwr yn HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Ond nid ydych yn mewn gwirionedd yn defnyddio unrhyw un ieithoedd eraill y eraill 115 00:05:56,780 --> 00:05:59,250 Efallai y seminarau yn cwmpasu. 116 00:05:59,250 --> 00:06:01,020 Beth Meteor hefyd yn yn weinydd y we. 117 00:06:01,020 --> 00:06:03,930 Felly hyd yn oed os nad oes gennych unrhyw i chi JavaScript, a 'ch jyst eisiau i wasanaethu 118 00:06:03,930 --> 00:06:07,020 CSS a HTML ffeil, Meteor gallu gwneud hynny ar eich rhan. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> A dyma y ddolen eto i'r demo fy mod yn rhaid i chi guys 121 00:06:13,770 --> 00:06:15,380 Dechreuodd chwarae gyda. 122 00:06:15,380 --> 00:06:18,230 Ond gadewch i ni symud ymlaen i HTML. 123 00:06:18,230 --> 00:06:22,060 Faint o bobl yma yn cael unrhyw syniad beth yw HTML? 124 00:06:22,060 --> 00:06:22,670 OK mawr. 125 00:06:22,670 --> 00:06:25,800 A bod yn hollol iawn. 126 00:06:25,800 --> 00:06:29,410 Ddim wir yn angen i chi wybod llawer am oherwydd byddwn yn mynd dros y 127 00:06:29,410 --> 00:06:31,220 defnydd yn syml iawn. 128 00:06:31,220 --> 00:06:34,570 >> Mae hyn yn beth syml Dudalen HTML yn edrych fel. 129 00:06:34,570 --> 00:06:38,840 Gall hyn fod fel eich helo, byd ar gyfer HTML, ond rydym yn dechrau yn C gyda 130 00:06:38,840 --> 00:06:40,760 helo, byd. 131 00:06:40,760 --> 00:06:44,360 Nid wyf am i chi i bwysleisio ar y manylion yr hyn HTML, pa pen, beth 132 00:06:44,360 --> 00:06:46,120 corff, pa teitl yn ei wneud yno. 133 00:06:46,120 --> 00:06:49,130 Fi jyst am bwysleisio strwythur, sut yr ydych yn cael tagiau. 134 00:06:49,130 --> 00:06:50,860 A dyna y bracedi ongl. 135 00:06:50,860 --> 00:06:52,380 A dyna lle mae gennych eich disgrifiadau. 136 00:06:52,380 --> 00:06:54,790 >> Felly efallai y byddwch yn cael y ddogfen HTML. 137 00:06:54,790 --> 00:06:59,300 Ac yna byddwch yn cau'r ddogfen HTML gyda slaes un peth. 138 00:06:59,300 --> 00:07:01,200 Ac mae gennych wahanol fathau o tagiau. 139 00:07:01,200 --> 00:07:02,730 Ac yn sylwi eu bod nhw i gyd yn cyfateb. 140 00:07:02,730 --> 00:07:05,300 Bydd gennych fel tag corff ac yna tag agos corff. 141 00:07:05,300 --> 00:07:08,620 Ac y tu mewn i'r corff tag, bydd hynny'n cynnwys eich tudalen we. 142 00:07:08,620 --> 00:07:12,770 Felly, byddai hyn yn dudalen we syml yn dangos mewn cefndir gwyn a thestun du 143 00:07:12,770 --> 00:07:14,242 helo, byd. 144 00:07:14,242 --> 00:07:17,610 A yw hynny'n gwneud synnwyr? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Nawr rydw i'n mynd i gyflym cwmpasu JavaScript. 147 00:07:22,640 --> 00:07:26,990 Yn y geiriau o TF blaenorol, "JavaScript yw'r rhaglenni gorau 148 00:07:26,990 --> 00:07:28,550 iaith ar hyn o bryd yn bodoli. 149 00:07:28,550 --> 00:07:30,520 Bydd pobl eraill yn ceisio dweud wrthych fel arall. 150 00:07:30,520 --> 00:07:33,840 Eu bod yn anghywir. "JavaScript yn eithaf 'n glws, a byddaf yn dangos i chi pam. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Felly, mae hyn yn enghraifft glasurol rydym yn dechrau â hwy yn C. Mae gennym helo, byd. 153 00:07:42,380 --> 00:07:45,500 A ydych yn sylwi bod hyd yn oed os ydych yn crebachu hynny, rhaid i chi gael o leiaf dau 154 00:07:45,500 --> 00:07:46,560 linellau o god yma. 155 00:07:46,560 --> 00:07:48,990 Mae gennyf nifer o linellau o god. 156 00:07:48,990 --> 00:07:50,160 Gall hyn gael ei wneud yn syml iawn. 157 00:07:50,160 --> 00:07:53,950 Un llinell yn JavaScript â console.log, ac yna eich llinyn, 158 00:07:53,950 --> 00:07:55,340 helo, byd. 159 00:07:55,340 --> 00:07:59,570 >> Yn awr, hyd yn oed er ein bod yn symud i newydd iaith JavaScript, mae bron pob un o'r 160 00:07:59,570 --> 00:08:02,950 sgiliau rydych wedi dysgu drwy godio yn C yn uniongyrchol cludadwy. 161 00:08:02,950 --> 00:08:07,130 Felly llinynnau, y syniad o linynnau yn dyfynodau dwbl, sydd yr un. 162 00:08:07,130 --> 00:08:08,890 Mae'r colon, dyna'r un peth. 163 00:08:08,890 --> 00:08:11,190 >> Nodwedd daclus am JavaScript mewn gwirionedd yw eich bod 164 00:08:11,190 --> 00:08:12,360 Nid oes angen y colon. 165 00:08:12,360 --> 00:08:14,950 Gall ddyfalu y dylech rhoi colon yno. 166 00:08:14,950 --> 00:08:18,035 Ond dweud hynny, dylech bob amser yn ceisio i roi eich hanner colon yno. 167 00:08:18,035 --> 00:08:21,160 Mae'n ystyried arddull da. 168 00:08:21,160 --> 00:08:22,650 A hefyd, does dim brif swyddogaeth. 169 00:08:22,650 --> 00:08:25,580 Rydych yn unig yn dechrau ar frig y ffeil a darllen pethau fesul llinell. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Yna, mae hyn yn beth mae'n ei gymryd i wneud bod helo, rhaglen y byd. 172 00:08:32,760 --> 00:08:36,059 Ac yna sylwi eich bod yn rhaid i gwneud helo ac yna rhedeg helo. 173 00:08:36,059 --> 00:08:38,530 Gyda JavaScript, mae'n ystyried iaith dehongli. 174 00:08:38,530 --> 00:08:40,780 Beth sydd angen i chi ei wybod yw bod nid oes unrhyw gwneud. 175 00:08:40,780 --> 00:08:41,950 >> Does dim Casglu. 176 00:08:41,950 --> 00:08:43,440 Rydych yn unig yn rhedeg nod. 177 00:08:43,440 --> 00:08:47,220 A chofiwch nod yw rhaglen sy'n yn rhedeg eich JavaScript ar gonsol, 178 00:08:47,220 --> 00:08:49,030 ar focs du, nid yw gwefan. 179 00:08:49,030 --> 00:08:52,480 Er mwyn i chi dim ond rhoi y ffeil, ac mae'n mynd i argraffu helo, byd. 180 00:08:52,480 --> 00:08:56,750 >> 'N annhymerus' yn ei wneud ychydig demo o hynny ar eich guys yma. 181 00:08:56,750 --> 00:08:59,380 Felly, gadewch i ni fynd draw i fy Terfynell Node.js. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 OK. 184 00:09:05,322 --> 00:09:06,150 Gadewch i ni symud yma. 185 00:09:06,150 --> 00:09:07,930 Felly, yr wyf i'n mynd i ddechrau nod. 186 00:09:07,930 --> 00:09:10,230 A byddaf yn dangos i chi guys mewn dim ond yn sec sut i gael y 187 00:09:10,230 --> 00:09:12,000 gosod, os nad ydych yn ei wneud. 188 00:09:12,000 --> 00:09:14,800 Gadewch i mi wneud hynny'n ychydig yn fwy. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 OK. 191 00:09:17,870 --> 00:09:20,120 Yr wyf yn gobeithio y gallwch chi guys gweld. 192 00:09:20,120 --> 00:09:27,390 >> Felly, yr wyf yn gallu ysgrifennu cod fel y gwnes i o'r blaen yn console.log. 193 00:09:27,390 --> 00:09:28,915 Hi, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 Ac yn sylwi Nid oes rhaid i mi wneud y colon, ond yna yr wyf yn cael hyn yn rhyfedd 196 00:09:35,330 --> 00:09:36,850 beth anniffiniedig. 197 00:09:36,850 --> 00:09:40,310 Wel mewn gwirionedd, heb sôn am y peth anniffiniedig. 198 00:09:40,310 --> 00:09:43,590 Pethau Rwyf am i chi i hysbysiad yw eich bod Nid oes angen y brif swyddogaeth yma 199 00:09:43,590 --> 00:09:45,050 i ddechrau rhedeg cod. 200 00:09:45,050 --> 00:09:46,790 A does dim diwedd slaes. 201 00:09:46,790 --> 00:09:50,683 Mae rhai nodweddion bach y Gall JavaScript wneud i chi. 202 00:09:50,683 --> 00:09:53,510 >> GYNULLEIDFA: [Anghlywadwy]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Oh yeah. 204 00:09:54,000 --> 00:09:57,460 Mae'n ddrwg gen i am hynny. 205 00:09:57,460 --> 00:10:02,200 Ac mae hynny'n saeth yn unig yn golygu nod yn barod ar gyfer gorchymyn arall. 206 00:10:02,200 --> 00:10:05,380 Felly gall yn rhaid i chi ei wneud yn syml mathemateg, fel 1 ac 1. 207 00:10:05,380 --> 00:10:10,360 Ac yn union fel yn C, mae'r rhain mathemateg symbolau yn unig yr un fath. 208 00:10:10,360 --> 00:10:13,750 Gallaf wneud console.log o nifer. 209 00:10:13,750 --> 00:10:15,090 Ac yna mae'n printiau dau. 210 00:10:15,090 --> 00:10:19,000 JavaScript yn neis yn yr ystyr honno, oherwydd er bod dau yn int, 211 00:10:19,000 --> 00:10:22,020 fel yn C, os ydych wedi printf gyda dau, byddech yn cael gwall. 212 00:10:22,020 --> 00:10:24,140 >> Ond JavaScript yn gwybod, oh, rydych yn argraffu rhywbeth. 213 00:10:24,140 --> 00:10:25,070 Rydw i'n mynd i angen llinyn. 214 00:10:25,070 --> 00:10:28,410 Felly, gadewch i mi droi bod dau i mewn i linyn i chi. 215 00:10:28,410 --> 00:10:34,970 A allwch chi hefyd wneud rhywfaint o stwff od fel hi ac yna a dau. 216 00:10:34,970 --> 00:10:39,520 Mae hyn yn unig enghraifft sut mae dau arall Gellir eu haddasu i mewn 'na hefyd. 217 00:10:39,520 --> 00:10:45,135 >> Felly, gyda hynny allan o'r ffordd, gadewch i ni dim ond yn cynnwys ychydig mwy o JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Felly, yn C, rydym wedi math. 220 00:10:50,540 --> 00:10:53,925 Pryd bynnag y byddwn creu newidyn newydd, rydym yn rhaid i dweud bod yn ei fod yn torgoch * neu 221 00:10:53,925 --> 00:10:55,850 llinyn yn yr CS50 achos. 222 00:10:55,850 --> 00:10:58,350 Neu os oedd gennym rhif degol, roedd rhaid i ni ddweud arnofio. 223 00:10:58,350 --> 00:11:00,690 Os byddwn angen Boole, roedd rhaid i ni ddweud b. 224 00:11:00,690 --> 00:11:04,220 Ac yna unwaith cawsom rhywbeth y ei b, bu'n rhaid iddo aros am bool. 225 00:11:04,220 --> 00:11:07,360 Ni allem hudol newid i yn int oni bai ein bod yn ysgrifennu yn y 226 00:11:07,360 --> 00:11:09,450 cromfachau, int o b. 227 00:11:09,450 --> 00:11:11,820 >> Yn JavaScript, nid oes unrhyw fath. 228 00:11:11,820 --> 00:11:13,350 Rydych yn unig yn meddwl am y peth fel var. 229 00:11:13,350 --> 00:11:15,270 A var yw sut yr ydych yn creu math newydd. 230 00:11:15,270 --> 00:11:19,210 Felly, gall gael var s bod yn llinyn, var n bod yn arnofio, 231 00:11:19,210 --> 00:11:21,230 a var b bod yn wir. 232 00:11:21,230 --> 00:11:24,980 Ac un peth na allwch chi ei wneud yn C yw Gallaf yn awr yn dweud, ar ôl y llinell honno, b 233 00:11:24,980 --> 00:11:26,230 yn dychwelyd yn gyfanrif. 234 00:11:26,230 --> 00:11:27,400 A bod yn gweithio jyst ddirwya. 235 00:11:27,400 --> 00:11:30,840 Tra yn C, byddai'n dweud fel nad yw eich cyfanrif yn bool. 236 00:11:30,840 --> 00:11:32,770 Ni allaf wneud hynny ar eich rhan. 237 00:11:32,770 --> 00:11:34,050 Byddai Neu [Anghlywadwy] taflu gwall. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> Ac yr wyf yn gallu mynd yn ôl i nod yn gyflym ac yn yn dangos rhywfaint o'r functionality. 240 00:11:43,420 --> 00:11:44,960 Felly gallaf gael var a a. 241 00:11:44,960 --> 00:11:52,120 Ffoniwch y "Apple." Felly nawr pan fyddaf yn argraffu, Yr wyf yn cael fy llinyn, 'Apple.' Ond gallaf 242 00:11:52,120 --> 00:11:54,900 hefyd yn awr yn dweud yn hafal i 3. 243 00:11:54,900 --> 00:11:56,610 Ac yn sylwi nad oes gwall. 244 00:11:56,610 --> 00:12:00,630 A bellach yn dychwelyd 3. 245 00:12:00,630 --> 00:12:01,880 Unrhyw gwestiynau hyd yn hyn? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Ie. 248 00:12:07,570 --> 00:12:10,780 >> GYNULLEIDFA: Arhoswch, felly console.log yn y bôn printf, dde? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log yw eich printf. 250 00:12:12,180 --> 00:12:12,652 >> GYNULLEIDFA: Iawn. 251 00:12:12,652 --> 00:12:17,844 Felly, sut ddod os ydych yn jyst deipio i mewn wyth neu [Anghlywadwy], beth mae hynny'n ei 252 00:12:17,844 --> 00:12:18,790 [Anghlywadwy]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Iawn. 254 00:12:19,160 --> 00:12:21,690 Felly mae'n - 255 00:12:21,690 --> 00:12:24,240 y pethau mewn gwyrdd yn cael ei hargraffu yn y consol. 256 00:12:24,240 --> 00:12:27,050 A beth gawn ni weld nesaf yw pan fyddwn yn symud at y we 257 00:12:27,050 --> 00:12:29,300 dudalen, ni fyddwn yn ei wneud - 258 00:12:29,300 --> 00:12:32,650 Bydd JavaScript fod yn cael HTML templed, a byddaf yn ymdrin ag ef yn y 259 00:12:32,650 --> 00:12:34,730 Meteor rhan o'r seminar. 260 00:12:34,730 --> 00:12:38,730 A dyna lle gallwch ddweud, yn rhoi i mi gwerth, a bydd yn rhoi mewn 261 00:12:38,730 --> 00:12:39,920 eich gwefan. 262 00:12:39,920 --> 00:12:42,520 Gan fod pob porwr gwe mewn gwirionedd Mae gan ychydig o consol. 263 00:12:42,520 --> 00:12:46,380 Ac os ydych yn edrych yn ofalus iawn, yr ydych yn Byddai cael rhywfaint o wybodaeth, fel eich 264 00:12:46,380 --> 00:12:51,210 printf sy'n ymddangos yno gyda pob tudalen we yr ydych yn llwytho. 265 00:12:51,210 --> 00:12:53,580 >> GYNULLEIDFA: Sut wnaethoch chi ei gael i'r sgrin gragen? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Felly mae yna gorchymyn a elwir yn nod, ac mae'n dod gyda Meteor. 267 00:12:57,680 --> 00:13:01,230 Felly, 'n annhymerus' jyst rhoi'r gorau iddi allan o yno. 268 00:13:01,230 --> 00:13:03,580 Nod yw rhaglen sy'n rhedeg JavaScript. 269 00:13:03,580 --> 00:13:07,070 Os byddwch yn mynd i meteor.com, rydych yn yn gallu gosod Meteor, a 270 00:13:07,070 --> 00:13:08,480 Meteor hon gyda nod. 271 00:13:08,480 --> 00:13:11,470 Gan fod Meteor yn unig yw casgliad o'r holl becynnau meddalwedd hyn. 272 00:13:11,470 --> 00:13:15,280 Pan fyddwn yn cyrraedd ein enghraifft, yr wyf yn cerdded pawb trwy osod 273 00:13:15,280 --> 00:13:17,625 Meteor, ac yna gallwch chi chwarae gyda nod eich hun. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, mawr. 276 00:13:23,980 --> 00:13:29,640 >> Felly nodwedd gwych arall am weithio gyda JavaScript dolenni yr un fath. 277 00:13:29,640 --> 00:13:31,430 'N bert lawer yn union yr un fath. 278 00:13:31,430 --> 00:13:35,530 Ar gyfer dolenni, tra bod dolenni, yn gwneud tra bod dolenni, os arall. 279 00:13:35,530 --> 00:13:36,880 Mae hyn i gyd yr un peth gyda'r braces. 280 00:13:36,880 --> 00:13:38,540 Mae yr un gystrawen. 281 00:13:38,540 --> 00:13:41,350 Yn yr achos dros ddolen, yr ychydig manylion y mae rhaid i chi dalu sylw 282 00:13:41,350 --> 00:13:45,340 i yn hytrach na int i yn hafal i 0, mae'n rhaid i ni ddweud i var yn dychwelyd 0. 283 00:13:45,340 --> 00:13:49,580 Ond mae hynny'n oherwydd y newidynnau fath sy'n buom yn siarad am o'r blaen. 284 00:13:49,580 --> 00:13:53,360 >> Sylwch fod y printf yn dod yn log, a console.log. 285 00:13:53,360 --> 00:13:57,370 Ac nid oes angen i ni wneud y cant p slaes n ac yna pasio yn i. 286 00:13:57,370 --> 00:13:58,380 Alli jyst ddweud i. 287 00:13:58,380 --> 00:14:01,910 A byddai'n argraffu'r rhifau o sero i bedwar. 288 00:14:01,910 --> 00:14:04,830 Os ydych guys am roi cynnig ar hyn, oherwydd chi eich magu bwynt da. 289 00:14:04,830 --> 00:14:08,730 Os ydych eisiau rhedeg y cod hwn ar eich porwr ei hun, byddwn yn argymell bod 290 00:14:08,730 --> 00:14:11,040 pawb yn agor Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome neu unrhyw borwr gwe mewn gwirionedd, ond rwy'n hoffi Google Chrome 292 00:14:14,220 --> 00:14:17,350 oherwydd ei fod yn safonedig iawn. 293 00:14:17,350 --> 00:14:24,240 >> Gallwch fynd i, yr wyf yn credu, os ydych yn gywir cliciwch ar unrhyw wefan, dim ond yn y 294 00:14:24,240 --> 00:14:26,880 gofod gwyn, byddwch yn gweld opsiwn Gelwir Archwilio Elfen. 295 00:14:26,880 --> 00:14:28,810 Mae fel arfer yn yr un olaf. 296 00:14:28,810 --> 00:14:32,630 A phan fyddwch yn clicio arno, dylech gael rhywbeth i'r gwaelod yn ymddangos yma. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Gadewch i mi chwyddo i mewn yma. 299 00:14:37,780 --> 00:14:41,390 Ac mae gennym ychydig o tabs yma. 300 00:14:41,390 --> 00:14:43,580 Yr un yr ydych yn gofalu amdano yw consol. 301 00:14:43,580 --> 00:14:48,820 >> Ac mae hyn yn consol JavaScript y gallwch bellach yn gweithio gyda nhw. 302 00:14:48,820 --> 00:14:49,370 Great. 303 00:14:49,370 --> 00:14:52,560 Felly gallaf deipio yn yr un pethau Yr oeddwn yn teipio o'r blaen yn nod. 304 00:14:52,560 --> 00:14:54,790 Un un a mwy yw dau. 305 00:14:54,790 --> 00:14:59,110 Var yn hafal "Apple". 306 00:14:59,110 --> 00:15:03,430 Ac yna byddwn i'n argraffu, a yw 'Apple'. 307 00:15:03,430 --> 00:15:08,760 Felly, mewn unrhyw borwr gwe, Firefox, Chrome, Safari, beth bynnag rydych yn ei ddefnyddio, fel 308 00:15:08,760 --> 00:15:11,240 belled ag y byddwch yn cael mynediad at JavaScript consol, yr un math o 309 00:15:11,240 --> 00:15:15,520 cod Roeddwn yn rhedeg yn nod i chi Gall rhedeg yn eich consol eich hun. 310 00:15:15,520 --> 00:15:17,530 >> GYNULLEIDFA: [Anghlywadwy]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Sut i cyrraedd y consol? 312 00:15:18,690 --> 00:15:22,880 Rhaid i chi glicio dde ar ofod gwag ar y dudalen, ac yna byddwch yn mynd i 313 00:15:22,880 --> 00:15:26,100 Archwiliwch Elfen. 314 00:15:26,100 --> 00:15:28,290 Felly mewn gwirionedd, hoffwn i chi guys i ddim ond gwnewch yn siŵr y gallwch 315 00:15:28,290 --> 00:15:29,860 Archwiliwch Elfen yn Chrome. 316 00:15:29,860 --> 00:15:32,630 A gweld pan fyddwch yn teipio mewn rhai cod i mewn i'r consol 317 00:15:32,630 --> 00:15:33,880 ei bod yn rhedeg yn iawn. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Teimlwch yn rhydd i ofyn unrhyw gwestiynau os nad yw rhywbeth yn glir yma. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> GYNULLEIDFA: [Anghlywadwy]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Unrhyw fath, ar y dde. 324 00:16:28,200 --> 00:16:31,370 Dim ond un math ar gyfer yr holl newidynnau mewn JavaScript. 325 00:16:31,370 --> 00:16:34,160 A pan fydd yn rhaid i chi ddatgan newidyn, yr ydych yn dweud var. 326 00:16:34,160 --> 00:16:35,410 >> GYNULLEIDFA: [Anghlywadwy]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Yeah. 329 00:16:40,050 --> 00:16:43,730 Mae'n ei wneud, ond yn JavaScript, 'i' iawn smart am ddyrannu cof. 330 00:16:43,730 --> 00:16:44,600 Nid oes unrhyw malloc. 331 00:16:44,600 --> 00:16:45,780 Nid oes unrhyw rhad ac am ddim. 332 00:16:45,780 --> 00:16:48,490 Felly nid oes angen i chi boeni am hynny. 333 00:16:48,490 --> 00:16:51,140 Dyna nodwedd braf arall JavaScript yn rhoi i chi. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Felly, hoffwn symud ymlaen. 336 00:16:58,440 --> 00:17:01,360 A fyddai hynny'n iawn? 337 00:17:01,360 --> 00:17:02,610 OK. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Great. 340 00:17:07,720 --> 00:17:10,660 >> GYNULLEIDFA: Im 'jyst yn cael trafferth dod o hyd i'r [? Archwiliwch Elfen. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: edrych Felly Safari ychydig yn wahanol, ond a ydych yn 343 00:17:16,250 --> 00:17:18,599 cael Chrome neu Firefox? 344 00:17:18,599 --> 00:17:21,619 Dyna'r haws rhai i weithio gyda nhw. 345 00:17:21,619 --> 00:17:25,079 Ac ar gyfer eich prosiectau, rwyf yn argymell cadw at un porwr oherwydd 346 00:17:25,079 --> 00:17:29,610 byddwch yn cael llawer o chwilod bron oherwydd y mae pob porwr yn trin 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML ychydig yn wahanol. 348 00:17:31,980 --> 00:17:35,170 Felly, yr wyf yn meddwl y bydd eich bywyd yn llawer haws os byddwch yn cadw at Chrome oherwydd 349 00:17:35,170 --> 00:17:37,052 mae ar gael ar holl beiriannau. 350 00:17:37,052 --> 00:17:38,790 Ac mae'n porwr eithaf poblogaidd. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 OK? 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Felly, y pwnc nesaf y dylem ymdrin ag ef yn JavaScript - 355 00:18:06,370 --> 00:18:07,730 Mae'n ddrwg gen i am y fformatio yma. 356 00:18:07,730 --> 00:18:11,630 Roedd rhaid i mi ymestyn y sleidiau i gyd-fynd y taflunydd lydan. 357 00:18:11,630 --> 00:18:14,750 Ond byddwn yn awr yn hoffi siarad am sut i wneud swyddogaethau. 358 00:18:14,750 --> 00:18:17,410 Yn C, mae'n rhaid i ni ddatgan pob swyddogaeth. 359 00:18:17,410 --> 00:18:22,130 Fel int ychwanegu, ac mae'n cymryd yn int i x, a int y, ac yna rydym yn eu hychwanegu 360 00:18:22,130 --> 00:18:23,100 a'i dychwelyd. 361 00:18:23,100 --> 00:18:26,850 >> Yn JavaScript, swyddogaethau mewn gwirionedd yn math amrywiol arall. 362 00:18:26,850 --> 00:18:30,560 Felly, rydym yn unig yn dweud var ychwanegu, a mae'n hafal swyddogaeth. 363 00:18:30,560 --> 00:18:32,580 Mae swyddogaeth sy'n cymryd x a y. 364 00:18:32,580 --> 00:18:33,790 A beth mae hynny'n ei swyddogaeth yn ei wneud? 365 00:18:33,790 --> 00:18:39,910 Mae'n dychwelyd x ynghyd y yn yr union yr un cystrawen fel yn C. A ydych yn sylwi bod yn 366 00:18:39,910 --> 00:18:44,290 JavaScript, ni fyddwch yn cael gwybod yr hyn y mae'r yn dychwelyd oherwydd ers 367 00:18:44,290 --> 00:18:49,160 Nid oes gan newidynnau mathau beth bynnag, mae'n nid yw'n wir cynhyrchiol, mae'n debyg, 368 00:18:49,160 --> 00:18:52,855 i gael eu pennu eich holl mathau yn eich swyddogaethau. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 Ac yna pan fyddwch yn ffonio swyddogaeth, mae'n yr un gystrawen union fel C. Chi 371 00:18:59,565 --> 00:19:03,610 dim ond pasio yn eich dau dadleuon. 372 00:19:03,610 --> 00:19:07,330 Hoffwn i roi cynnig ar hyn yn fy nod. 373 00:19:07,330 --> 00:19:09,284 Alla i newid y sleid? 374 00:19:09,284 --> 00:19:10,534 >> GYNULLEIDFA: [Anghlywadwy]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Byddwn yn cael copi o'r sleidiau? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Ydw. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Felly, gadewch i ni fynd yn ôl at nod. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Felly, byddaf yn dweud ychwanegu var hafal swyddogaeth. 382 00:19:38,160 --> 00:19:40,650 Cymryd x, gan gymryd y. 383 00:19:40,650 --> 00:19:43,690 Ac yna mae'n gwybod bod y datganiad yn heb ei gwblhau. 384 00:19:43,690 --> 00:19:47,692 Felly, yn nod neu yn eich consol, byddwch yn sylwi dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Fel y gallwch gadw teipio eich cod. 386 00:19:49,660 --> 00:19:53,650 Ac yn awr byddaf yn dweud dychwelyd x plws y. 387 00:19:53,650 --> 00:19:54,790 Ac yna cau'r Brace. 388 00:19:54,790 --> 00:20:00,260 A'r hyn o bryd yr wyf yn cau'r Brace, mae'n yn gweld bod y datganiad yn cael ei orffen. 389 00:20:00,260 --> 00:20:04,730 >> Ac yn awr y gallaf ddweud ychwanegu un a dau. 390 00:20:04,730 --> 00:20:08,280 A byddaf yn cael tri allan. 391 00:20:08,280 --> 00:20:11,545 Nodwch, os Fi jyst yn ychwanegu, mae'n yn dweud wrthyf ei fod yn swyddogaeth. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 Ac un peth yn unig i dalu sylw i yw os ydych yn rhoi y nifer anghywir o 394 00:20:19,570 --> 00:20:23,380 dadleuon, bydd yn gwneud. 395 00:20:23,380 --> 00:20:25,890 Bydd yn rhedeg, ond efallai y byddwch yn ei gael rhai canlyniadau 'n sylweddol' n annaearol. 396 00:20:25,890 --> 00:20:30,070 Math o fel gwerth garbage, y gallwch chi feddwl am y peth. 397 00:20:30,070 --> 00:20:32,060 Felly, os gwelwch yn dda mynd yn ei flaen ac yn ceisio hyn yn eich porwyr. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> Iawn, felly er budd o amser, 'n annhymerus' bellach yn symud ymlaen at y nodweddion nesaf yn 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Felly, rydym wedi trafod swyddogaethau. 403 00:21:38,400 --> 00:21:40,840 Rydym wedi siarad am dolenni, os ddatganiadau hefyd. 404 00:21:40,840 --> 00:21:43,660 Mae'r gystrawen yn yr un fel C a newidynnau. 405 00:21:43,660 --> 00:21:46,090 Ac yn awr yr wyf am siarad am araeau. 406 00:21:46,090 --> 00:21:48,520 Mae'n ddrwg gen i fod y sleidiau got ychydig yn torri i ffwrdd. 407 00:21:48,520 --> 00:21:52,470 Ond mewn gwirionedd, yn yr adran gyntaf, Bydd popeth rydych ei angen yn gweithio. 408 00:21:52,470 --> 00:21:55,410 >> Felly, rydym wedi fath arall ar gyfer newidynnau a elwir yn araeau. 409 00:21:55,410 --> 00:21:57,930 Ac rydym yn defnyddio cromfachau sgwâr i ddynodi iddynt. 410 00:21:57,930 --> 00:22:01,960 Felly, yn yr enghraifft gyntaf, arr var, array wag. 411 00:22:01,960 --> 00:22:05,900 Mae hyn yn y rhestr yn wag, felly mae amrywiaeth nad ydynt yn cynnwys elfen. 412 00:22:05,900 --> 00:22:09,770 A allwch chi hefyd gael amrywiaeth gyda thri llinynnau. 413 00:22:09,770 --> 00:22:13,290 Yn C, pob elfen yn eich arae gorfod bod yn yr un math. 414 00:22:13,290 --> 00:22:16,940 >> Ond oherwydd yn JavaScript dim ond un math, gall araeau mewn gwirionedd 415 00:22:16,940 --> 00:22:18,510 gwahanol fathau o werthoedd. 416 00:22:18,510 --> 00:22:22,220 Fel yma, mae gennym amrywiaeth gyda yn arnofio, yn bool, a int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Mae'r ffordd yr ydych yn cael hyd o amrywiaeth, Nid oes rhaid i chi ddefnyddio maint y gwirionedd 419 00:22:28,510 --> 00:22:29,030 neu unrhyw beth. 420 00:22:29,030 --> 00:22:31,570 'Ch jyst dweud amrywiaeth a yna dot hyd. 421 00:22:31,570 --> 00:22:36,450 A dot hwn hyd, gallwch chi feddwl am mae'n fath o hoffi strwythur, sut mae pob 422 00:22:36,450 --> 00:22:40,890 amrywiaeth Mae cae, newidyn ychwanegol tu mewn iddo a elwir hyd, sy'n 423 00:22:40,890 --> 00:22:42,910 cadw golwg ar faint o amser eich amrywiaeth yn. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Felly, Im 'jyst yn gyflym yn mynd i fynd i mewn i nod ac yn dangos i chi guys yr un peth. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Felly gallaf gael amrywiaeth. 428 00:22:58,050 --> 00:23:00,280 Gall fod yn y rhestr yn wag. 429 00:23:00,280 --> 00:23:02,030 A bydd yn argraffu mi yn ôl rhestr wag. 430 00:23:02,030 --> 00:23:02,530 Great. 431 00:23:02,530 --> 00:23:08,560 Gallaf yn awr yn dweud bod y casgliad Mae 1, a 2.3, ac yn wir. 432 00:23:08,560 --> 00:23:10,400 Felly, pob math gwahanol. 433 00:23:10,400 --> 00:23:11,740 A ydych yn sylwi ei fod yn gweithio jyst ddirwya. 434 00:23:11,740 --> 00:23:16,330 Mae'r amrywiaeth yr wyf yn mynd yn ôl yn cefnogi pob un o'r gwerthoedd a roddais iddo. 435 00:23:16,330 --> 00:23:20,440 >> Os wyf yn awyddus i gael yr elfen gyntaf yr amrywiaeth, y gystrawen mewn gwirionedd 436 00:23:20,440 --> 00:23:22,980 yr un fath ag yn C. Chi gallu dweud amrywiaeth sero. 437 00:23:22,980 --> 00:23:24,430 A ydych yn cael un. 438 00:23:24,430 --> 00:23:27,920 Gallaf ddweud yr un peth ar gyfer amrywiaeth dau, ac rwy'n cael wir. 439 00:23:27,920 --> 00:23:31,610 Os wyf yn gwneud rhywbeth y tu allan y rhesi, JavaScript yn iaith diogel 440 00:23:31,610 --> 00:23:33,390 oherwydd ni fyddaf yn cael nam SEG. 441 00:23:33,390 --> 00:23:34,780 Byddaf yn cael amhenodol. 442 00:23:34,780 --> 00:23:37,510 >> Ac mae hyn undefined, gallwch math o yn meddwl am y peth fel null. 443 00:23:37,510 --> 00:23:41,390 Ond gall fod yn wirioneddol yn blino pan fyddwch yn cod, oherwydd bydd rhaid i chi wirio bod 444 00:23:41,390 --> 00:23:43,880 bron popeth yr ydych yn ei wneud, byddwch yn yn gweithio gyda yn cael ei diffinio. 445 00:23:43,880 --> 00:23:47,700 A chawn weld rhai enghreifftiau o hyn pan rydym yn gweithio mewn Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Er bod amrywiaeth pedwar wedi'i diffinio, Gallaf bennu ei gwerth. 447 00:23:50,600 --> 00:23:52,570 Felly, 'n annhymerus' yn dweud ei fod yn cyfateb i un. 448 00:23:52,570 --> 00:23:57,050 Ac yna os byddaf yn mynd i amrywiaeth, yr wyf yn cael gwerth ychwanegol yno. 449 00:23:57,050 --> 00:24:02,470 Ac yn sylwi bod amrywiaeth tri, sydd hefyd yn oedd heb eu diffinio, yn aros heb eu diffinio. 450 00:24:02,470 --> 00:24:05,690 Felly, yr wyf yn awr yn cael amrywiaeth gyda twll yn y canol. 451 00:24:05,690 --> 00:24:07,750 Ond os wyf hargraffu array pedwar, Byddwn yn cael un. 452 00:24:07,750 --> 00:24:10,960 Os byddaf yn gwneud amrywiaeth tri, i mi gael amhenodol. 453 00:24:10,960 --> 00:24:13,880 >> Felly, y nodwedd braf bod JavaScript yn caniatáu i chi ei wneud yw y gall rhestrau 454 00:24:13,880 --> 00:24:15,620 newid maint. 455 00:24:15,620 --> 00:24:18,520 Araeau, araeau yn rhestrau, maent yn newid maint. 456 00:24:18,520 --> 00:24:22,480 A allwch chi nodi unrhyw leoliad tu mewn iddynt. 457 00:24:22,480 --> 00:24:25,370 A bydd pob un o'r bylchau yn cael eu llenwi â gwerthoedd anniffiniedig hyn. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Felly, rydym wedi siarad am araeau. 460 00:24:33,450 --> 00:24:37,050 Yn awr, y peth olaf yr wyf am ymdrin yn JavaScript, ac mae hyn yn bwysig iawn 461 00:24:37,050 --> 00:24:39,550 i ddeall yr cod sy'n Rydw i'n mynd i ddangos i chi, 462 00:24:39,550 --> 00:24:41,530 yn mynd i fod gwrthrychau. 463 00:24:41,530 --> 00:24:45,140 A gwrthrychau yn dymor i mewn - 464 00:24:45,140 --> 00:24:47,380 yn y bôn, maent yn bresennol yn lawer o ieithoedd rhaglennu. 465 00:24:47,380 --> 00:24:50,620 Ac mae pob iaith raglennu yn hoffi feddwl ohonyn nhw ychydig yn wahanol. 466 00:24:50,620 --> 00:24:55,050 >> Ond rwy'n credu am Meteor, da cyfatebiaeth yw'r strwythur C. 467 00:24:55,050 --> 00:24:59,410 Yn C, os ydym am ddod o hyd i'r strwythur myfyriwr, byddai'n rhaid i ni nodi holl 468 00:24:59,410 --> 00:25:00,240 pethau tu mewn iddo. 469 00:25:00,240 --> 00:25:01,440 Felly, mae'n rhaid iddo gael enw. 470 00:25:01,440 --> 00:25:02,140 Mae'n rhaid iddo gael blwyddyn. 471 00:25:02,140 --> 00:25:03,650 Mae'n rhaid iddo gael rhyw. 472 00:25:03,650 --> 00:25:07,350 Ond mae'n rhaid i ni hefyd roi i'r mathau yr holl bethau hynny. 473 00:25:07,350 --> 00:25:11,200 >> Ac yn awr bod gennym llwydni hwn ar gyfer y strwythur a elwir myfyrwyr, gallwn gael 474 00:25:11,200 --> 00:25:14,640 strwythur newydd, ac yna gallwn llaw dweud beth mhob un o'r meysydd yn cael eu. 475 00:25:14,640 --> 00:25:17,740 A dyna lle rydym yn defnyddio enw dot, dot flwyddyn, dot rhyw. 476 00:25:17,740 --> 00:25:21,930 Ac yna rydym yn unig, yn y llinell olaf o cod yma, Im 'jyst yn argraffu y 477 00:25:21,930 --> 00:25:24,980 enw'r myfyriwr strwythur. 478 00:25:24,980 --> 00:25:28,220 >> Yn y byd JavaScript, mae oes y fath beth â myfyriwr strwythur. 479 00:25:28,220 --> 00:25:30,660 Nid ydych yn cynhyrchu strwythur rhagosodedig. 480 00:25:30,660 --> 00:25:34,680 Chi mewn gwirionedd yn unig, mewn cromfachau hyn, yr ydych yn dweud beth mae popeth yn. 481 00:25:34,680 --> 00:25:40,680 Ac mae'n y nodiant 'n annaearol gyda'r colon ac yna'r coma, ond wnewch chi helpu 482 00:25:40,680 --> 00:25:41,810 ddod i arfer ag ef yn ddigon buan. 483 00:25:41,810 --> 00:25:44,930 >> Ac mae'n mewn gwirionedd yn hawdd iawn, ffordd hyblyg o ddim ond 484 00:25:44,930 --> 00:25:47,400 trin gwrthrychau. 485 00:25:47,400 --> 00:25:51,270 Byddwch yn sylwi bod os wyf am gael nawr enwi ar ôl, yr wyf yn unig yn ei wneud s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 A oes unrhyw gwestiynau am hyn? 488 00:25:56,790 --> 00:26:00,260 Mae hyn fel arfer wedi bod yn ddryslyd iawn pwnc pan fyddwn yn cyflwyno pobl i 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 'N annhymerus' wneud ychydig o enghreifftiau o hyn yn nod. 491 00:26:04,110 --> 00:26:05,010 Ie? 492 00:26:05,010 --> 00:26:06,260 >> GYNULLEIDFA: [Anghlywadwy]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Felly ydych chi'n gennych enghraifft, lluosog 495 00:26:16,230 --> 00:26:18,764 newidynnau o'r math hwnnw. 496 00:26:18,764 --> 00:26:20,014 >> GYNULLEIDFA: [Anghlywadwy]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> GYNULLEIDFA: [Anghlywadwy]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI: OK. 501 00:26:39,450 --> 00:26:43,760 Felly, yr wyf yn dyfalu y ffordd y byddech yn mynd ati yn byddech yn rhoi gwrthrychau mewn amrywiaeth, 502 00:26:43,760 --> 00:26:45,340 ac yn awr bydd gennych amrywiaeth o wrthrychau. 503 00:26:45,340 --> 00:26:47,547 A yw hynny'n ateb eich cwestiwn? 504 00:26:47,547 --> 00:26:48,797 >> GYNULLEIDFA: [Anghlywadwy]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Ydw. 507 00:26:51,260 --> 00:26:52,430 S yn un gwrthrych. 508 00:26:52,430 --> 00:26:57,455 Fel y gallwn fynd i mewn i nod a dim ond chwarae o gwmpas ychydig. 509 00:26:57,455 --> 00:26:58,705 >> GYNULLEIDFA: [Anghlywadwy]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: O, OK. 512 00:27:05,440 --> 00:27:10,660 Felly, os ydych yn gofyn beth dosbarthiadau, dosbarthiadau yn cael eu trin yn wahanol iawn, 513 00:27:10,660 --> 00:27:14,510 ac mae ganddynt gynllun 'n sylweddol' n annaearol a elwir yn prototeipio, nad ydych yn ei wneud 514 00:27:14,510 --> 00:27:15,620 angen i ni wybod am. 515 00:27:15,620 --> 00:27:17,910 Nid oes unrhyw ffordd sefydlog i wneud hynny. 516 00:27:17,910 --> 00:27:21,160 Felly, os ydych am i gynhyrchu lluosog, byddwch yn Byddai unig fath o swyddogaeth 517 00:27:21,160 --> 00:27:22,100 neu rywbeth. 518 00:27:22,100 --> 00:27:24,340 Ydych yn cynhyrchu eich swyddogaeth ei hun. 519 00:27:24,340 --> 00:27:26,765 A byddech yn dychwelyd gwrthrych. 520 00:27:26,765 --> 00:27:29,550 Dyna fyddai'r hawsaf ffordd i wneud hynny. 521 00:27:29,550 --> 00:27:32,454 A yw hynny'n gwneud synnwyr? 522 00:27:32,454 --> 00:27:33,704 OK. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Great. 525 00:27:36,650 --> 00:27:39,820 Felly, ar ôl i ni gael dealltwriaeth o JavaScript gwrthrychau, maent yn cael eu - 526 00:27:39,820 --> 00:27:41,082 oh, ie. 527 00:27:41,082 --> 00:27:42,026 >> GYNULLEIDFA: [Anghlywadwy] 528 00:27:42,026 --> 00:27:45,802 enghraifft, beth yw'r gwahaniaeth rhwng "Roger" gyda dyfynodau dwbl yn erbyn 529 00:27:45,802 --> 00:27:47,510 [Anghlywadwy] gyda dyfynodau sengl. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Felly, mae hyn yn C, mae gennym y sengl dyfyniadau cynrychioli chars, a dwbl 532 00:27:52,730 --> 00:27:54,550 dyfyniadau cynrychioli llinynnau. 533 00:27:54,550 --> 00:27:57,920 JavaScript mewn gwirionedd yn taflu hyn i ffwrdd oherwydd gallwch gael llinynnau gyda 534 00:27:57,920 --> 00:28:01,570 dyfyniadau sengl neu ddwbl, ac mae oes y fath beth â torgoch sengl. 535 00:28:01,570 --> 00:28:04,400 Ond os ydych yn unig copïo yr un Cod C, JavaScript byddai 536 00:28:04,400 --> 00:28:05,610 drin yn jyst ddirwya. 537 00:28:05,610 --> 00:28:07,710 Pa un yw pam yr wyf yn ei thrin fel - 538 00:28:07,710 --> 00:28:12,540 dyna pam y gallaf llythrennol porthladd y cod yn hynny o beth. 539 00:28:12,540 --> 00:28:15,420 >> Ac yr wyf yn awyddus i ddangos i chi enghraifft gwrthrych yn fwy cymhleth. 540 00:28:15,420 --> 00:28:19,890 Felly, gallwch yn sylwi bod un gwrthrych yn gallu cael llinynnau fel gwerthoedd. 541 00:28:19,890 --> 00:28:21,530 Gall gael rhestr arall o werthoedd. 542 00:28:21,530 --> 00:28:23,820 Gallai gael rhestr o gwrthrychau fel gwerthoedd. 543 00:28:23,820 --> 00:28:25,870 Does dim cyfyngiad i hyn. 544 00:28:25,870 --> 00:28:29,070 Felly dyma, 'i' jyst yn enghraifft dda o sut y gallwch gael llawer 545 00:28:29,070 --> 00:28:33,290 gwahanol fathau mynd ymlaen i gyd yn un gwrthrych. 546 00:28:33,290 --> 00:28:34,540 Yw hyn yn gwneud synnwyr? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Nawr, gallwch hefyd gael araeau o wrthrychau. 549 00:28:44,700 --> 00:28:48,530 A dyma yn fath o debyg i'r hyn yr ydych Gofynnodd, os gallwch gael amcanion o 550 00:28:48,530 --> 00:28:49,190 un math. 551 00:28:49,190 --> 00:28:52,960 Ond y broblem yw, nid oes sefydlog fformat ar gyfer gwrthrychau yn JavaScript. 552 00:28:52,960 --> 00:28:55,020 Felly, rhaid i chi nodi eich hun. 553 00:28:55,020 --> 00:28:57,600 Ac mae'n rhaid i chi wneud yn siŵr eu bod yn unffurf. 554 00:28:57,600 --> 00:29:00,410 Felly dyma, pan fyddaf yn creu gwrthrych, yr wyf wedi i wneud yn siŵr bod pob un yn cael 555 00:29:00,410 --> 00:29:01,910 enw, ac mae pob un wedi tŷ. 556 00:29:01,910 --> 00:29:05,620 >> Ac yna Mae gen i amrywiaeth o hynny, a gall hynny fod fy bwthyn. 557 00:29:05,620 --> 00:29:08,290 Ac yna yma gallwch math o gweler y ddolen ar gyfer mynd ymlaen. 558 00:29:08,290 --> 00:29:14,090 Mae'r am ddolen fod yn ddim ond 'n sylweddol gyffredin ffordd i groesi dros amrywiaeth 559 00:29:14,090 --> 00:29:15,150 yn JavaScript. 560 00:29:15,150 --> 00:29:18,010 Sylwch fod y patrwm hwn yn debyg iawn i'r C cyfatebol, lle rydych yn 561 00:29:18,010 --> 00:29:21,470 cael int i yn hafal i sero. i yn llai na hyd. 562 00:29:21,470 --> 00:29:23,634 Ac yna i yn ogystal a mwy. 563 00:29:23,634 --> 00:29:26,035 >> Mae bron yr un cod, ac eithrio ar gyfer ychydig o fanylion. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Felly, mae pawb yn deall beth yw gwrthrych yn? 566 00:29:33,120 --> 00:29:35,820 Meddyliwch am y peth fel strwythur C. 567 00:29:35,820 --> 00:29:38,784 A'r ffordd yr ydych gael mynediad i'r caeau dim ond gyda dot. 568 00:29:38,784 --> 00:29:41,950 A chyn belled ag y byddwch yn cofio sut i defnyddiwch y dot, byddwch yn iawn. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> Iawn, felly nawr gall pawb yn darllen y cyswllt? 571 00:29:58,790 --> 00:30:02,220 Dyma'r ddolen i'r prosiect. 572 00:30:02,220 --> 00:30:04,950 A oes unrhyw un yn cael trafferth gweld y cysylltiad? 573 00:30:04,950 --> 00:30:06,251 OK, gadewch i ni ei newid wedyn. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Dyw hi ddim yn - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Yeah, dyna mae'n debyg y ffordd hawsaf i wneud hynny. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Great. 580 00:30:34,560 --> 00:30:38,270 >> Felly, os byddwch yn mynd i'r safle hwn, dylai fod bydd rhai gyfarwyddiadau sy'n 'n annhymerus' 581 00:30:38,270 --> 00:30:42,550 mynd drosodd ar sut y gallwn osod Meteor ac yn cael ein rhedeg prosiect sampl. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Yr wyf am sicrhau bod gan bawb y ddolen i lawr cyn i mi symud. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Alla i symud ymlaen? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, mawr. 588 00:31:23,680 --> 00:31:25,890 >> Felly, dyma fi ar y wefan. 589 00:31:25,890 --> 00:31:28,740 Byddwch yn sylwi ar y ffeil darllen, mae gennym rai cyfarwyddiadau ar sut 590 00:31:28,740 --> 00:31:30,200 i gael fed sefydlu. 591 00:31:30,200 --> 00:31:33,920 Mae angen i chi fod yn naill ai yn y CS50 offer neu dim ond ar Mac. 592 00:31:33,920 --> 00:31:35,330 Ni fydd Windows yn gweithio. 593 00:31:35,330 --> 00:31:37,760 Ond yn y bôn unrhyw beth nad yw yn Dylai ffenestri weithio gyda'r rhain 594 00:31:37,760 --> 00:31:39,820 cyfarwyddiadau jyst ddirwya. 595 00:31:39,820 --> 00:31:41,470 Ond gallaf ei wneud yn ychydig yn mwy yn ogystal. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Felly, byddwch yn rhedeg y cyntaf pâr o orchmynion. 598 00:31:48,820 --> 00:31:50,450 Bydd y rhain yn guys yn unig gorsedda Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Gallaf fynd i mewn i fy terfynell. 601 00:31:58,530 --> 00:32:02,710 Ac os wyf yn rhedeg yr un peth yn awr, Yr wyf eisoes wedi ei osod. 602 00:32:02,710 --> 00:32:03,710 Felly mae'n dipyn byrrach. 603 00:32:03,710 --> 00:32:05,155 Efallai y bydd yn cymryd ychydig yn hirach i chi guys. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Ond yr wyf am wneud yn siŵr yn gyntaf bod gennym Meteor rhedeg. 606 00:32:13,530 --> 00:32:16,780 Ar ôl Meteor wedi gosod, dylech yn gallu cael nod yn y consol. 607 00:32:16,780 --> 00:32:19,430 >> GYNULLEIDFA: Maent yn gofyn am gyfrinair. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Byddai hynny'n eich cyfrinair defnyddiwr, os ydych ar Mac. 609 00:32:22,110 --> 00:32:27,030 'I jyst angen caniatâd i addasu rhai ffeiliau system. 610 00:32:27,030 --> 00:32:30,690 Felly, y cwestiwn oedd, os bydd yn gofyn i chi am cyfrinair, 'i' jyst yn gofyn i chi 611 00:32:30,690 --> 00:32:33,510 ar gyfer eich enw defnyddiwr cyfrinair pan byddwch yn logio i mewn i'ch Mac. 612 00:32:33,510 --> 00:32:35,770 Ac mae hyn yn fel y gallwch newid ffeiliau system. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> A phan fyddwch yn barod, gallwch symud ymlaen i'r cam nesaf, a fydd yn copïo'r 615 00:32:51,260 --> 00:32:54,220 sampl cod gennyf o'r wefan. 616 00:32:54,220 --> 00:32:58,330 A byddwch yn cael cyfeiriadur newydd yn eich cyfeiriadur cartref o'r enw leaderboard, a 617 00:32:58,330 --> 00:32:59,670 gallwn ddechrau gweithio oddi yno. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Felly, Im 'jyst yn copïo a gludo y rhain gorchmynion i mewn i fy terfynell. 620 00:33:14,620 --> 00:33:16,780 Ac i mi, yr wyf eisoes wedi'u clonio ei. 621 00:33:16,780 --> 00:33:21,470 Felly, gallaf yn unig yn awr yn symud i arweinwyr. 622 00:33:21,470 --> 00:33:23,450 A dylai gen i ychydig ffeil mewn yno. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Unrhyw gwestiynau? 625 00:33:31,113 --> 00:33:34,430 >> GYNULLEIDFA: [Anghlywadwy] nad ydynt yn gweithio. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: O, byddwch efallai angen git gosod yn ogystal. 627 00:33:36,741 --> 00:33:39,150 >> GYNULLEIDFA: [Anghlywadwy]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Mae'n ddrwg gennyf? 629 00:33:40,162 --> 00:33:41,412 >> GYNULLEIDFA: [Anghlywadwy]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: O, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Mae hynny oherwydd efallai y bydd angen i chi fod yn logio i mewn i GitHub i gael y ddolen hon. 634 00:33:52,860 --> 00:33:58,160 Os gallwch chi guys weld, yr hawsaf ffordd i wneud hynny byddwn wedyn ddweud yw 635 00:33:58,160 --> 00:33:59,270 lawrlwytho'r zip. 636 00:33:59,270 --> 00:34:02,010 A bydd hyn yn jyst download holl ffeiliau. 637 00:34:02,010 --> 00:34:05,510 Ac yna ar ôl i chi roi yn eich lawrlwytho neu eich cyfeiriadur cartref - 638 00:34:05,510 --> 00:34:07,360 Rwy'n argymell ei roi yn eich cyfeiriadur cartref er mwyn i ni i gyd 639 00:34:07,360 --> 00:34:09,210 rhedeg yr un gorchmynion. 640 00:34:09,210 --> 00:34:15,230 Cyn belled â bod gennym y ffeiliau, byddwn yn yn gallu dechrau gweithio gyda hwy. 641 00:34:15,230 --> 00:34:17,969 Gadewch i mi wybod os yw pobl yn cael trafferth lwytho i lawr y ffeiliau. 642 00:34:17,969 --> 00:34:21,040 >> GYNULLEIDFA: Drwy cyfeiriadur cartref, ydych yn ei olygu - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Felly cyfeiriadur cartref y byddai fod John Harvard, os ydych yn 644 00:34:24,989 --> 00:34:27,460 yr offer CS50. 645 00:34:27,460 --> 00:34:33,651 I gyrraedd eich cyfeiriadur cartref, jyst deipio i mewn C. 646 00:34:33,651 --> 00:34:34,145 >> GYNULLEIDFA: [Anghlywadwy] 647 00:34:34,145 --> 00:34:37,610 Offer CS50 [Anghlywadwy]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Ydw. 649 00:34:38,650 --> 00:34:40,480 Byddwch am redeg y gorchmynion yn eich terfynell. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> GYNULLEIDFA: [Anghlywadwy]. 652 00:34:45,390 --> 00:34:50,800 Cefais gwall sy'n dweud dim ffeil neu cyfeiriadur o'r fath. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Gallwn gymryd yn gyflym torri a dim ond gwneud yn siwr bod 654 00:34:52,739 --> 00:34:56,760 gan bawb Meteor gosod, ac 'n annhymerus' dim ond yn mynd ceisio helpu pobl allan. 655 00:34:56,760 --> 00:34:59,130 Os gwelwch yn dda ceisio helpu ei gilydd os ydych yn rhedeg i mewn i broblemau. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Mae'n ddrwg gennym, yeah. 658 00:35:05,580 --> 00:35:08,930 A ydych yn y teclyn? 659 00:35:08,930 --> 00:35:09,350 >> GYNULLEIDFA: Yeah. 660 00:35:09,350 --> 00:35:13,190 Mae gen i'r Risa 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Os byddwch yn mynd yn ôl at y wefan, mynd sgrolio i fyny i'r brig. 663 00:35:20,740 --> 00:35:23,580 Ac mae HTTPS hwn. 664 00:35:23,580 --> 00:35:25,810 >> GYNULLEIDFA: Copi hyn? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Yeah. 666 00:35:26,230 --> 00:35:28,950 Ac yna rydych am ei deipio i mewn clôn git. 667 00:35:28,950 --> 00:35:30,814 Felly, os ydych yn bwyso Control A - 668 00:35:30,814 --> 00:35:33,718 >> GYNULLEIDFA: Yma? 669 00:35:33,718 --> 00:35:36,410 A pheidiwch [Anghlywadwy]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> GYNULLEIDFA: [Anghlywadwy]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git ac yna clonio. 674 00:35:42,670 --> 00:35:46,610 Felly mae'n debyg iawn i'r gorchymyn i chi Roedd uchod, ond newidiodd y URL. 675 00:35:46,610 --> 00:35:49,010 Felly, cyn iddo gael ei hyn, yn awr ei fod yn hyn. 676 00:35:49,010 --> 00:35:50,680 Gadewch i mi ddiweddaru'r - 677 00:35:50,680 --> 00:35:51,354 yeah. 678 00:35:51,354 --> 00:35:52,604 >> GYNULLEIDFA: [Anghlywadwy]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Mae hyn yn llwytho i lawr. 681 00:35:58,076 --> 00:35:59,326 >> GYNULLEIDFA: [Anghlywadwy]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: O, felly mae'n Nid oedd clôn yn gywir. 684 00:36:05,690 --> 00:36:07,920 Byddaf yn atgyweiria hynny. 685 00:36:07,920 --> 00:36:10,190 Mae gwall â cheisio i lawrlwytho'r ffeiliau. 686 00:36:10,190 --> 00:36:13,820 Gadewch i mi diweddaru'r gorchymyn i chi guys fel y gallaf wneud yn siŵr y bydd yn gweithio. 687 00:36:13,820 --> 00:36:17,025 Mae'n ddrwg gen i am hynny. 688 00:36:17,025 --> 00:36:21,618 Dylai fod yn yr un fath ar gyfer Macs neu offer CS50. 689 00:36:21,618 --> 00:36:22,868 >> GYNULLEIDFA: [Anghlywadwy]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Rwyf wedi diweddaru y gorchymyn ar gyfer rhif dau, os 692 00:36:51,190 --> 00:36:52,910 chi adnewyddu'r dudalen. 693 00:36:52,910 --> 00:36:56,520 A gyda hyn, URL, dylech fod yn gallu lawrlwytho ffeiliau. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> GYNULLEIDFA: Felly os ydym yn dal i llwytho i lawr [Anghlywadwy]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Os ydych yn yn dal i lwytho i lawr Meteor? 697 00:37:05,930 --> 00:37:07,180 >> GYNULLEIDFA: [Anghlywadwy]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Oes, os ydych am i ddatblygu ar eich Mac. 700 00:37:11,910 --> 00:37:14,145 Ond mae angen i'r datblygwr Xcode offer gosod. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Rwyf wedi profi gorchmynion hyn ar y CS50 offer, fel y gallaf warantu 703 00:37:24,550 --> 00:37:25,440 y bydd yn gweithio. 704 00:37:25,440 --> 00:37:26,710 Ie. gadewch i mi fynd ac yn eich helpu. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> GYNULLEIDFA: [Anghlywadwy]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Yr wyf yn rhoi fy nghyfrinair. 709 00:37:40,372 --> 00:37:42,240 Mae hyn yn Mac. 710 00:37:42,240 --> 00:37:43,490 Ac yna yr wyf yn ei wneud [Anghlywadwy]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI: OK. 713 00:37:52,580 --> 00:37:57,080 Byddwn yn ceisio rhedeg yr holl orchmynion yn unig yn y derfynell offer CS50. 714 00:37:57,080 --> 00:37:58,330 >> GYNULLEIDFA: [Anghlywadwy]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Byddwn yn cael ei gweithio cyntaf ar y derfynell, ar y 717 00:38:02,570 --> 00:38:04,830 Offer CS50, ac yna y derfynell Mac. 718 00:38:04,830 --> 00:38:08,130 >> GYNULLEIDFA: Felly, os ydych yn ei wneud ar y CS50 llosgydd fel 'na, [Anghlywadwy]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Hoffwn symud ar, ond os yw pobl yn dal i gael 721 00:38:15,850 --> 00:38:20,190 trafferth sefydlu Meteor, Kevin yn fwy na pharod i'ch helpu chi guys allan, 722 00:38:20,190 --> 00:38:21,440 Kevin yn y crys llwyd. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Beth ddylem ni ei gael yw ein bod yn mynd i rhedwch y gorchymyn olaf, rhif tri, yn 725 00:38:32,170 --> 00:38:33,710 ein terfynell. 726 00:38:33,710 --> 00:38:37,320 Pan fyddwn yn gwneud hynny, byddwn yn rhedeg Meteor. 727 00:38:37,320 --> 00:38:39,040 >> A dylech - 728 00:38:39,040 --> 00:38:41,200 oh, yr wyf eisoes wedi Meteor rhedeg. 729 00:38:41,200 --> 00:38:45,230 Felly, nid yw'n mynd i adael - gadewch i mi dim ond cau fy Meteor eraill. 730 00:38:45,230 --> 00:38:49,640 Pan fyddaf yn rhedeg Meteor, rydych yn Dylech yn awr weld hynny - 731 00:38:49,640 --> 00:38:51,490 dylech fynd i weld y cyfeiriadur cyfredol ei fod yn gwasanaethu. 732 00:38:51,490 --> 00:38:55,476 Ac yn awr ei fod yn mynd i ddweud y gweinydd yn rhedeg ar http://localhost. 733 00:38:55,476 --> 00:38:58,860 Dyna yr URL rydych eisiau rhoi mewn yn eich porwr gwe. 734 00:38:58,860 --> 00:39:05,410 >> Ac ar y URL, dylech fod yn gallu mynediad at arweinwyr bach neis. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Felly sylwi bod hwn ar localhost, sy'n golygu os byddwch yn gwneud unrhyw 737 00:39:14,530 --> 00:39:17,320 newidiadau, nid ydych yn mynd i gweld newidiadau gilydd. 738 00:39:17,320 --> 00:39:20,830 Tra ar y wefan wyf yn dangos i chi ar y dechrau, gallem gael 739 00:39:20,830 --> 00:39:23,380 newidiadau pawb gan fod pawb yn cael mynediad at yr un wefan. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Felly, gadewch i mi jyst yn mynd at [? gair?] 742 00:39:29,540 --> 00:39:35,570 3,000. 743 00:39:35,570 --> 00:39:38,820 Felly, dylech fod yn gallu i ddim ond cadarnhau bod rhaid i'r gwaith. 744 00:39:38,820 --> 00:39:44,790 Gallwch ddewis gwahanol bobl, ac y gallwch ei roi gwahanol bwyntiau iddynt. 745 00:39:44,790 --> 00:39:46,710 Felly, yr wyf yn rhoi pwyntiau rhywun. 746 00:39:46,710 --> 00:39:50,420 Gallwch hefyd weld bod maent yn codi yn rheng. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Nawr, er budd pryd, mae yn dair nodwedd yr wyf i wedi 749 00:39:57,360 --> 00:39:58,020 rhoi ar waith. 750 00:39:58,020 --> 00:40:03,760 Ac rydym yn mynd i weithredu dileu defnyddwyr fel ein nodwedd gyntaf. 751 00:40:03,760 --> 00:40:06,360 Ond cyn i ni symud ymlaen, yn cael eu A oes unrhyw gwestiynau? 752 00:40:06,360 --> 00:40:09,010 Rydych yn cael eich llaw i fyny. 753 00:40:09,010 --> 00:40:10,480 Ie? 754 00:40:10,480 --> 00:40:11,730 >> GYNULLEIDFA: [Anghlywadwy]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Allwch chi wirio y Meteor yn cael ei osod? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> GYNULLEIDFA: [Anghlywadwy]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: cynnal Lleol 3,000? 761 00:40:32,680 --> 00:40:36,550 Ac ydych chi yn y peiriant CS50? 762 00:40:36,550 --> 00:40:37,800 Gallaf ei wneud - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 Nid oes rhaid i chi fod ar Mac. 765 00:40:41,210 --> 00:40:43,558 Bydd hyn yn gweithio yn yr offer. 766 00:40:43,558 --> 00:40:45,880 >> GYNULLEIDFA: [Anghlywadwy]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: Yn arferol porwr gwe, yeah. 768 00:40:47,520 --> 00:40:49,170 >> GYNULLEIDFA: [Anghlywadwy]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Ydy rhedeg Meteor? 770 00:40:52,100 --> 00:40:54,180 Felly OK, mae gwahaniaeth yma. 771 00:40:54,180 --> 00:40:56,300 Os ydych yn rhedeg yn y offer, rhaid i chi wneud 772 00:40:56,300 --> 00:40:58,400 localhost o fewn yr offer. 773 00:40:58,400 --> 00:41:00,860 Os ydych yn rhedeg yn eich Mac, fel yr wyf fi, yna gallaf ei wneud 774 00:41:00,860 --> 00:41:02,460 fy Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Ond os ydych chi'n defnyddio'r offer CS50, rhaid i chi wneud popeth 776 00:41:05,520 --> 00:41:06,350 yn y peiriant. 777 00:41:06,350 --> 00:41:09,022 Felly, rhaid i chi ddefnyddio Google Chrome yn y peiriant. 778 00:41:09,022 --> 00:41:10,350 >> GYNULLEIDFA: [Anghlywadwy]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Mae'n LandLine yn dal i ddim yn gweithio? 780 00:41:12,188 --> 00:41:13,438 >> GYNULLEIDFA: [Anghlywadwy]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Felly, dim ond i ailadrodd, sut yr ydych yn cael mynediad i'r wefan nawr. 783 00:41:42,390 --> 00:41:46,380 Mae gennych URL yma ar localhost 3,000. 784 00:41:46,380 --> 00:41:49,600 Os ydych chi yn y peiriant CS50, rhaid i chi agor CS50 785 00:41:49,600 --> 00:41:51,320 Google Chrome offer yn. 786 00:41:51,320 --> 00:41:54,850 Ac yn y Google Chrome o fewn y offer, gallwch deipio yn y URL, 787 00:41:54,850 --> 00:41:56,400 a dylech weld arweinwyr. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Felly, yr wyf i'n mynd i ychydig roi i ffwrdd i'r ochr yma ychydig. 790 00:42:04,800 --> 00:42:09,600 Ac yn awr yr wyf i'n mynd i agor fy golygydd testun dros yma. 791 00:42:09,600 --> 00:42:16,040 Felly, gadewch i mi ond gwnewch yn siŵr bod y cod mewn trefn. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Great. 794 00:42:19,750 --> 00:42:22,360 >> Hoffwn yn awr cerdded trwy y cod ychydig. 795 00:42:22,360 --> 00:42:26,110 Ac y ffeil gyntaf hoffwn i ddechrau gyda yw leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Byddwch yn gallu cael y cod hwn ar ôl y seminar, felly Fi jyst eisiau dangos 797 00:42:31,520 --> 00:42:33,960 chi ar fy nghyfrifiadur beth sy'n mynd ymlaen. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Felly, yr wyf yn gobeithio y gall pawb yn gweld hyn. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Felly, ar y cychwyn cyntaf y ffeil, rydym yn wedi ein pennaeth a'r teitl, sy'n 802 00:42:51,590 --> 00:42:54,510 yn debyg i'r hyn a welsom ym mhob dogfen HTML. 803 00:42:54,510 --> 00:42:56,990 Ac yna rydym yn mynd i gael y tag corff yma. 804 00:42:56,990 --> 00:42:59,920 >> Yr hyn yr wyf wedi dewis yw'r brif corff, yn y bôn yr hyn sydd 805 00:42:59,920 --> 00:43:01,470 mynd i gael eu harddangos. 806 00:43:01,470 --> 00:43:05,560 Ond mae rhai nad ydynt yn HTML newydd pethau, ac sydd yn y 807 00:43:05,560 --> 00:43:06,710 cromfachau ongl dwbl. 808 00:43:06,710 --> 00:43:08,600 Ac mae'r rhain yn tagiau templed. 809 00:43:08,600 --> 00:43:13,770 Felly, byddwch yn gweld yma braced hwn arweinwyr newydd braced. 810 00:43:13,770 --> 00:43:17,390 Ac mae hyn yn fath o - feddwl am y peth â galw swyddogaeth i'r HTML. 811 00:43:17,390 --> 00:43:19,320 >> Mae hwn yn fersiwn arbennig o HTML. 812 00:43:19,320 --> 00:43:22,730 Mae'n y fersiwn sy'n defnyddio Meteor, a oedd yn Dyna pam y gallwch arddangos gwahanol 813 00:43:22,730 --> 00:43:26,190 pethau, fel yr arweinwyr enwau a botymau. 814 00:43:26,190 --> 00:43:30,870 Ond arweinwyr yn dweud wrthych i fynd i'r templed gydag enw leaderboard. 815 00:43:30,870 --> 00:43:34,746 Felly nid templed yn cael ei arddangos gan ei hun, ond mae'n swyddogaeth, felly mae'n 816 00:43:34,746 --> 00:43:35,390 Bydd yn cael eu galw. 817 00:43:35,390 --> 00:43:41,030 A byddwch yn lle yn hyn i gyd cod dde yma i arweinwyr. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Mae'r rhan diddorol o leaderboard yma yn unig y tabl hwn. 820 00:43:48,820 --> 00:43:52,910 Os ydych yn unig yn ei ddarllen, ddarllen y cod hwn yn uchel, dylai fod yn reddfol 821 00:43:52,910 --> 00:43:57,390 oherwydd bod arweinwyr, popeth o fewn ein gennym yma yw bwrdd. 822 00:43:57,390 --> 00:44:00,410 Mae'r pethau dosbarth ID nad ydych yn Mae angen i chi boeni am. 823 00:44:00,410 --> 00:44:02,460 Dim ond yn gwybod bod yna pennawd y tabl. 824 00:44:02,460 --> 00:44:03,630 Dyna thead hwn. 825 00:44:03,630 --> 00:44:06,860 >> Ac mae'n dod o hyd i enw a sgôr. 826 00:44:06,860 --> 00:44:12,150 Pob tag hyn, fel thtable, thead, byddwch yn unig yn dysgu wrth fynd ymlaen. 827 00:44:12,150 --> 00:44:15,540 Dyw hi ddim yn bwysig eich bod yn cofio hyn gan gallwch gael gafael ar unrhyw 828 00:44:15,540 --> 00:44:16,520 cyfeirio ar-lein. 829 00:44:16,520 --> 00:44:20,610 Neu erbyn diwedd y semester, mae'r rhain yn Bydd yn unig yn gyfarwydd iawn gyda chi. 830 00:44:20,610 --> 00:44:22,840 >> Ar ôl y pennawd y tabl, mae'r ran yr wyf am dynnu eich 831 00:44:22,840 --> 00:44:24,900 sylw iddo yw h hwn tag. 832 00:44:24,900 --> 00:44:27,180 Oherwydd ei fod mewn cromfachau dwbl, mae'n templed. 833 00:44:27,180 --> 00:44:30,980 Felly, mae hynny'n golygu ar gyfer pob un o'r chwaraewyr, beth bynnag chwaraewyr yw, mae'n rhaid i ni 834 00:44:30,980 --> 00:44:31,500 arddangos. 835 00:44:31,500 --> 00:44:32,965 Ac rydym yn mynd i'r templed chwaraewr. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Os byddwn yn sgroliwch i lawr ychydig yn fwy - 838 00:44:39,890 --> 00:44:40,980 Yr wyf yn gobeithio y gall pawb weld hynny. 839 00:44:40,980 --> 00:44:42,900 Mae gennym y templed chwaraewr. 840 00:44:42,900 --> 00:44:49,080 Ac mae templed hwn yn y bôn yn diffinio cell bwrdd, lle rydych yn ei roi yn y enw 841 00:44:49,080 --> 00:44:50,330 yma ac y sgôr. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Zoom allan yn awr, gallwn weld y darn hwn o god - 844 00:44:56,720 --> 00:44:59,060 a dyna oedd ein chwaraewr i lawr yno - 845 00:44:59,060 --> 00:45:01,070 yn diffinio un o'r celloedd hyn. 846 00:45:01,070 --> 00:45:02,890 Mae pob peth yr wyf glicio yn dod yn felyn. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Ffordd syml y gallwn i newid yn awr. 849 00:45:08,660 --> 00:45:10,150 Gwnewch yn siŵr Meteor yn dal i redeg. 850 00:45:10,150 --> 00:45:12,540 Dylai Meteor fod yn broses gweinydd, er mwyn i chi ei adael 851 00:45:12,540 --> 00:45:14,020 redeg pan fyddwch yn datblygu. 852 00:45:14,020 --> 00:45:18,280 Lets 'ddeud fy mod am newid yr holl enwau neu y sgôr. 853 00:45:18,280 --> 00:45:23,320 A byddwn yn dweud fy mod i'n mynd i ychwanegu pwyntiau yma. 854 00:45:23,320 --> 00:45:27,215 Felly, y newid wneuthum yma oedd, yn hytrach na sgôr yn unig, yr wyf yn 855 00:45:27,215 --> 00:45:30,280 ychwanegu pwyntiau gofod sgôr. 856 00:45:30,280 --> 00:45:32,775 >> Rydw i'n mynd i chwyddo allan, ac rwy'n mynd i achub fy ffeil. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 Ac ar ôl i mi arbed fy ffeil, Fi angen i wneud yn siŵr Meteor yn rhedeg. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Mae'n ddrwg gennyf am hynny. 861 00:45:57,610 --> 00:46:00,330 Yr wyf yn awyddus i ddangos i chi golygiadau eu gwneud mewn amser real. 862 00:46:00,330 --> 00:46:06,180 Felly, 'n annhymerus' jyst newid rhai testun. 863 00:46:06,180 --> 00:46:07,600 Cliciwch chwaraewr. 864 00:46:07,600 --> 00:46:10,040 Rydw i'n ei roi ym mhob gapiau. 865 00:46:10,040 --> 00:46:14,540 A dylai fod yn bod os yw hyn yn gweithio yn briodol, pan fyddaf yn ei arbed, mae'n 866 00:46:14,540 --> 00:46:16,801 Byddai diweddaru. 867 00:46:16,801 --> 00:46:20,420 >> Oh, yr wyf yn meddwl ar hyn o bryd yw'r broblem Dydw i ddim yn y cyfeiriadur cywir. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 OK. 870 00:46:26,870 --> 00:46:28,160 Mae'n ddrwg gen i am hynny. 871 00:46:28,160 --> 00:46:32,860 Felly dyma, yr hyn y byddwch yn sylwi ei aeth fy newid drwy. 872 00:46:32,860 --> 00:46:34,540 Yn awr yn dweud fy mod yn awyddus i adfer y newid. 873 00:46:34,540 --> 00:46:36,200 Dw i eisiau mynd yn ôl at yr hyn yr wyf wedi. 874 00:46:36,200 --> 00:46:37,640 Im 'jyst yn mynd i deipio fel arfer. 875 00:46:37,640 --> 00:46:39,180 Cliciwch chwaraewr. 876 00:46:39,180 --> 00:46:42,920 >> Mae hyn o bryd i'n arbed, mae'r safle adnewyddu i mi. 877 00:46:42,920 --> 00:46:44,740 Ac yr wyf yn gweld fy newid ar y safle yn syth. 878 00:46:44,740 --> 00:46:48,170 Mae hyn yn nodwedd yn ddefnyddiol iawn yn debugging oherwydd erbyn hyn 879 00:46:48,170 --> 00:46:49,640 Nid oes gennyf i - 880 00:46:49,640 --> 00:46:52,920 pan fyddwn yn ysgrifennu C cod, nid yn unig a wnaethom rhaid i achub y ffeil, ond roedd rhaid i ni 881 00:46:52,920 --> 00:46:54,750 yn ei gwneud yn ac yna rhedeg eto. 882 00:46:54,750 --> 00:46:58,750 Meteor yn neis iawn oherwydd yn wahanol i C, o bryd i chi arbed eich HTML neu 883 00:46:58,750 --> 00:47:01,070 JavaScript ffeil, gall y newid yn dangos i fyny ar unwaith. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Un cwestiwn yw, yn y templedi hyn, sut y ydw i'n cael y gwerthoedd fel chwaraewyr 886 00:47:09,140 --> 00:47:11,520 neu ddewis enw? 887 00:47:11,520 --> 00:47:17,130 Os byddaf yn chwyddo i mewn yma i mewn i fy cod, Rwy'n gweld hyn ar gyfer pob chwaraewr. 888 00:47:17,130 --> 00:47:19,970 Felly, y templed yn gwybod bod Mae gen i chwaraewyr rywsut. 889 00:47:19,970 --> 00:47:22,110 Ac mae'n gwybod bod yna enw a ddewiswyd. 890 00:47:22,110 --> 00:47:23,220 Ble mae hyn yn dod? 891 00:47:23,220 --> 00:47:25,180 Mae hynny'n dod o'r JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> Ac os byddwch yn mynd i leaderboard.js, mae hyn yn ffeil, erbyn hyn pan fyddaf yn mynd yma, mae gennym 893 00:47:30,980 --> 00:47:33,460 diffinio ychydig gorchmynion. 894 00:47:33,460 --> 00:47:36,400 Mae hyn yn cystrawen Meteor arbennig. 895 00:47:36,400 --> 00:47:38,600 Sylwch nad oes angen i chi VARs neu unrhyw beth. 896 00:47:38,600 --> 00:47:42,990 Ond mae'r rhain yn unig structs ar structs ar structs neu gwrthrychau hyn. 897 00:47:42,990 --> 00:47:45,910 A'r holl dwi'n diffinio yw'r templed a elwir yn arweinwyr. 898 00:47:45,910 --> 00:47:47,900 >> Dylai arweinwyr gael beth a elwir yn chwaraewyr. 899 00:47:47,900 --> 00:47:48,840 A beth yw chwaraewyr? 900 00:47:48,840 --> 00:47:51,860 Mae'n beth bynnag ymadrodd hwn yn dychwelyd. 901 00:47:51,860 --> 00:47:53,020 A beth yw enw a ddewiswyd? 902 00:47:53,020 --> 00:47:54,630 Mae'n ychydig cod mwy. 903 00:47:54,630 --> 00:47:56,810 Mae manylion y cod byddwn ni cwmpasu ychydig yn ddiweddarach. 904 00:47:56,810 --> 00:48:02,210 Ond ar hyn o bryd yr wyf am i chi ddeall bod yn y cod hwn, rydym yn cymryd 905 00:48:02,210 --> 00:48:04,350 chwaraewyr, ac rydym yn rhoi gwerth. 906 00:48:04,350 --> 00:48:07,000 Yn yr achos hwn, mae'n swyddogaeth sy'n cael ei weithredu. 907 00:48:07,000 --> 00:48:10,290 Felly, gallwn gael y gwerth yn ôl pan fyddwn yn rhedeg y swyddogaeth. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Mae hyn yn log. 910 00:48:13,520 --> 00:48:14,770 A yw hynny'n gwneud synnwyr? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Gallaf newid y ffordd y mae'n cael ei datrys. 913 00:48:25,010 --> 00:48:27,230 Yma, mae gwrthrych fath. 914 00:48:27,230 --> 00:48:31,660 A beth mae hyn yn ei ddweud yw fy mod i'n mynd i ddatrys yn ôl sgôr i lawr yn gyntaf a 915 00:48:31,660 --> 00:48:33,170 Yna enw esgynnol. 916 00:48:33,170 --> 00:48:36,630 Os byddaf yn newid hyn i un, mae'n mynd i ddatrys esgynnol sgôr. 917 00:48:36,630 --> 00:48:39,120 Felly dylai fod yn sero ar y brig. 918 00:48:39,120 --> 00:48:43,370 A phan wyf yn chwyddo i mewn i fy gwefan, rydym yn yn awr yn gweld bod y wefan ei diweddaru. 919 00:48:43,370 --> 00:48:44,923 Ac mae'r sgôr yn esgyn. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Mae'r swyddogaeth nesaf Fi jyst eisiau ymwneud ag ef yw cliciwch cynyddiad. 922 00:48:53,980 --> 00:48:57,910 Allan o ddiddordeb o amser, nid wyf yn yn gallu ymdrin â mwy o'r Meteor 923 00:48:57,910 --> 00:49:00,690 cod, ond mae digon o adnoddau sydd ar gael, a byddaf yn 924 00:49:00,690 --> 00:49:03,560 yma ar ôl y seminar. 925 00:49:03,560 --> 00:49:07,680 Ond yr wyf am i dalu am digwyddiadau leaderboard. 926 00:49:07,680 --> 00:49:10,520 Mae'r gystrawen byddwch yn dysgu ychydig yn ddiweddarach yn y ddarlith. 927 00:49:10,520 --> 00:49:12,870 Mae hyn yn JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Rydym yn jyst yn deud, pan gawn cliciwch, ac mae'n ar y cynyddiad, mae hyn yn 929 00:49:16,720 --> 00:49:19,160 hash yn unig yn golygu adnabod. 930 00:49:19,160 --> 00:49:23,945 Ar y tag adnabod cynyddiad, yna rydym am i ddiweddaru - y geiriau allweddol rwyf am i chi 931 00:49:23,945 --> 00:49:26,740 i wylio yn diweddaru a dethol a chwaraewr. 932 00:49:26,740 --> 00:49:29,080 Felly, pa un bynnag chwaraewr a ddewiswyd, rydym yn ei ddiweddaru. 933 00:49:29,080 --> 00:49:31,260 A beth ydym yn ei wneud yw ein cynyddiad ei sgôr gan bum. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 A fydd yn disgrifio'r ymarferoldeb sydd gennym yma. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Ar ôl diwedd y seminar hwn, rydym yn annhymerus ' yn gallu gweld rhywfaint o cod mwy. 938 00:49:54,510 --> 00:50:00,400 Ond gan fynd yn ôl at fy nod yr wyf am ei newid y safle, roeddwn i eisiau dros yma 939 00:50:00,400 --> 00:50:03,400 i ychwanegu botwm tynnwch felly Gallaf dileu y chwaraewr. 940 00:50:03,400 --> 00:50:05,390 Felly, er mwyn gwneud hynny, mae angen imi i wneud dau beth. 941 00:50:05,390 --> 00:50:09,680 Angen i mi ddiweddaru'r HTML, diweddaru'r edrych ar, yr hyn sy'n cael ei ddangos i'r defnyddiwr, ac 942 00:50:09,680 --> 00:50:15,080 Yna cael rhywfaint o JavaScript, pan fydd y botwm yn cael ei bwyso, Meteor yn mynd 943 00:50:15,080 --> 00:50:15,690 i wneud rhywbeth. 944 00:50:15,690 --> 00:50:18,040 Mae'n mynd i gael gwared ar y chwaraewr. 945 00:50:18,040 --> 00:50:20,720 >> Felly, mae llawer o ddarnau o god sydd wedi bôn eisoes 946 00:50:20,720 --> 00:50:22,610 cael ei wneud i mi. 947 00:50:22,610 --> 00:50:26,160 Os wyf yn edrych yma, yr wyf eisoes wedi ffordd o gael y chwaraewr dethol. 948 00:50:26,160 --> 00:50:29,880 Dyna pethau hyn, os gallwch ei weld. 949 00:50:29,880 --> 00:50:31,346 Felly, os wyf yn unig - 950 00:50:31,346 --> 00:50:35,160 Rydw i'n mynd i gael digwyddiad arall. 951 00:50:35,160 --> 00:50:37,900 Felly, yr wyf i'n mynd i gopïo yr hyn yr wyf wedi. 952 00:50:37,900 --> 00:50:40,740 Gan fod hwn yn rhestr, Fi jyst angen atalnod. 953 00:50:40,740 --> 00:50:45,480 >> Felly, yn awr yr wyf i'n mynd i glicio dileu. 954 00:50:45,480 --> 00:50:48,840 Ac yna yn lle diweddariad chwaraewyr, Rydw i'n mynd i wneud chwaraewyr dileu. 955 00:50:48,840 --> 00:50:51,620 A'r holl chwaraewyr dileu anghenion yn chwaraewr dethol. 956 00:50:51,620 --> 00:50:56,500 Felly swyddogaeth hyn i gyd ei angen arnom. 957 00:50:56,500 --> 00:51:01,550 Mae angen i mi ychwanegu rhai HTML yma er. 958 00:51:01,550 --> 00:51:05,180 Felly os wyf yn sgroliwch i lawr yma, dyma'r safbwynt HTML. 959 00:51:05,180 --> 00:51:08,300 Cawsom beth yma, a oedd yn tag. 960 00:51:08,300 --> 00:51:09,610 Nid oes angen i chi boeni am hynny. 961 00:51:09,610 --> 00:51:12,000 >> Yr hyn sy'n bwysig i chi yw hwn cynyddiad adnabod. 962 00:51:12,000 --> 00:51:14,990 Ac mae hyn yn yr hyn ein galluogi i ddweud, pan rydym yn clicio cynyddiad, mae'n rhaid i ni 963 00:51:14,990 --> 00:51:16,410 rhoi pum pwynt. 964 00:51:16,410 --> 00:51:18,240 A byddwch yn gweld bod hyn yn botwm. 965 00:51:18,240 --> 00:51:20,150 Dyna beth mae'r Btn yn ei olygu. 966 00:51:20,150 --> 00:51:23,190 Ac mae'r testun yn y botwm yn rhoi pum pwynt. 967 00:51:23,190 --> 00:51:26,440 Felly, yr hyn yr wyf i'n mynd i wneud yw fy mod mynd i gopïo y llinell hon. 968 00:51:26,440 --> 00:51:29,910 Rydw i'n mynd i newid y adnabod i ddileu. 969 00:51:29,910 --> 00:51:34,310 Ac yr wyf i'n mynd i newid y testun yma i ddileu. 970 00:51:34,310 --> 00:51:35,980 >> Felly gwnewch yn siŵr bod popeth yn arbed. 971 00:51:35,980 --> 00:51:39,010 Dw i eisiau mynd yn ôl i fy JavaScript i wneud yn siŵr fy mod wedi 972 00:51:39,010 --> 00:51:40,880 dileu leinio i fyny yma. 973 00:51:40,880 --> 00:51:41,780 Da. 974 00:51:41,780 --> 00:51:43,145 Felly, yr wyf i'n mynd i arbed ffeiliau. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Ar ôl arbed ffeiliau, rydym yn Gall fynd yn ôl i'r gwaelod. 977 00:51:49,320 --> 00:51:51,550 Ac yn awr rydym yn gweld gennym a dileu botwm. 978 00:51:51,550 --> 00:51:56,050 Ac un yn fwy cam. 979 00:51:56,050 --> 00:51:58,200 Byddwch yn sylwi efallai y byddwch yn cael gwall oherwydd pan fyddaf yn clicio 980 00:51:58,200 --> 00:52:00,610 dileu, dim byd yn digwydd. 981 00:52:00,610 --> 00:52:03,930 >> Mae ffordd i debug hyn yw mynd yn ôl i Archwilio Elfen. 982 00:52:03,930 --> 00:52:07,820 Rwy'n gwneud hyn ar bwrpas fel y gallwch gweld sut y byddech yn debug rhywbeth. 983 00:52:07,820 --> 00:52:11,210 Yn Archwiliwch Elfen, rydym wedi pob un o'n destun i lawr yma. 984 00:52:11,210 --> 00:52:13,320 Dw i eisiau mynd yn ôl at y consol. 985 00:52:13,320 --> 00:52:19,230 A beth fydd yn digwydd pan fyddaf yn mynd yma yn yr wyf yn cael rhyw fath o wall. 986 00:52:19,230 --> 00:52:21,660 Mae'n dweud nad oes dull dileu. 987 00:52:21,660 --> 00:52:30,770 >> Felly, beth mae hyn yn ei ddweud yw pan fyddaf yn mynd yn ôl i'r cod, yr wyf yn galw chwaraewr 988 00:52:30,770 --> 00:52:31,870 dileu yma. 989 00:52:31,870 --> 00:52:34,430 Dileu mewn gwirionedd nid y gorchymyn cywir. 990 00:52:34,430 --> 00:52:39,740 Felly, er mwyn cael gwybod beth oedd y gorchymyn cywir yw, mae y API Meteor. 991 00:52:39,740 --> 00:52:42,680 Mae'r ddogfennaeth wyf am i bwynt chi guys i yn unig yn meteor.com. 992 00:52:42,680 --> 00:52:45,190 Felly mae gen i fyny yma. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Mae hyn yn unig er mwyn i chi guys yn gwybod ble i ddysgu mwy. 995 00:52:51,370 --> 00:52:54,420 >> Mae dolen i'r ddogfennaeth. 996 00:52:54,420 --> 00:52:59,410 Ac yn y bôn, yr wyf yn gallu dim ond yn dod o hyd ar gyfer dileu. 997 00:52:59,410 --> 00:53:03,220 A'r hyn yr ydych yn gweld, dileu mewn gwirionedd dynnu. 998 00:53:03,220 --> 00:53:05,400 Dyna'r gorchymyn sy'n Angen i mi alw. 999 00:53:05,400 --> 00:53:09,620 Felly nawr ein bod yn gwybod hynny, yr wyf i'n mynd i newid hyn dileu i gael gwared. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Felly nawr, pan fyddaf yn mynd yn ôl at fy leaderboard safle, dw i'n mynd i glicio 1002 00:53:18,010 --> 00:53:19,450 dileu, ac erbyn hyn rwy'n mynd. 1003 00:53:19,450 --> 00:53:21,290 Does dim mwy Roger. 1004 00:53:21,290 --> 00:53:25,470 A gallaf ddal ati dileu pob enw sengl hyd nes i mi gael dim ar ôl. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Felly dyna oedd llawer rhagolwg o sut i ddefnyddio Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Byddwch yn dysgu llawer mwy JavaScript ac HTML angenrheidiol i wneud 1009 00:53:42,380 --> 00:53:46,970 yn edrych prettier, y byddwn yn ymdrin ag ef yn [yr wythnos hon? darn?] a osodwyd ar gyfer HTML 1010 00:53:46,970 --> 00:53:49,630 a JavaScript yn y nesaf [? darn?] osodwyd. 1011 00:53:49,630 --> 00:53:53,150 >> Felly peidiwch â chael poeni os nad y cyfan pethau hyn yn dod yn hawdd i chi. 1012 00:53:53,150 --> 00:53:56,410 Bydd yn Erbyn yr amser y y prosiect terfynol. 1013 00:53:56,410 --> 00:53:58,030 Diolch am ddangos i fyny. 1014 00:53:58,030 --> 00:54:01,380 Mae'r cyswllt Byddaf yn diweddaru'r fuan ar ôl y seminar er mwyn i chi weld rhai mwy 1015 00:54:01,380 --> 00:54:05,630 enghreifftiau yr wyf wedi rhoi ar waith ar sut i gael yr arweinwyr yn fwy datblygedig 1016 00:54:05,630 --> 00:54:08,640 sydd gennyf ar y wefan hon yma yn un-radical-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Diolch yn fawr. 1019 00:54:21,260 --> 00:54:22,760 >> [Cymeradwyaeth] 1020 00:54:22,760 --> 00:56:58,070