1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> Roger ZURAWICKI: Kamusta sa lahat. 3 00:00:08,890 --> 00:00:11,310 Maaari ba akong makakuha ng iyong pansin? 4 00:00:11,310 --> 00:00:12,090 Salamat, guys. 5 00:00:12,090 --> 00:00:14,030 Ngayon Gusto kong makipag-usap tungkol sa Meteor. 6 00:00:14,030 --> 00:00:16,710 Ito ay isang JavaScript framework. 7 00:00:16,710 --> 00:00:21,110 Susubukan naming i-pagpunta sa pamamagitan ng kung paano maaari mong gumawa talaga cool na web apps. 8 00:00:21,110 --> 00:00:24,940 >> Bago kami makakuha sa JavaScript, ako lamang nais sabihin sa iyo guys na kalooban ito 9 00:00:24,940 --> 00:00:26,900 ma - magkakaroon ka ng ibang pagkakataon piraso na ito semestre. 10 00:00:26,900 --> 00:00:28,520 Dapat ito ay tungkol sa JavaScript. 11 00:00:28,520 --> 00:00:32,910 Sa tingin ko [hindi marinig] ay unang pagpunta sa masaklawan ang mga web HTML mga bagay-bagay na PHP bago namin 12 00:00:32,910 --> 00:00:34,530 ilipat sa JavaScript. 13 00:00:34,530 --> 00:00:39,650 At sa CS50, JavaScript ay itinuturing tulad ng isang client code. 14 00:00:39,650 --> 00:00:41,970 Kaya ito lamang ay makakakuha ng tumakbo sa ang web browser. 15 00:00:41,970 --> 00:00:45,740 >> Ngunit salamat sa kamakailang mga advancements sa teknolohiya, ngayon kami ay pinamamahalaang upang tumakbo 16 00:00:45,740 --> 00:00:48,090 JavaScript bilang isang server pati na rin. 17 00:00:48,090 --> 00:00:51,630 Kaya ito ay lumikha ng isang talagang cool na balangkas dahil maaari mo na ngayong magsulat 18 00:00:51,630 --> 00:00:55,250 lehitimong ang parehong code para sa ang client at server. 19 00:00:55,250 --> 00:00:57,810 At kapag tinukoy mo ang mga function sa iyong server, ang iyong client ay maaaring tumawag sa mga 20 00:00:57,810 --> 00:00:59,090 parehong mga pag-andar. 21 00:00:59,090 --> 00:01:00,370 At ginagawang ito ng maraming mas madali. 22 00:01:00,370 --> 00:01:04,519 Sapagkat bago, kung gumagamit ka ng PHP sa sa server, JavaScript sa harap 23 00:01:04,519 --> 00:01:08,040 pagtatapos, mayroon kang magsulat ng isang function na PHP at pagkatapos ay isang bersyon ng JavaScript sa mga 24 00:01:08,040 --> 00:01:10,880 parehong pag-andar na gawin ang parehong uri ng trabaho. 25 00:01:10,880 --> 00:01:14,330 >> Kaya bago kami magsimula, nais ko upang ipakita sa iyo ang isang demo ng kung ano 26 00:01:14,330 --> 00:01:17,190 Ang maaaring magawa ng meteor para sa iyo. 27 00:01:17,190 --> 00:01:20,330 Ipapakita ko sa iyo ang demo, na kung saan ay kung ano ang makikita mo magagawang lumikha ng 28 00:01:20,330 --> 00:01:21,580 katapusan ng pantas-aral. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Pumunta lang namin dito mismo. 31 00:01:25,670 --> 00:01:27,410 Ito ay isang Leaderboard app. 32 00:01:27,410 --> 00:01:31,970 Talaga Ito ay batay sa labas ng halimbawa na Meteor nagbibigay sa iyo. 33 00:01:31,970 --> 00:01:37,220 >> Meteor ay napakabuti dahil kapag nag- i-install ito bilang isang pakete, maaari mong 34 00:01:37,220 --> 00:01:39,140 talaga maglaro sa paligid na may mga apat na demo. 35 00:01:39,140 --> 00:01:41,410 At ang Leaderboard ay ang muna ng mga demo. 36 00:01:41,410 --> 00:01:44,620 Pagkatapos ng seminar, hinihikayat kitang lahat upang galugarin lamang ang iba pang mga demo 37 00:01:44,620 --> 00:01:48,300 dahil sa tingin ko ang mga ito ay talagang cool na, at ipakita nila sa iyo ang lakas ng Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Kaya kung ano ito ay, ito ay naka-host sa Leaderboard. 39 00:01:51,310 --> 00:01:54,950 Ito ay nang tapat lamang ng isang listahan ng mga pangalan. 40 00:01:54,950 --> 00:01:56,510 At maaari mong piliin ang mga tao. 41 00:01:56,510 --> 00:01:57,780 I Sila dilaw. 42 00:01:57,780 --> 00:02:00,060 At pagkatapos ay maaari mong ibigay ang mga ito ng limang puntos. 43 00:02:00,060 --> 00:02:02,850 At mapapansin mo na sa listahan ay Uri-uriin dahil bilang Ibinibigay ko ang aking sarili nang higit pa 44 00:02:02,850 --> 00:02:05,850 at higit pang mga point, ako ngayon sa tuktok. 45 00:02:05,850 --> 00:02:07,420 Kaya ito ay kung saan namin magsimula. 46 00:02:07,420 --> 00:02:11,690 >> At kung ano ang magagawa mo upang tumagal ang layo mula sa seminar ay isang ilan pang mga 47 00:02:11,690 --> 00:02:13,600 mga tampok na idinagdag mo ako sa ang Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Susubukan naming i-sumasakop sa kung paano, pati na rin ang magdagdag ng limang puntos sa isang player, na aming makakaya 49 00:02:18,240 --> 00:02:28,720 tanggalin ang mga manlalaro, maaari kaming magdagdag ng mga bagong mga manlalaro, at maaari naming piliin kung paano namin gusto 50 00:02:28,720 --> 00:02:29,540 upang pagbukud-bukurin ang mga ito. 51 00:02:29,540 --> 00:02:35,240 At ang mga ito ay ang lahat ng napakadaling tawag sa API na Meteor nagbibigay ng para sa iyo. 52 00:02:35,240 --> 00:02:39,120 Mayroon ka ding isang tampok dito sa sunod ang mga marka. 53 00:02:39,120 --> 00:02:41,450 >> Kaya kung ano ang talagang cool na tungkol sa ito ay ka guys maaari talaga 54 00:02:41,450 --> 00:02:43,820 lahat ng pumunta sa site. 55 00:02:43,820 --> 00:02:46,575 Makikita ko bang ilagay ito sa mas malaking teksto dito. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 One-radikal-lead na erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 At kapag ikaw guys pumunta sa site, sa iyo ang dapat ma-edit ang mga site, at 60 00:03:07,622 --> 00:03:09,595 lahat ng iyong mga pag-edit ay makikita sa lahat ng iba pa. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Kaya maaari mong - ikaw ay guys lahat magagawang upang kumonekta sa site? 63 00:03:17,740 --> 00:03:18,750 Kaya i-play sa paligid na may ito. 64 00:03:18,750 --> 00:03:20,440 Pumunta at simulan ang pagtanggal ng ilang mga pangalan. 65 00:03:20,440 --> 00:03:21,690 Tingnan kung ano ang mangyayari. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Kaya tingnan mo maaaring i-play ang lahat ng tao. 68 00:03:38,510 --> 00:03:41,930 Ito ay lamang ang default na seguridad mode para sa Meteor. 69 00:03:41,930 --> 00:03:44,360 Ang makikita mo na lahat ng tao maaari baguhin ang data ng isa't isa. 70 00:03:44,360 --> 00:03:44,920 Huwag mag-alala. 71 00:03:44,920 --> 00:03:46,460 Meteor ginagawa mayroon seguridad. 72 00:03:46,460 --> 00:03:49,860 Ito ay isang napaka-madaling ipinatupad tampok na ito, kung saan maaari kang mag-set up ng mga gumagamit 73 00:03:49,860 --> 00:03:50,600 at mga pag-login. 74 00:03:50,600 --> 00:03:53,750 Ngunit ngayon, ang kahit sino kung sino ang bumisita sa maaaring magbigay ng site ang kanilang mga sarili bilang marami 75 00:03:53,750 --> 00:03:55,000 tumuturo sa gusto nila. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Kaya ako palaging ganito dahil ito ay isang masaya na paraan upang makapagsimula. 78 00:04:00,090 --> 00:04:02,360 At pagkatapos ay gagamitin namin lamang makipag-usap tungkol sa mga detalye, kung paano 79 00:04:02,360 --> 00:04:03,610 Ginagawa ito posible Meteor. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Kaya ako pupunta upang masakop ang kung ano Meteor ay, at pagkatapos ay gagamitin lamang kailangan namin upang masakop ang 82 00:04:15,660 --> 00:04:18,920 dalawang mga kinakailangan na CS50 ay hindi sapat na saklaw. 83 00:04:18,920 --> 00:04:21,970 Ngunit sa pamamagitan ng pagtatapos ng termino, dapat mong maging kumportable sa parehong HTML at 84 00:04:21,970 --> 00:04:25,250 JavaScript upang talagang makuha ang iyong mga kamay marumi nagtatrabaho sa Meteor. 85 00:04:25,250 --> 00:04:28,740 At sa tingin ko ito lamang ay isang mahusay na paraan para sa kahit na mas kumportableng mga mag-aaral na gawin 86 00:04:28,740 --> 00:04:32,930 huling proyekto dahil maaari silang talaga manatili sa isang wika, at makakuha sila upang 87 00:04:32,930 --> 00:04:37,620 makita ang mga pagbabago sa kanilang mga gumana kaagad. 88 00:04:37,620 --> 00:04:42,520 >> Kaya slide na ito ay nagpapakita lamang ng ilan sa mga mga pangunahing teknolohiya na Meteor JS 89 00:04:42,520 --> 00:04:43,610 ay nagbibigay sa iyo. 90 00:04:43,610 --> 00:04:46,090 Meteor ay hindi isang bagong teknolohiya sa sarili nitong. 91 00:04:46,090 --> 00:04:48,390 Ito ay talagang isang kalipunan ng iba at ibang klase ng tao ng lahat ng mga iba't ibang bagay 92 00:04:48,390 --> 00:04:49,920 mayroon kami sa internet. 93 00:04:49,920 --> 00:04:55,650 Pati na rin ang HTML, CSS, JavaScript, namin kumuha ng mga teknolohiya tulad Node.js, 94 00:04:55,650 --> 00:04:58,490 na kung saan ay kung ano ang nagbibigay-daan sa iyo upang tumakbo JavaScript sa dulo pabalik sa iyong 95 00:04:58,490 --> 00:05:02,520 server, pati na rin ang ilang JavaScript mga aklatan, tulad ng jQuery, salungguhit. 96 00:05:02,520 --> 00:05:06,320 >> Ang lahat ng mga ito ay hindi pamilyar sa sa iyo sa pamamagitan ng pagtatapos ng semestre. 97 00:05:06,320 --> 00:05:10,680 At kami makakuha din gumamit ng isang database na tinatawag na mongoDB, na isang talaga 98 00:05:10,680 --> 00:05:14,250 sikat na database na ngayon para sa mga bagong startup. 99 00:05:14,250 --> 00:05:18,650 Maaari mong isipin na ito bilang tulad ng MySQL, ngunit ito gumagana lubhang mabuti sa JavaScript. 100 00:05:18,650 --> 00:05:22,140 At mayroong ilang mga iba pang mga teknolohiya dito at marami pang hindi ko pa nakalista 101 00:05:22,140 --> 00:05:23,880 na ang lahat ng interface talaga mabuti na may Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Kailangan ko bang ilagay ito slide dahil minsan nakukuha ko ng kalituhan tungkol na ito. 104 00:05:30,540 --> 00:05:31,695 Meteor lamang ang JavaScript. 105 00:05:31,695 --> 00:05:33,040 Ito ay hindi na PHP. 106 00:05:33,040 --> 00:05:34,360 Ito ay hindi Ruby sa daang-bakal. 107 00:05:34,360 --> 00:05:37,950 Kaya kung sumulat ka ng code, kung nais mong magsulat ng isang proyekto ng meteor, ikaw talaga 108 00:05:37,950 --> 00:05:38,900 hindi maaaring gumamit ng Ruby code. 109 00:05:38,900 --> 00:05:41,660 Ikaw talaga hindi gumagamit ng PHP. 110 00:05:41,660 --> 00:05:45,800 >> Habang ipapakita namin makita na ang mga pagkakaiba sa code at syntax ay maaaring hindi na 111 00:05:45,800 --> 00:05:48,930 iba't ibang, gusto kong magbigay-diin sa iyo na Meteor, ang lahat ng bagay code mo ay 112 00:05:48,930 --> 00:05:50,660 lamang sa JavaScript. 113 00:05:50,660 --> 00:05:53,920 At ang lahat na ipakita sa iyo upang user na HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Ngunit hindi ka ng aktwal na paggamit ng alinman sa ang iba pang mga wika na iba pang mga 115 00:05:56,780 --> 00:05:59,250 maaaring masakop ang seminar. 116 00:05:59,250 --> 00:06:01,020 Ano Meteor din ay ay isang web server. 117 00:06:01,020 --> 00:06:03,930 Kaya kahit na wala kang anumang JavaScript, at gusto mo lang upang maghatid ng 118 00:06:03,930 --> 00:06:07,020 CSS at HTML file, Meteor Maaari gawin iyon para sa iyo. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> At narito muli ang link papunta sa demo na nakuha ko sa inyo guys 121 00:06:13,770 --> 00:06:15,380 nagsimula sa paglalaro ng may. 122 00:06:15,380 --> 00:06:18,230 Ngunit ng lumipat sa HTML ipaalam. 123 00:06:18,230 --> 00:06:22,060 Gaano karaming mga tao dito mayroon walang ideya kung ano ang HTML ay? 124 00:06:22,060 --> 00:06:22,670 OK mahusay. 125 00:06:22,670 --> 00:06:25,800 At iyon ay lubos na masarap. 126 00:06:25,800 --> 00:06:29,410 Ikaw talaga hindi mo na kailangang magkano ang tungkol alam ito dahil magpapatuloy kami sa ibabaw ng 127 00:06:29,410 --> 00:06:31,220 paggamit napaka-simple. 128 00:06:31,220 --> 00:06:34,570 >> Ito ay kung ano ang simple Mukhang pahinang HTML tulad ng. 129 00:06:34,570 --> 00:06:38,840 Maaari itong maging tulad ng iyong kumusta, mundo para sa HTML, samantalang kami makapagsimula sa C may 130 00:06:38,840 --> 00:06:40,760 kumusta, mundo. 131 00:06:40,760 --> 00:06:44,360 Hindi ko gusto mong Stress sa mga detalye ng kung ano ang HTML, ano ang ulo, kung ano 132 00:06:44,360 --> 00:06:46,120 katawan, kung ano ang pamagat ay ang magawa doon. 133 00:06:46,120 --> 00:06:49,130 Gusto ko lang ng stress sa istraktura, paano mayroon kang mga tag. 134 00:06:49,130 --> 00:06:50,860 At iyon ang anggulo bracket. 135 00:06:50,860 --> 00:06:52,380 At na kung saan mayroon kang ang iyong descriptors. 136 00:06:52,380 --> 00:06:54,790 >> Kaya na maaaring mayroon ka ng dokumentong HTML. 137 00:06:54,790 --> 00:06:59,300 At pagkatapos ay kakailanganin mong isara ang dokumentong HTML may backslash parehong bagay. 138 00:06:59,300 --> 00:07:01,200 At mayroon kang iba't ibang mga uri ng mga tag. 139 00:07:01,200 --> 00:07:02,730 At mapansin na nila ang lahat ng naka-naitugmang. 140 00:07:02,730 --> 00:07:05,300 Mayroon kang tulad ng isang katawan ng tag at pagkatapos ay isang malapit na katawan ng tag. 141 00:07:05,300 --> 00:07:08,620 At sa loob ng tag na katawan, na magagawa ang mga nilalaman ng iyong web page. 142 00:07:08,620 --> 00:07:12,770 Kaya ang web page na gusto lang ipakita sa isang puting background at itim na teksto 143 00:07:12,770 --> 00:07:14,242 kumusta, mundo. 144 00:07:14,242 --> 00:07:17,610 Ba na ang may katuturan? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Ngayon Pupunta ako sa mabilis masakop ang JavaScript. 147 00:07:22,640 --> 00:07:26,990 Sa mga salita ng isang nakaraang tf, "JavaScript ay ang pinakamahusay na programming 148 00:07:26,990 --> 00:07:28,550 wika na kasalukuyang nasa pag-iral. 149 00:07:28,550 --> 00:07:30,520 Iba pang mga tao ay susubukan na sabihin sa iyo kung hindi man. 150 00:07:30,520 --> 00:07:33,840 Ang mga ito ay mali. "JavaScript ay medyo magaling, at magpapadala ako ipakita sa iyo kung bakit. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Kaya ito ay ang klasikong halimbawa simulan namin may sa C. Mayroon kaming kumusta, mundo. 153 00:07:42,380 --> 00:07:45,500 At napansin mo na kahit na pag-urong ito, kailangan mong magkaroon ng hindi bababa sa dalawang 154 00:07:45,500 --> 00:07:46,560 linya ng code dito. 155 00:07:46,560 --> 00:07:48,990 Mayroon akong ilang mga linya ng code. 156 00:07:48,990 --> 00:07:50,160 Ito ay maaaring tapos na napaka-simple. 157 00:07:50,160 --> 00:07:53,950 Isang linya sa JavaScript na may console.log, at pagkatapos ang iyong mga string, 158 00:07:53,950 --> 00:07:55,340 kumusta, mundo. 159 00:07:55,340 --> 00:07:59,570 >> Ngayon, kahit kami ay lumilipat sa isang bagong wika ng JavaScript, halos lahat ng mga 160 00:07:59,570 --> 00:08:02,950 kasanayan na iyong natutunan sa pamamagitan ng coding sa C ay direktang portable. 161 00:08:02,950 --> 00:08:07,130 Kaya mga string, ang ideya ng mga string sa double quote, iyon ang parehong. 162 00:08:07,130 --> 00:08:08,890 Semicolon Ang, iyon ang parehong. 163 00:08:08,890 --> 00:08:11,190 >> Isang kapong baka tampok tungkol sa JavaScript talaga ay na sa iyo 164 00:08:11,190 --> 00:08:12,360 hindi na kailangan ang tuldok-kuwit. 165 00:08:12,360 --> 00:08:14,950 Maaari itong hulaan na dapat mong maglagay ng tuldok-kuwit doon. 166 00:08:14,950 --> 00:08:18,035 Ngunit na sinabi, dapat mong laging subukan upang ilagay ang iyong mga semicolons doon. 167 00:08:18,035 --> 00:08:21,160 Ito ay itinuturing na mahusay na estilo. 168 00:08:21,160 --> 00:08:22,650 At din, walang pangunahing pag-andar. 169 00:08:22,650 --> 00:08:25,580 Simulan mo lang sa tuktok ng file at basahin ang mga bagay na linya sa pamamagitan ng linya. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Pagkatapos ito ay kung ano ang kinakailangan upang gawing na kumusta, programa mundo. 172 00:08:32,760 --> 00:08:36,059 At pagkatapos ay napansin na mayroon ka sa gumawa ng halo at pagkatapos ay magpatakbo ng halo. 173 00:08:36,059 --> 00:08:38,530 Gamit ang JavaScript, ito ay itinuturing na isang kahulugan ng wika. 174 00:08:38,530 --> 00:08:40,780 Ano ang kailangan mong malaman ay na walang making. 175 00:08:40,780 --> 00:08:41,950 >> Walang compile. 176 00:08:41,950 --> 00:08:43,440 Patakbuhin mo lang node. 177 00:08:43,440 --> 00:08:47,220 At tandaan na node ay ang programa na tatakbo ang iyong JavaScript sa isang console, 178 00:08:47,220 --> 00:08:49,030 sa isang itim na kahon, hindi sa website. 179 00:08:49,030 --> 00:08:52,480 Kaya bigyan ka lang ito ang file, at ito ay pagpunta sa i-print ang kumusta, mundo. 180 00:08:52,480 --> 00:08:56,750 >> Kukunin ko talagang gawin ang isang maliit na demo ng na para sa iyo guys dito mismo. 181 00:08:56,750 --> 00:08:59,380 Kaya sabihin pumunta sa ibabaw sa aking Node.js terminal. 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 Ni ilipat dito Hayaan. 185 00:09:06,150 --> 00:09:07,930 Kaya Pupunta ako upang simulan ang node. 186 00:09:07,930 --> 00:09:10,230 At kukunin ko na ipakita sa iyo guys in lamang isang seg kung paano makakuha ng na 187 00:09:10,230 --> 00:09:12,000 na naka-install, kung hindi mo gusto. 188 00:09:12,000 --> 00:09:14,800 Hayaan akong gumawa na ng kaunti mas malaking. 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 Umaasa ako ka guys ay maaaring makita. 192 00:09:20,120 --> 00:09:27,390 >> Kaya ang maaari kong isulat ang code na tulad ng ginawa ko bago sa 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 At mapapansin Wala akong gawin ang tuldok-kuwit, ngunit pagkatapos ay nakukuha ko ito kakaiba 196 00:09:35,330 --> 00:09:36,850 hindi natukoy na bagay. 197 00:09:36,850 --> 00:09:40,310 Well talagang, hindi bale tungkol sa ang hindi natukoy na bagay. 198 00:09:40,310 --> 00:09:43,590 Mga bagay na gusto kong mong mapansin ay na sa iyo hindi na kailangan ng mga pangunahing pag-andar dito 199 00:09:43,590 --> 00:09:45,050 upang simulan ang pagpapatakbo ng code. 200 00:09:45,050 --> 00:09:46,790 At walang backslash pagtatapos. 201 00:09:46,790 --> 00:09:50,683 Mayroong ilang mga maliit na mga tampok na Maaari JavaScript magawa para sa iyo. 202 00:09:50,683 --> 00:09:53,510 >> Madla: [hindi marinig]. 203 00:09:53,510 --> 00:09:54,000 >> Roger ZURAWICKI: Oh oo. 204 00:09:54,000 --> 00:09:57,460 Ikinalulungkot kong tungkol iyon. 205 00:09:57,460 --> 00:10:02,200 At arrow na lamang ay nangangahulugan na node ay handa na para sa isa pang command. 206 00:10:02,200 --> 00:10:05,380 Kaya maaari kang magkaroon ng ito gawin simple matematika, tulad ng 1 plus 1. 207 00:10:05,380 --> 00:10:10,360 At tulad ng sa C, ang mga matematika mga simbolo ay pareho lamang ang. 208 00:10:10,360 --> 00:10:13,750 Ang maaari kong gawin console.log ng isang numero. 209 00:10:13,750 --> 00:10:15,090 At pagkatapos nito ng mga Kopya dalawa. 210 00:10:15,090 --> 00:10:19,000 JavaScript ay magaling sa na kahulugan dahil kahit dalawang ay isang int, 211 00:10:19,000 --> 00:10:22,020 tulad ng sa C, kung ikaw ang may printf dalawang, makakakuha ka ng isang error. 212 00:10:22,020 --> 00:10:24,140 >> Ngunit alam ng JavaScript, oh, handa ka pag-print ng isang bagay. 213 00:10:24,140 --> 00:10:25,070 Pupunta ako sa kailangan ng isang string. 214 00:10:25,070 --> 00:10:28,410 Kaya hayaan mo akong mag-convert na dalawang sa isang string para sa iyo. 215 00:10:28,410 --> 00:10:34,970 At maaari mo ring gawin ang ilang mga kakatwang mga bagay-bagay tulad ng hi at pagkatapos ay i-plus dalawa. 216 00:10:34,970 --> 00:10:39,520 Ito ay isa lamang halimbawa kung paano ang dalawang ma-convert sa doon pati na rin. 217 00:10:39,520 --> 00:10:45,135 >> Kaya may na sumali sa paraan, sabihin masakop lamang ng kaunti pang JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Kaya sa C, mayroon kaming mga uri. 220 00:10:50,540 --> 00:10:53,925 Sa tuwing lumikha kami ng isang bagong variable, namin ang masasabi na ito ay pansamantalang trabaho * o 221 00:10:53,925 --> 00:10:55,850 string sa kaso CS50. 222 00:10:55,850 --> 00:10:58,350 O kung nagkaroon kami ng isang decimal na numero, namin ay may mga sasabihin ng float. 223 00:10:58,350 --> 00:11:00,690 Kung kinakailangan namin ng isang Boolean, namin ay may sasabihin b. 224 00:11:00,690 --> 00:11:04,220 At pagkatapos ay sa sandaling nagkaroon kami ng isang bagay na ay b, nagkaroon ito upang manatili isang bool. 225 00:11:04,220 --> 00:11:07,360 Hindi namin mai-magically baguhin ito sa isang int maliban kung kami ay sumulat sa 226 00:11:07,360 --> 00:11:09,450 panaklong, int ng b. 227 00:11:09,450 --> 00:11:11,820 >> Sa JavaScript, walang mga uri. 228 00:11:11,820 --> 00:11:13,350 Sa tingin mo lamang ng ito bilang var. 229 00:11:13,350 --> 00:11:15,270 At var ay kung paano ka lumikha ng isang bagong uri. 230 00:11:15,270 --> 00:11:19,210 Kaya maaari itong magkaroon var s pagiging isang string, var n pagiging isang float, 231 00:11:19,210 --> 00:11:21,230 at var b pagiging totoo. 232 00:11:21,230 --> 00:11:24,980 At isang bagay na hindi mo maaaring gawin sa C ay Maaari ko bang sabihin ngayon, pagkatapos na linya, b 233 00:11:24,980 --> 00:11:26,230 ay katumbas ng isang integer. 234 00:11:26,230 --> 00:11:27,400 At iyon ay gumagana lamang fine. 235 00:11:27,400 --> 00:11:30,840 Sapagkat sa C, mas sabihin tulad ng ang iyong integer ay hindi isang bool. 236 00:11:30,840 --> 00:11:32,770 Hindi ko ma gawin iyon para sa iyo. 237 00:11:32,770 --> 00:11:34,050 O [hindi marinig] gusto magtapon ng error. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> At maaari kong mabilis bumalik sa node at ipakita ang ilan sa mga na-andar. 240 00:11:43,420 --> 00:11:44,960 Kaya maaari akong magkaroon ng isang var isang. 241 00:11:44,960 --> 00:11:52,120 Tumawag ito "Apple." Kaya kapag ngayong mag-print ako ng, Nakukuha ko ang aking string, 'Apple.' Ngunit maaari ko 242 00:11:52,120 --> 00:11:54,900 din ngayon sabihin isang katumbas ng 3. 243 00:11:54,900 --> 00:11:56,610 At mapansin walang error. 244 00:11:56,610 --> 00:12:00,630 At isang ngayon ay katumbas ng 3. 245 00:12:00,630 --> 00:12:01,880 Ang anumang mga katanungan sa ngayon? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Oo. 248 00:12:07,570 --> 00:12:10,780 >> Madla: Maghintay, kaya console.log ay isa lamang printf, tama? 249 00:12:10,780 --> 00:12:12,180 >> Roger ZURAWICKI: Console.log ay ang iyong printf. 250 00:12:12,180 --> 00:12:12,652 >> Madla: Mag-right. 251 00:12:12,652 --> 00:12:17,844 Kaya kung paano dumating kung lang nagta-type ka sa walong o [hindi marinig], ano ang ginagawa na 252 00:12:17,844 --> 00:12:18,790 [Hindi marinig]? 253 00:12:18,790 --> 00:12:19,160 >> Roger ZURAWICKI: Mag-right. 254 00:12:19,160 --> 00:12:21,690 Kaya ito ay may - 255 00:12:21,690 --> 00:12:24,240 ang mga bagay-bagay sa berde ay makakakuha ng naka-print sa console. 256 00:12:24,240 --> 00:12:27,050 At kung ano ang makikita namin makita ang susunod ay kapag ilipat namin sa web 257 00:12:27,050 --> 00:12:29,300 pahina, ay hindi ginagawa namin - 258 00:12:29,300 --> 00:12:32,650 Ay JavaScript ay pagkakaroon ng HTML template, na kung saan kukunin ko na masakop sa 259 00:12:32,650 --> 00:12:34,730 Meteor bahagi ng pantas-aral. 260 00:12:34,730 --> 00:12:38,730 At na kung saan maaari mong sabihin, ibigay sa akin ang halaga ng isang, at ito ay maglagay ng sa 261 00:12:38,730 --> 00:12:39,920 iyong website. 262 00:12:39,920 --> 00:12:42,520 Dahil ang bawat web browser talaga May maliit na console. 263 00:12:42,520 --> 00:12:46,380 At kapag tiningnan mo napaka maingat, mo Gusto makakuha ng ilang impormasyon, tulad ng iyong 264 00:12:46,380 --> 00:12:51,210 printf ay lumitaw doon sa bawat web page na iyong load. 265 00:12:51,210 --> 00:12:53,580 >> Madla: Papaano pinino kang makakuha ng sa shell screen? 266 00:12:53,580 --> 00:12:57,680 >> Roger ZURAWICKI: Kaya mayroong isang command tinatawag na node, at ito ay may Meteor. 267 00:12:57,680 --> 00:13:01,230 Kaya ko makikita lamang huminto sa labas ng doon. 268 00:13:01,230 --> 00:13:03,580 Node ay ang programa na ay nagpapatakbo ng JavaScript. 269 00:13:03,580 --> 00:13:07,070 Kung pupunta ka sa meteor.com, mo maaaring mag-install ng meteor, at 270 00:13:07,070 --> 00:13:08,480 Meteor ay may node. 271 00:13:08,480 --> 00:13:11,470 Dahil Meteor ay isang koleksyon lamang ng lahat ng mga software package. 272 00:13:11,470 --> 00:13:15,280 Kapag makuha namin sa aming halimbawa, ay ako maglakad lahat ng tao sa pamamagitan ng pag-install 273 00:13:15,280 --> 00:13:17,625 Meteor, at pagkatapos ay maaari mong i-play may node sa iyong sarili. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, mahusay. 276 00:13:23,980 --> 00:13:29,640 >> Kaya isa pang mahusay na tampok tungkol sa pagtatrabaho may JavaScript ay mga loop ay pareho. 277 00:13:29,640 --> 00:13:31,430 Ang parehong Pretty magkano eksakto. 278 00:13:31,430 --> 00:13:35,530 Para sa mga loop, habang loop, gawin habang loop, kung tao. 279 00:13:35,530 --> 00:13:36,880 Ang lahat ng ito ang parehong na may tirante. 280 00:13:36,880 --> 00:13:38,540 Ito ay ang parehong syntax. 281 00:13:38,540 --> 00:13:41,350 Sa kaso ng isang para sa loop, ang kaunti detalye na mayroon kang magbayad ng pansin 282 00:13:41,350 --> 00:13:45,340 sa ay sa halip ng int i katumbas ng 0, mayroon kaming sasabihin var i katumbas ng 0. 283 00:13:45,340 --> 00:13:49,580 Ngunit iyon dahil sa ang mga variable uri na usapan natin ang tungkol sa bago. 284 00:13:49,580 --> 00:13:53,360 >> Mapapansin na ang printf nagiging isang log, isang console.log. 285 00:13:53,360 --> 00:13:57,370 At hindi namin na kailangan na gawin ang porsiyento p backslash n at pagkatapos ay pumasa sa i. 286 00:13:57,370 --> 00:13:58,380 Maaari mo lamang sabihin i. 287 00:13:58,380 --> 00:14:01,910 At ito ay i-print ang mga numero mula sa zero sa apat. 288 00:14:01,910 --> 00:14:04,830 Kung nais mong guys upang subukan ito, sapagkat ka nagdala up ng isang magandang punto. 289 00:14:04,830 --> 00:14:08,730 Kung gusto mong patakbuhin ang code na ito sa iyong sariling browser, Gusto ko inirerekumenda na 290 00:14:08,730 --> 00:14:11,040 lahat ng tao ay bubukas sa Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome o sa anumang web browser talaga, pero gusto ko ang Google Chrome 292 00:14:14,220 --> 00:14:17,350 dahil napaka itong Standardized. 293 00:14:17,350 --> 00:14:24,240 >> Maaari kang pumunta sa, naniniwala ako, kung ikaw mismo mag-click sa anumang website, lamang sa 294 00:14:24,240 --> 00:14:26,880 white space, makikita mo ang isang pagpipilian tinatawag Siyasatin ang Elemento. 295 00:14:26,880 --> 00:14:28,810 Ito ay karaniwang ang huling isa. 296 00:14:28,810 --> 00:14:32,630 At kapag nag-click mo ito, dapat mong makakuha ng isang bagay sa ilalim lilitaw dito. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Hayaan akong mag-zoom in dito. 299 00:14:37,780 --> 00:14:41,390 At mayroon kaming ilang mga tab dito. 300 00:14:41,390 --> 00:14:43,580 Ang isa na mahalaga sa iyo ay console. 301 00:14:43,580 --> 00:14:48,820 >> At ito ay isang JavaScript console na maaari mo na ngayong gamitin. 302 00:14:48,820 --> 00:14:49,370 Mahusay. 303 00:14:49,370 --> 00:14:52,560 Kaya ang maaari kong i-type sa parehong mga bagay-bagay Ako ay pag-type ng bago sa node. 304 00:14:52,560 --> 00:14:54,790 Isa isa plus ay dalawa. 305 00:14:54,790 --> 00:14:59,110 Var isang katumbas ng "Apple". 306 00:14:59,110 --> 00:15:03,430 At pagkatapos Gusto ko i-print ang isang, at isang ay 'Apple'. 307 00:15:03,430 --> 00:15:08,760 Kaya sa anumang web browser, Firefox, Chrome, Safari, kahit anong gamitin mo, bilang 308 00:15:08,760 --> 00:15:11,240 hangga't mayroon kang access sa isang JavaScript console, ang parehong uri ng 309 00:15:11,240 --> 00:15:15,520 code ako sa pagtakbo dahil sa node mo maaaring tumakbo sa iyong sariling console. 310 00:15:15,520 --> 00:15:17,530 >> Madla: [hindi marinig]? 311 00:15:17,530 --> 00:15:18,690 >> Roger ZURAWICKI: Paano kumuha sa console? 312 00:15:18,690 --> 00:15:22,880 Mayroon kang mag-right click sa walang laman na lugar sa pahina, at pagkatapos mong pumunta sa 313 00:15:22,880 --> 00:15:26,100 Siyasatin ang Elemento. 314 00:15:26,100 --> 00:15:28,290 Kaya talaga, Gusto ko mo guys upang tiyakin lamang na maaari mong 315 00:15:28,290 --> 00:15:29,860 Siyasatin ang Elemento sa Chrome. 316 00:15:29,860 --> 00:15:32,630 At makita kapag nagta-type ka sa ilang code sa console 317 00:15:32,630 --> 00:15:33,880 na ito ay tumatakbo nang maayos. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Huwag mag-atubiling magtanong sa anumang mga katanungan kung isang bagay na hindi malinaw dito. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> Madla: [hindi marinig]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> Roger ZURAWICKI: Anumang uri, i-right. 324 00:16:28,200 --> 00:16:31,370 Mayroon lamang isang uri para sa lahat mga variable sa JavaScript. 325 00:16:31,370 --> 00:16:34,160 At kapag mayroon kang idedeklara isang variable, sabihin mo var. 326 00:16:34,160 --> 00:16:35,410 >> Madla: [hindi marinig]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> Roger ZURAWICKI: Oo. 329 00:16:40,050 --> 00:16:43,730 Ginagawa nito, ngunit sa JavaScript, ito ay napaka matalino tungkol sa paglaan ng memorya. 330 00:16:43,730 --> 00:16:44,600 Walang malloc. 331 00:16:44,600 --> 00:16:45,780 Walang libre. 332 00:16:45,780 --> 00:16:48,490 Kaya hindi mo kailangang mag-alala tungkol sa na. 333 00:16:48,490 --> 00:16:51,140 Iyon ay isa pang magaling na tampok na JavaScript ay nagbibigay sa iyo. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Kaya Gusto kong magpatuloy. 336 00:16:58,440 --> 00:17:01,360 Gusto na maging OK? 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 Mahusay. 340 00:17:07,720 --> 00:17:10,660 >> Madla: lamang Nagkakaproblema ako sa pag paghahanap ng [? Siyasatin ang Elemento. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> Roger ZURAWICKI: hitsura Kaya Safari medyo naiiba, ngunit huwag mo 343 00:17:16,250 --> 00:17:18,599 mayroon Chrome o Firefox? 344 00:17:18,599 --> 00:17:21,619 Iyon ang mga mas madali mga bago upang gumana sa. 345 00:17:21,619 --> 00:17:25,079 At para sa iyong mga proyekto, inirerekumenda ko nananatili sa isang browser dahil 346 00:17:25,079 --> 00:17:29,610 makakakuha ka ng maraming mga bug halos dahil ang bawat Treat browser 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML medyo naiiba. 348 00:17:31,980 --> 00:17:35,170 Kaya sa tingin ko ang iyong buhay ay magiging marami mas madali kung manatili ka sa Chrome dahil 349 00:17:35,170 --> 00:17:37,052 ito ay magagamit sa lahat ng mga machine. 350 00:17:37,052 --> 00:17:38,790 At ito ay isang medyo popular na browser. 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 >> Kaya sa susunod na paksa na dapat namin maipambayad sa JavaScript - 355 00:18:06,370 --> 00:18:07,730 Sorry tungkol sa pag-format dito. 356 00:18:07,730 --> 00:18:11,630 Nagkaroon na ako upang mabatak ang mga slide upang tumugma sa ang widescreen projector. 357 00:18:11,630 --> 00:18:14,750 Ngunit Gusto ko ngayon gusto na makipag-usap tungkol sa kung paano mo gawin function. 358 00:18:14,750 --> 00:18:17,410 Sa C, mayroon kaming na idedeklara bawat function. 359 00:18:17,410 --> 00:18:22,130 Tulad ng int magdagdag, at ito ay tumatagal ng isang int sa x, at isang int y, at pagkatapos ay idagdag namin ang mga ito 360 00:18:22,130 --> 00:18:23,100 at ibalik ito. 361 00:18:23,100 --> 00:18:26,850 >> Sa JavaScript, mga pag-andar ay aktwal na isa pang uri ng variable. 362 00:18:26,850 --> 00:18:30,560 Kaya sinasabi namin lamang var magdagdag, at ito ay katumbas ng isang function. 363 00:18:30,560 --> 00:18:32,580 Ang isang function na tumatagal ng isang x at y. 364 00:18:32,580 --> 00:18:33,790 At kung ano ang na-andar gawin? 365 00:18:33,790 --> 00:18:39,910 Ibinabalik nito ang x plus y sa eksaktong magkatulad na syntax tulad ng sa C. At napansin mo na sa 366 00:18:39,910 --> 00:18:44,290 JavaScript, hindi ka nasabihan kung ano ang function na ay nagbabalik dahil simula 367 00:18:44,290 --> 00:18:49,160 mga variable ay walang pa din ang mga uri, ito hindi ito talaga produktibo, hulaan ko, 368 00:18:49,160 --> 00:18:52,855 na tumutukoy ng lahat ng iyong mga mga uri sa iyong mga pag-andar. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 At pagkatapos ay kapag tumawag ka ng isang function, ito ay ang eksaktong parehong syntax bilang C. mo 371 00:18:59,565 --> 00:19:03,610 pumasa lamang sa iyong dalawang argumento. 372 00:19:03,610 --> 00:19:07,330 Gusto kong subukan ito sa aking mga node. 373 00:19:07,330 --> 00:19:09,284 Maaari ko bang baguhin ang slide? 374 00:19:09,284 --> 00:19:10,534 >> Madla: [hindi marinig]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Makakaapekto ba kami makakuha ng isang kopya ng mga slide? 377 00:19:17,000 --> 00:19:18,250 >> Roger ZURAWICKI: Oo. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Kaya sabihin bumalik sa node. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Kaya Sasabihin kong var add ay katumbas ng function. 382 00:19:38,160 --> 00:19:40,650 Pagkuha ng isang x, pagkuha ng y. 383 00:19:40,650 --> 00:19:43,690 At pagkatapos ay nalalaman na nito na ang mga pahayag ni hindi nakumpleto. 384 00:19:43,690 --> 00:19:47,692 Kaya sa node o sa iyong console, mapapansin mo na tuldok tuldok tuldok. 385 00:19:47,692 --> 00:19:49,660 Kaya maaari mong mapanatili ang pag-type ng iyong code. 386 00:19:49,660 --> 00:19:53,650 At ngayon, Sasabihin kong balik x plus y. 387 00:19:53,650 --> 00:19:54,790 At pagkatapos isara ang suhay. 388 00:19:54,790 --> 00:20:00,260 At ang mga sandali isinara ko ang suhay, ito nakikita na ang mga pahayag ay natapos. 389 00:20:00,260 --> 00:20:04,730 >> At ngayon maaari kong sabihin magdagdag ng isa at dalawa. 390 00:20:04,730 --> 00:20:08,280 At Kukunin ko ang mga tatlong out. 391 00:20:08,280 --> 00:20:11,545 Tandaan na kung ko lang idinagdag, ito Sinasabi sa akin ito ay isang function. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 At isang bagay na magbayad lamang ng pansin sa ay kung bibigyan mo ito sa maling bilang ng mga 394 00:20:19,570 --> 00:20:23,380 mga argument, ito ay gumawa. 395 00:20:23,380 --> 00:20:25,890 Ito ay tatakbo, subalit maaari kang makakuha ng ilang mga talagang kakaiba mga resulta. 396 00:20:25,890 --> 00:20:30,070 Uri ng tulad ng isang halaga ng basura, maaari mong isipin na ito. 397 00:20:30,070 --> 00:20:32,060 Kaya mangyaring at susubukan ito sa iyong browser. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, kaya sa interes ng oras, idedetalye ko ngayon ilipat sa susunod na tampok sa 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 Kaya na-usapan natin ang tungkol sa mga pag-andar. 403 00:21:38,400 --> 00:21:40,840 Na-usapan natin ang tungkol sa mga loop, kung pahayag masyadong. 404 00:21:40,840 --> 00:21:43,660 Syntax Ang ay pareho bilang C at variable. 405 00:21:43,660 --> 00:21:46,090 At ngayon gusto kong makipag-usap tungkol sa array. 406 00:21:46,090 --> 00:21:48,520 Ako ng paumanhin na ang mga slide Mayroon ka bang isang bit maputol. 407 00:21:48,520 --> 00:21:52,470 Pero sa totoo, sa unang seksyon, lahat ng kailangan mo ang gagana. 408 00:21:52,470 --> 00:21:55,410 >> Kaya mayroon kaming isa pang uri para sa variable na tinatawag na array. 409 00:21:55,410 --> 00:21:57,930 At ginagamit namin square bracket upang tukuyin ang mga ito. 410 00:21:57,930 --> 00:22:01,960 Kaya sa unang halimbawa, var arr, walang laman ang array. 411 00:22:01,960 --> 00:22:05,900 Ito ang walang laman na listahan, kaya isang array na naglalaman ng walang sangkap. 412 00:22:05,900 --> 00:22:09,770 At maaari ka ring magkaroon ng isang array may tatlong mga string. 413 00:22:09,770 --> 00:22:13,290 Sa C, ang bawat sangkap sa iyong array ay dapat parehong uri. 414 00:22:13,290 --> 00:22:16,940 >> Ngunit dahil sa JavaScript mayroon lamang isang uri, array maaari talaga 415 00:22:16,940 --> 00:22:18,510 May iba't ibang uri ng mga halaga. 416 00:22:18,510 --> 00:22:22,220 Tulad dito, mayroon kaming isang array na may isang float, isang bool, at isang int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Ang paraan kumuha ka ng isang haba ng isang array, hindi mo talaga na kailangang gumamit ng laki ng 419 00:22:28,510 --> 00:22:29,030 o kahit ano. 420 00:22:29,030 --> 00:22:31,570 Sasabihin mo lang array at pagkatapos dot haba. 421 00:22:31,570 --> 00:22:36,450 At ito haba tuldok, maaari mong isipin ito uri ng ng isang struct, paano bawat 422 00:22:36,450 --> 00:22:40,890 array ay may isang patlang, isang dagdag na variable sa loob nito na tinatawag na haba, na 423 00:22:40,890 --> 00:22:42,910 Sinusubaybayan ng kung gaano katagal ang iyong mga array ay. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Kaya ako mabilis lang ng pagpunta sa pumunta sa node at ipakita mo guys ang parehong bagay. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Kaya ang maaari kong magkaroon ng isang array. 428 00:22:58,050 --> 00:23:00,280 Maaari itong maging ang walang laman na listahan. 429 00:23:00,280 --> 00:23:02,030 At ito ay i-print sa akin i-back isang walang laman na listahan. 430 00:23:02,030 --> 00:23:02,530 Mahusay. 431 00:23:02,530 --> 00:23:08,560 Maaari ko ngayon sabihin na ang array May 1, at 2.3, at totoo. 432 00:23:08,560 --> 00:23:10,400 Kaya lahat ng mga iba't ibang mga uri. 433 00:23:10,400 --> 00:23:11,740 At napansin mo ito gumagana lamang fine. 434 00:23:11,740 --> 00:23:16,330 Ang array makakuha ako pabalik sinusuportahan ng lahat ng mga halaga Nagbigay ako ng ito. 435 00:23:16,330 --> 00:23:20,440 >> Kung Nais kong makuha ang unang elemento ng ang array, ang syntax ay ang tunay 436 00:23:20,440 --> 00:23:22,980 katulad ng nasa C. mo Maaaring sabihin ng array zero. 437 00:23:22,980 --> 00:23:24,430 At kumuha ka ng isa. 438 00:23:24,430 --> 00:23:27,920 Maaari ko bang sabihin ang parehong para sa array dalawa, at nakukuha ko totoo. 439 00:23:27,920 --> 00:23:31,610 Kung gagawin ko ang isang bagay sa labas ng array, JavaScript ay isang ligtas na wika 440 00:23:31,610 --> 00:23:33,390 dahil hindi ako ay makakuha ng isang seg fault. 441 00:23:33,390 --> 00:23:34,780 Kukunin ko ang hindi natukoy. 442 00:23:34,780 --> 00:23:37,510 >> At ito ang hindi natukoy, maaari mong uri ng isipin ang tungkol ito bilang null. 443 00:23:37,510 --> 00:23:41,390 Ngunit maaari itong maging talagang nakakainis kapag nag- code dahil kailangan mong suriin na 444 00:23:41,390 --> 00:23:43,880 halos lahat ng bagay gagawin mo, mo gumagana sa ay hindi natukoy. 445 00:23:43,880 --> 00:23:47,700 At ipapakita namin makita ang ilang mga halimbawa ng ito kapag nagtatrabaho kami sa Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Kahit na array apat na ay hindi natukoy, Maaari ba akong magtalaga ito ng halaga. 447 00:23:50,600 --> 00:23:52,570 Kaya Sasabihin kong ito ay katumbas ng isa. 448 00:23:52,570 --> 00:23:57,050 At pagkatapos kung pumunta ako sa array, ako magkaroon ng dagdag na halaga doon. 449 00:23:57,050 --> 00:24:02,470 At mapansin na array tatlong, na rin ay hindi natukoy, ang nanatiling hindi natukoy. 450 00:24:02,470 --> 00:24:05,690 Kaya Mayroon akong ngayon isang array na may isang butas sa gitna. 451 00:24:05,690 --> 00:24:07,750 Ngunit kung naka-print na ako ng array apat, Gusto ko makakuha ng isa. 452 00:24:07,750 --> 00:24:10,960 Kung ginawa ko array tatlong, nakakatanggap ako ng hindi natukoy. 453 00:24:10,960 --> 00:24:13,880 >> Kaya ang magaling na tampok na JavaScript nagpapahintulot sa iyo na gawin ay na listahan maaari 454 00:24:13,880 --> 00:24:15,620 baguhin ang laki. 455 00:24:15,620 --> 00:24:18,520 Ang mga array, array pagiging mga listahan, magbago ang mga ito laki. 456 00:24:18,520 --> 00:24:22,480 At maaari mong tukuyin ang anumang lokasyon sa loob ng mga ito. 457 00:24:22,480 --> 00:24:25,370 At lahat ng mga gaps ay napuno sa mga hindi natukoy na mga halaga. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Kaya na-usapan natin ang tungkol sa array. 460 00:24:33,450 --> 00:24:37,050 Ngayon, ang huling bagay na gusto ko upang masakop sa JavaScript, at ito ay napakahalaga 461 00:24:37,050 --> 00:24:39,550 sa pag-unawa ng code na Pupunta ako upang ipakita sa iyo, 462 00:24:39,550 --> 00:24:41,530 ay magiging mga bagay. 463 00:24:41,530 --> 00:24:45,140 At bagay ay isang termino sa - 464 00:24:45,140 --> 00:24:47,380 talaga, nasa sila maraming wika programming. 465 00:24:47,380 --> 00:24:50,620 At bawat wika programming ang may gusto sa palagay sa kanila ng kaunti naiiba. 466 00:24:50,620 --> 00:24:55,050 >> Ngunit sa tingin ko para sa Meteor, isang magandang pagkakatulad ay ang C struct. 467 00:24:55,050 --> 00:24:59,410 Sa C, kung gusto naming mahanap ang struct mag-aaral, nais naming magkaroon upang tukuyin ang lahat ng mga 468 00:24:59,410 --> 00:25:00,240 bagay sa loob nito. 469 00:25:00,240 --> 00:25:01,440 Kaya ito ay ang magkaroon ng isang pangalan. 470 00:25:01,440 --> 00:25:02,140 Ito ay upang magkaroon ng isang taon. 471 00:25:02,140 --> 00:25:03,650 Ito ay upang magkaroon ng isang kasarian. 472 00:25:03,650 --> 00:25:07,350 Ngunit mayroon din kaming mabigyan ang mga ito ng mga uri ng lahat ng mga bagay. 473 00:25:07,350 --> 00:25:11,200 >> At ngayon, mayroon kaming ito magkaroon ng amag para sa struct tinatawag na mag-aaral, maaari kaming magkaroon ng 474 00:25:11,200 --> 00:25:14,640 bagong struct, at pagkatapos ay manu-mano ang aming makakaya sabihin kung ano ang bawat isa sa mga patlang ay. 475 00:25:14,640 --> 00:25:17,740 At na kung saan ginagamit namin tuldok pangalan, tuldok taon, dot kasarian. 476 00:25:17,740 --> 00:25:21,930 At pagkatapos namin, sa huling linya ng code dito, tingin lang ako sa pag-print out ang 477 00:25:21,930 --> 00:25:24,980 pangalanan ng mga mag-aaral struct. 478 00:25:24,980 --> 00:25:28,220 >> Sa JavaScript mundo, mayroong walang ganoong bagay bilang mag-aaral struct. 479 00:25:28,220 --> 00:25:30,660 Wala kang bumuo ng isang preset na kaayusan. 480 00:25:30,660 --> 00:25:34,680 Ikaw lang talaga, sa mga bracket, sasabihin mo kung ano ang lahat ng bagay ay. 481 00:25:34,680 --> 00:25:40,680 At ito ay ito kakaiba pagtatanda na may colon at pagkatapos ay ang kuwit, ngunit makakakuha ka 482 00:25:40,680 --> 00:25:41,810 masanay ito sa lalong madaling panahon sapat. 483 00:25:41,810 --> 00:25:44,930 >> At ito ay tunay na isang talagang madali, nababaluktot paraan ng lang 484 00:25:44,930 --> 00:25:47,400 pagmamanipula ng mga bagay. 485 00:25:47,400 --> 00:25:51,270 Mapapansin mo na kapag gusto kong makuha ngayon pangalanan mula s, lang gagawin ko s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Mayroon bang anumang mga katanungan tungkol dito? 488 00:25:56,790 --> 00:26:00,260 Karaniwan ay naging isang napaka nakalilito kapag topic ipakilala kami ng mga tao sa 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Magtatagal ako gumawa ng ilang mga halimbawa ng mga ito sa node. 491 00:26:04,110 --> 00:26:05,010 Oo? 492 00:26:05,010 --> 00:26:06,260 >> Madla: [hindi marinig]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> Roger ZURAWICKI: Kaya gawin mo magkaroon ng isang halimbawa, ang maramihang 495 00:26:16,230 --> 00:26:18,764 mga variable ng uri iyon. 496 00:26:18,764 --> 00:26:20,014 >> Madla: [hindi marinig]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> Madla: [hindi marinig]. 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 Kaya hulaan ko ang paraan na gusto mong pumunta tungkol sa ay Gusto mong ilagay ang mga bagay sa isang array, 502 00:26:43,760 --> 00:26:45,340 at ngayon magkakaroon ka ng isang hanay ng mga bagay. 503 00:26:45,340 --> 00:26:47,547 Na sagutin ang iyong tanong? 504 00:26:47,547 --> 00:26:48,797 >> Madla: [hindi marinig]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> Roger ZURAWICKI: Oo. 507 00:26:51,260 --> 00:26:52,430 S ay isa sa bagay. 508 00:26:52,430 --> 00:26:57,455 Kaya maaari naming pumunta sa node at lamang maglaro sa paligid ng isang maliit na bit. 509 00:26:57,455 --> 00:26:58,705 >> Madla: [hindi marinig]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> Roger ZURAWICKI: Oh, OK. 512 00:27:05,440 --> 00:27:10,660 Kaya't kung ikaw ay nagtatanong kung ano class, mga klase ay itinuturing napaka naiiba, 513 00:27:10,660 --> 00:27:14,510 at mayroon silang isang talagang kakaiba scheme tinatawag prototyping, na hindi mo gusto 514 00:27:14,510 --> 00:27:15,620 kailangang malaman tungkol sa. 515 00:27:15,620 --> 00:27:17,910 Walang nakapirming paraan upang gawin ito. 516 00:27:17,910 --> 00:27:21,160 Kaya kung nais mo upang makabuo ng maramihang, mo Gusto uri ng mayroon lamang isang function 517 00:27:21,160 --> 00:27:22,100 o isang bagay. 518 00:27:22,100 --> 00:27:24,340 Kang bumuo ng iyong sariling mga function. 519 00:27:24,340 --> 00:27:26,765 At gusto mong ibalik ang isang bagay. 520 00:27:26,765 --> 00:27:29,550 Iyon ay magiging ang pinakamadaling paraan upang gawin ito. 521 00:27:29,550 --> 00:27:32,454 Ba na magkaroon ng kahulugan? 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 Mahusay. 525 00:27:36,650 --> 00:27:39,820 Kaya sa sandaling mayroon kami ng pang-unawa ng JavaScript bagay, ang mga ito - 526 00:27:39,820 --> 00:27:41,082 oh, yes. 527 00:27:41,082 --> 00:27:42,026 >> Madla: [hindi marinig] 528 00:27:42,026 --> 00:27:45,802 Halimbawa, kung ano ang mga pagkakaiba sa pagitan ng "Roger" na may double quote kumpara sa 529 00:27:45,802 --> 00:27:47,510 [Hindi marinig] may single quote. 530 00:27:47,510 --> 00:27:47,810 >> Roger ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Kaya ito ay nasa C, mayroon kaming mga single quote na kumakatawan sa mga char, at i-double 532 00:27:52,730 --> 00:27:54,550 quote na kumakatawan sa mga string. 533 00:27:54,550 --> 00:27:57,920 Talaga throws ito ang layo ng JavaScript dahil maaari kang magkaroon ng mga string na may 534 00:27:57,920 --> 00:28:01,570 single o double quote, at mayroong walang ganoong bagay bilang isang solong pansamantalang trabaho. 535 00:28:01,570 --> 00:28:04,400 Ngunit kung nakopya mo lamang ang parehong C code, JavaScript gagawin 536 00:28:04,400 --> 00:28:05,610 ituring ito lamang fine. 537 00:28:05,610 --> 00:28:07,710 Aling ang dahilan kung bakit itinuturing ko ito bilang - 538 00:28:07,710 --> 00:28:12,540 na ang dahilan kung bakit maaari kong literal na port ang code sa na kahulugan. 539 00:28:12,540 --> 00:28:15,420 >> At gusto kong ipakita sa iyo ang isang halimbawa ng isang mas kumplikadong mga bagay. 540 00:28:15,420 --> 00:28:19,890 Kaya maaari mong mapansin na ang isa sa bagay na ay maaaring magkaroon ng mga string bilang halaga. 541 00:28:19,890 --> 00:28:21,530 Maaari itong magkaroon ng isa pang listahan ng mga halaga. 542 00:28:21,530 --> 00:28:23,820 Maaari itong magkaroon ng isang listahan ng mga mga bagay tulad ng mga halaga. 543 00:28:23,820 --> 00:28:25,870 Mayroon talagang walang limitasyon sa ito. 544 00:28:25,870 --> 00:28:29,070 Kaya dito, ito lamang ay isang mahusay na pagpapakita kung paano mo maaaring makakuha ng isang pulutong 545 00:28:29,070 --> 00:28:33,290 iba't ibang uri ng pagpunta sa lahat sa isang bagay. 546 00:28:33,290 --> 00:28:34,540 Gumawa ba nito ang pakiramdam? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Ngayon, maaari mo ring magkaroon array ng mga bagay. 549 00:28:44,700 --> 00:28:48,530 At dito ay uri ng katulad ng kung ano mo tinanong, kung maaari kang magkaroon ng mga bagay ng 550 00:28:48,530 --> 00:28:49,190 parehong uri. 551 00:28:49,190 --> 00:28:52,960 Ngunit ang problema ay, walang nakapirming format para sa mga bagay sa JavaScript. 552 00:28:52,960 --> 00:28:55,020 Kaya ikaw ay may upang tukuyin ang mga ito sa iyong sarili. 553 00:28:55,020 --> 00:28:57,600 At mayroon kang upang tiyakin na ang mga ito ay pare-pareho. 554 00:28:57,600 --> 00:29:00,410 Kaya dito, kapag lumikha ako ng isang bagay na, mayroon akong upang matiyak na ang bawat isa ay may 555 00:29:00,410 --> 00:29:01,910 pangalanan, at ang bawat isa ay may bahay. 556 00:29:01,910 --> 00:29:05,620 >> At pagkatapos Mayroon akong isang array ng mga, at na maaaring maging aking cottage. 557 00:29:05,620 --> 00:29:08,290 At pagkatapos dito maaari mong uri ng tingnan ang para sa loop ng pagpunta sa. 558 00:29:08,290 --> 00:29:14,090 Ang para sa loop sa pagiging lamang ng isang talagang karaniwang paraan upang tumawid sa ibabaw ng isang array 559 00:29:14,090 --> 00:29:15,150 sa JavaScript. 560 00:29:15,150 --> 00:29:18,010 Pansinin na ang pattern na ito ay katulad na katulad sa ang katumbas C, kung saan mo 561 00:29:18,010 --> 00:29:21,470 mayroon int i katumbas ng zero. ako Mas mababa kaysa sa haba. 562 00:29:21,470 --> 00:29:23,634 At pagkatapos ay i plus plus. 563 00:29:23,634 --> 00:29:26,035 >> Ito ay halos ang parehong code, maliban para sa ilang mga detalye. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Kaya ang lahat ng tao maunawaan kung ano ang isang bagay ay? 566 00:29:33,120 --> 00:29:35,820 Sa tingin lamang tungkol dito bilang isang C struct. 567 00:29:35,820 --> 00:29:38,784 At ang paraan na-access mo ang mga patlang ay may lamang ang tuldok. 568 00:29:38,784 --> 00:29:41,950 At hangga't tandaan mo kung paano gamitin ang tuldok, ikaw ay fine. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, kaya ngayon maaari lahat ng tao basahin ang link na iyon? 571 00:29:58,790 --> 00:30:02,220 Ito ang link sa proyekto. 572 00:30:02,220 --> 00:30:04,950 Ay sinuman nagkakaproblema nakikita ang mga link? 573 00:30:04,950 --> 00:30:06,251 OK, palitan ng ito pagkatapos ay hayaan. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Hindi ito - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Oo, na marahil ang pinakamadaling paraan upang gawin ito. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Mahusay. 580 00:30:34,560 --> 00:30:38,270 >> Kaya kung pupunta ka sa site na ito, mayroong dapat maging ilang mga tagubilin na idedetalye ko 581 00:30:38,270 --> 00:30:42,550 pumunta sa paglipas ng sa kung paano namin maaaring i-install Meteor at kumuha ng aming mga tumatakbong mga sample na proyekto. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Gusto kong tiyakin na lahat ng tao ay ang link na pababa bago ko ilipat. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Maaari ba akong lumipat sa? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, mahusay. 588 00:31:23,680 --> 00:31:25,890 >> Kaya dito ako sa website. 589 00:31:25,890 --> 00:31:28,740 Mapapansin mo sa Readme file, mayroon kaming ilang mga tagubilin sa kung paano 590 00:31:28,740 --> 00:31:30,200 upang makakuha ng ika-set up. 591 00:31:30,200 --> 00:31:33,920 Kailangan ninyong maging alinman sa CS50 appliance o lamang sa Mac. 592 00:31:33,920 --> 00:31:35,330 Windows ay hindi gagana. 593 00:31:35,330 --> 00:31:37,760 Ngunit isa lamang ang anumang bagay na hindi Dapat na gumana sa Windows na may mga 594 00:31:37,760 --> 00:31:39,820 tagubilin lamang fine. 595 00:31:39,820 --> 00:31:41,470 Ngunit maaari ko ito ng kaunti gumawa mas malaki rin. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Kaya makikita mo patakbuhin ang unang pares ng mga utos. 598 00:31:48,820 --> 00:31:50,450 Ang mga guys ay lamang i-install ng meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Maaari ba akong pumunta sa aking terminal. 601 00:31:58,530 --> 00:32:02,710 At kung nagpatakbo ako ang parehong bagay ngayon, Ako mayroon itong naka-install na. 602 00:32:02,710 --> 00:32:03,710 Kaya ito ay isang bit mas maikli. 603 00:32:03,710 --> 00:32:05,155 Maaaring tumagal nang kaunti mas mahaba para sa iyo guys. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Pero gusto kong siguraduhin munang na mayroon Meteor running namin. 606 00:32:13,530 --> 00:32:16,780 Pagkatapos na-install na Meteor, dapat mong magagawang upang makakuha ng node sa console. 607 00:32:16,780 --> 00:32:19,430 >> Madla: ang mga ito hinihiling para sa isang password. 608 00:32:19,430 --> 00:32:22,110 >> Roger ZURAWICKI: Iyon ay magiging iyong gumagamit password, kung ikaw ay nasa isang Mac. 609 00:32:22,110 --> 00:32:27,030 Kailangan lang ito ng pahintulot na baguhin ang ilang mga file system. 610 00:32:27,030 --> 00:32:30,690 Kaya ang tanong ay, kung hihilingin ito sa iyo para sa isang password, lamang ito ay humihiling sa iyo 611 00:32:30,690 --> 00:32:33,510 para sa iyong password username kapag kang mag-log in sa iyong Mac. 612 00:32:33,510 --> 00:32:35,770 At ito ay sa gayon ay maaari kang baguhin ang mga file system. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> At kapag handa ka na, maaari mong ilipat sa sa susunod na hakbang, na kung saan ay kopyahin ang mga 615 00:32:51,260 --> 00:32:54,220 sample code Mayroon akong mula sa website. 616 00:32:54,220 --> 00:32:58,330 At makakakuha ka ng isang bagong direktoryo sa iyong home directory na tinatawag na leaderboard, at 617 00:32:58,330 --> 00:32:59,670 maaari naming simulan ang nagtatrabaho mula doon. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Kaya ako ng pagkopya lang at i-paste ang mga utos sa aking terminal. 620 00:33:14,620 --> 00:33:16,780 At para sa akin, kopya ko na ito. 621 00:33:16,780 --> 00:33:21,470 Kaya ang maaari kong ngayon lang ilipat sa leaderboard. 622 00:33:21,470 --> 00:33:23,450 At ang dapat kong magkaroon ng ilang mga file sa doon. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Ang anumang mga katanungan? 625 00:33:31,113 --> 00:33:34,430 >> Madla: [hindi marinig] hindi gumagana. 626 00:33:34,430 --> 00:33:36,741 >> Roger ZURAWICKI: Oh, maaari mong kailangan Git na naka-install pati na rin. 627 00:33:36,741 --> 00:33:39,150 >> Madla: [hindi marinig]. 628 00:33:39,150 --> 00:33:40,162 >> Roger ZURAWICKI: Paumanhin? 629 00:33:40,162 --> 00:33:41,412 >> Madla: [hindi marinig]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> Roger ZURAWICKI: Oh, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Iyon ay dahil maaaring kailangan mong maging log in sa GitHub upang makakuha ng link na ito. 634 00:33:52,860 --> 00:33:58,160 Kung ang maaaring makakita sa iyo guys na, ang pinakamadaling paraan upang gawin ito ko pagkatapos sabihin ay 635 00:33:58,160 --> 00:33:59,270 i-download ang zip. 636 00:33:59,270 --> 00:34:02,010 At ito ay magda-download lamang sa lahat ng file. 637 00:34:02,010 --> 00:34:05,510 At pagkatapos ay sa sandaling inilagay mo ito sa iyong i-download o ang iyong home directory - 638 00:34:05,510 --> 00:34:07,360 Inirerekumenda ko ang paglalagay ng ito sa iyong home directory sa gayon maaari namin ang lahat ng 639 00:34:07,360 --> 00:34:09,210 patakbuhin ang parehong mga utos. 640 00:34:09,210 --> 00:34:15,230 Hangga't mayroon kaming ang mga file, kami ay magagawang upang simulan ang nagtatrabaho sa kanila. 641 00:34:15,230 --> 00:34:17,969 Ipaalam sa akin kung ang mga tao ay nagkakaroon ng sa pagda-download ang file. 642 00:34:17,969 --> 00:34:21,040 >> Madla: Sa pamamagitan ng home directory, ibig mong sabihin - 643 00:34:21,040 --> 00:34:24,989 >> Roger ZURAWICKI: Kaya home directory ng ginagawa maging John Harvard, kung ikaw ay nasa 644 00:34:24,989 --> 00:34:27,460 ang CS50 appliance. 645 00:34:27,460 --> 00:34:33,651 Upang makapunta sa iyong home directory, i-type lamang sa C. 646 00:34:33,651 --> 00:34:34,145 >> Madla: [hindi marinig] 647 00:34:34,145 --> 00:34:37,610 CS50 appliance [hindi marinig]. 648 00:34:37,610 --> 00:34:38,650 >> Roger ZURAWICKI: Oo. 649 00:34:38,650 --> 00:34:40,480 Gusto mong patakbuhin ang mga utos sa iyong terminal. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> Madla: [hindi marinig]. 652 00:34:45,390 --> 00:34:50,800 Nakakuha ako ng isang error na nagsasabing walang tulad file o direktoryo. 653 00:34:50,800 --> 00:34:52,739 >> Roger ZURAWICKI: Maaari kaming magsagawa ng mabilis masira at tiyakin lamang na 654 00:34:52,739 --> 00:34:56,760 May naka-install ng meteor lahat ng tao, at idedetalye ko pumunta lamang subukan upang matulungan ang mga tao out. 655 00:34:56,760 --> 00:34:59,130 Mangyari lamang na subukan upang matulungan ang isa't isa kung nagpapatakbo ka ng mga problema. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Paumanhin, oo. 658 00:35:05,580 --> 00:35:08,930 Sigurado ka pareho sa appliance? 659 00:35:08,930 --> 00:35:09,350 >> Madla: Oo. 660 00:35:09,350 --> 00:35:13,190 Mayroon akong ang RISA 661 00:35:13,190 --> 00:35:14,300 >> Roger ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Kung pumunta ka pabalik sa mga website, pumunta mag-scroll pataas sa tuktok. 663 00:35:20,740 --> 00:35:23,580 At mayroong ito HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> Madla: Kopyahin ito? 665 00:35:25,810 --> 00:35:26,230 >> Roger ZURAWICKI: Oo. 666 00:35:26,230 --> 00:35:28,950 At pagkatapos ay nais mong i- nagta-type sa Git na-clone. 667 00:35:28,950 --> 00:35:30,814 Kaya kung pinindot mo ang Control A - 668 00:35:30,814 --> 00:35:33,718 >> Madla: Narito? 669 00:35:33,718 --> 00:35:36,410 At gawin [hindi marinig]? 670 00:35:36,410 --> 00:35:37,307 >> Roger ZURAWICKI: G-ko-T. 671 00:35:37,307 --> 00:35:38,557 >> Madla: [hindi marinig]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> Roger ZURAWICKI: Git at pagkatapos ay I-clone. 674 00:35:42,670 --> 00:35:46,610 Kaya ito ay halos kapareho sa utos mo Nagkaroon itaas, ngunit ang URL ay nagbago. 675 00:35:46,610 --> 00:35:49,010 Kaya bago ito ay ito, ngayon na ito. 676 00:35:49,010 --> 00:35:50,680 Hayaan ang mga update sa akin ang - 677 00:35:50,680 --> 00:35:51,354 oo. 678 00:35:51,354 --> 00:35:52,604 >> Madla: [hindi marinig]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> Roger ZURAWICKI: na-download na ito. 681 00:35:58,076 --> 00:35:59,326 >> Madla: [hindi marinig]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> Roger ZURAWICKI: Oh, kaya ito Hindi I-clone ng tama. 684 00:36:05,690 --> 00:36:07,920 Ako ay ayusin iyon. 685 00:36:07,920 --> 00:36:10,190 Mayroong isang error sa sinusubukan upang i-download ang mga file. 686 00:36:10,190 --> 00:36:13,820 Hayaan ang mga update sa akin ang command para sa iyo guys kaya ang maaari kong tiyakin na ito ay gumagana. 687 00:36:13,820 --> 00:36:17,025 Ikinalulungkot kong tungkol iyon. 688 00:36:17,025 --> 00:36:21,618 Dapat itong maging katulad para sa Mga Mac o CS50 appliance. 689 00:36:21,618 --> 00:36:22,868 >> Madla: [hindi marinig]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> Roger ZURAWICKI: na-update ko ang utos para sa numero ng dalawa, kung 692 00:36:51,190 --> 00:36:52,910 mo i-refresh ang pahina. 693 00:36:52,910 --> 00:36:56,520 At sa pamamagitan na ito, URL, ikaw ay dapat na makakapag-download ng mga file. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> Madla: Kaya, kung hindi kami pa rin pag-download ng [hindi marinig]. 696 00:37:02,550 --> 00:37:05,930 >> Roger ZURAWICKI: Kung ikaw ay nagda-download pa rin ng meteor? 697 00:37:05,930 --> 00:37:07,180 >> Madla: [hindi marinig]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> Roger ZURAWICKI: Oo, kung nais mong upang bumuo sa iyong Mac. 700 00:37:11,910 --> 00:37:14,145 Ngunit kailangan mo ang Xcode nag-develop mga kasangkapan na naka-install. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Sinubok ko ang mga utos sa CS50 appliance, kaya ang maaari kong ginagarantiya 703 00:37:24,550 --> 00:37:25,440 na ito ay gumagana. 704 00:37:25,440 --> 00:37:26,710 Oo. hayaan mo akong pumunta at tumulong sa iyo. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> Madla: [hindi marinig]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Ko ang aking password. 709 00:37:40,372 --> 00:37:42,240 Ito ay Mac. 710 00:37:42,240 --> 00:37:43,490 At pagkatapos ay gagawin ko [hindi marinig]. 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 Gusto ko subukang patakbuhin ang lahat ng mga utos tanging sa CS50 appliance terminal. 714 00:37:57,080 --> 00:37:58,330 >> Madla: [hindi marinig]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> Roger ZURAWICKI: kong nais makakuha ng ito gumagana muna sa terminal, sa 717 00:38:02,570 --> 00:38:04,830 CS50 appliance, at pagkatapos ay terminal sa Mac. 718 00:38:04,830 --> 00:38:08,130 >> Madla: Kaya kung gagawin mo ito sa CS50 appliance tulad na, [hindi marinig]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> Roger ZURAWICKI: Gusto kong ilipat sa, ngunit kung ang mga tao ay nagkakaroon pa rin 721 00:38:15,850 --> 00:38:20,190 pag-set up ng meteor, Kevin ay mas kaysa masaya na tulungan ka guys out, 722 00:38:20,190 --> 00:38:21,440 Kevin sa kulay abong shirt. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Ano ang dapat naming mayroon ay kami ay pagpunta sa tumakbo ang huling utos, numero ng tatlo, sa 725 00:38:32,170 --> 00:38:33,710 ang aming terminal. 726 00:38:33,710 --> 00:38:37,320 Kapag ginagawa namin iyon, muli naming patakbuhin ang Meteor. 727 00:38:37,320 --> 00:38:39,040 >> At dapat mong - 728 00:38:39,040 --> 00:38:41,200 oh, ako ay may Meteor running na. 729 00:38:41,200 --> 00:38:45,230 Kaya ito ay hindi pagpunta upang ipagbigay - ipaalam sa akin isara na lamang ang aking iba pang mga Meteor. 730 00:38:45,230 --> 00:38:49,640 Kapag nagpatakbo ako ng meteor, mo dapat na ngayon makita na - 731 00:38:49,640 --> 00:38:51,490 dapat mong makita ang kasalukuyang direktoryo na ito ay paghahatid. 732 00:38:51,490 --> 00:38:55,476 At ngayon ito ay pagpunta sa sabihin sa server ay tumatakbo sa http://localhost. 733 00:38:55,476 --> 00:38:58,860 Iyan ang URL na gusto mong ilagay sa sa iyong web browser. 734 00:38:58,860 --> 00:39:05,410 >> At sa URL na iyon, dapat mong ma- ma-access ang gandang kaunti sa leaderboard. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Kaya mapapansin na ito ay nasa localhost, na nangangahulugan na kung gagawin kang anumang mga 737 00:39:14,530 --> 00:39:17,320 pagbabago, hindi ka pagpunta sa makita ang mga pagbabago ng bawat isa. 738 00:39:17,320 --> 00:39:20,830 Sapagkat sa website ay nagpakita ko sa iyo sa simula, maaari naming makuha 739 00:39:20,830 --> 00:39:23,380 pagbabago lahat ng tao dahil lahat ng tao ay pag-access sa parehong website. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Kaya ipaalam sa pumunta lamang sa akin sa [? salita?] 742 00:39:29,540 --> 00:39:35,570 3,000. 743 00:39:35,570 --> 00:39:38,820 Kaya dapat mo magagawang upang kumpirmahin lamang na ang pag-andar gumagana. 744 00:39:38,820 --> 00:39:44,790 Maaari kang pumili ng iba't ibang mga tao, at maaari mong bigyan sila ng iba't ibang mga punto. 745 00:39:44,790 --> 00:39:46,710 Kaya bigyan ako ng isang tao puntos. 746 00:39:46,710 --> 00:39:50,420 Maaari mo ring makita na bumangon sila sa ranggo. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Ngayon, sa interes ng oras, mayroong tatlong mga tampok na na hindi ko na 749 00:39:57,360 --> 00:39:58,020 ipinatupad. 750 00:39:58,020 --> 00:40:03,760 At kami ay pagpunta sa ipatupad ang pagtanggal mga gumagamit ng aming unang tampok. 751 00:40:03,760 --> 00:40:06,360 Ngunit bago ilipat namin sa, mga Mayroon bang anumang mga katanungan? 752 00:40:06,360 --> 00:40:09,010 Nagkaroon ka ng iyong mga kamay up. 753 00:40:09,010 --> 00:40:10,480 Oo? 754 00:40:10,480 --> 00:40:11,730 >> Madla: [hindi marinig]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> Roger ZURAWICKI: Maaari mong suriin ang na Meteor naka-install? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> Madla: [hindi marinig]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> Roger ZURAWICKI: Lokal na host 3,000? 761 00:40:32,680 --> 00:40:36,550 At ikaw ay nasa CS50 appliance? 762 00:40:36,550 --> 00:40:37,800 Ang maaari kong gawin - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 hindi mo na kailangang maging sa Mac. 765 00:40:41,210 --> 00:40:43,558 Ito ay gagana sa appliance. 766 00:40:43,558 --> 00:40:45,880 >> Madla: [hindi marinig]. 767 00:40:45,880 --> 00:40:47,520 >> Roger ZURAWICKI: Sa mga normal web browser, oo. 768 00:40:47,520 --> 00:40:49,170 >> Madla: [hindi marinig]. 769 00:40:49,170 --> 00:40:52,100 >> Roger ZURAWICKI: Ay Meteor tumakbo? 770 00:40:52,100 --> 00:40:54,180 Kaya OK, mayroong isang pagkakaiba dito. 771 00:40:54,180 --> 00:40:56,300 Kung nagpapatakbo ka nito sa appliance, kailangan mo lang gawin 772 00:40:56,300 --> 00:40:58,400 localhost sa loob ng appliance. 773 00:40:58,400 --> 00:41:00,860 Kung nagpapatakbo ka ng ito sa iyong Mac, tulad Ako, pagkatapos ay maaari kong gawin 774 00:41:00,860 --> 00:41:02,460 aking Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Ngunit kung ginagamit mo ang CS50 appliance, kailangan mong gawin ang lahat ng bagay 776 00:41:05,520 --> 00:41:06,350 sa appliance. 777 00:41:06,350 --> 00:41:09,022 Kaya ikaw ay may upang magamit ang Google Chrome sa appliance. 778 00:41:09,022 --> 00:41:10,350 >> Madla: [hindi marinig]. 779 00:41:10,350 --> 00:41:12,188 >> Roger ZURAWICKI: Ito ay Hindi pa rin gumagana? 780 00:41:12,188 --> 00:41:13,438 >> Madla: [hindi marinig]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> Roger ZURAWICKI: Kaya lamang upang ulitin, paano mo ma-access ang website ngayon. 783 00:41:42,390 --> 00:41:46,380 Mayroon kang isang URL dito sa localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Kung ikaw ay nasa CS50 appliance, mayroon kang upang buksan CS50 785 00:41:49,600 --> 00:41:51,320 appliance ng Google Chrome. 786 00:41:51,320 --> 00:41:54,850 At sa na ang Google Chrome sa loob ng appliance, maaari mong i-type ang URL na iyon, 787 00:41:54,850 --> 00:41:56,400 at dapat mong makita ang isang leaderboard. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Kaya Pupunta ako sa ilagay ito sa labas lamang sa gilid dito nang kaunti. 790 00:42:04,800 --> 00:42:09,600 At ngayon Pupunta ako upang buksan ang aking editor ng teksto sa paglipas dito. 791 00:42:09,600 --> 00:42:16,040 Kaya hayaan ang gumawa lang ako sigurado na ang code ay sa pagkakasunud-sunod. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Mahusay. 794 00:42:19,750 --> 00:42:22,360 >> Gusto kong maglakad ngayon sa pamamagitan ng ang code ng kaunti. 795 00:42:22,360 --> 00:42:26,110 At ang unang file Gusto kong magsimula may sabihin leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Magagawa mong upang makakuha ng ang code na ito pagkatapos ang seminar, kaya gusto ko lang ipakita 797 00:42:31,520 --> 00:42:33,960 mo sa aking computer kung ano ang nangyayari sa. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Kaya Umaasa ako lahat ng tao ang makakakita nito. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Kaya sa pinakadulo simula ng file, namin mayroon ang aming mga ulo at ang pamagat, na 802 00:42:51,590 --> 00:42:54,510 ay katulad ng kung ano ang nakita natin sa bawat dokumentong HTML. 803 00:42:54,510 --> 00:42:56,990 At pagkatapos ay kami ay pagpunta sa may ang katawan tag dito. 804 00:42:56,990 --> 00:42:59,920 >> Ano na napili ko ay ang pangunahing katawan, talaga kung ano ang 805 00:42:59,920 --> 00:43:01,470 pagpunta upang makakuha ng ipinapakita. 806 00:43:01,470 --> 00:43:05,560 Ngunit mayroong ilang mga bagong non-HTML bagay, at iyon ang sa 807 00:43:05,560 --> 00:43:06,710 double anggulo bracket. 808 00:43:06,710 --> 00:43:08,600 At ang mga ito ay template na tag. 809 00:43:08,600 --> 00:43:13,770 Kaya makikita mo dito ang bracket bracket bagong leaderboard. 810 00:43:13,770 --> 00:43:17,390 At ito ay uri ng - tingin ng mga ito bilang ng pagtawag ng isang function para sa HTML. 811 00:43:17,390 --> 00:43:19,320 >> Ito ay isang espesyal na bersyon ng HTML. 812 00:43:19,320 --> 00:43:22,730 Ito ay ang bersyon na gumagamit ng Meteor, na ang dahilan kung bakit maaari mong ipakita ang iba't ibang 813 00:43:22,730 --> 00:43:26,190 mga bagay, tulad ng sa leaderboard mga pangalan at mga pindutan. 814 00:43:26,190 --> 00:43:30,870 Ngunit sa leaderboard ay nagsasabi sa iyo upang pumunta sa template na may pangalan na leaderboard. 815 00:43:30,870 --> 00:43:34,746 Kaya template ay hindi makakuha ng ipinapakita sa pamamagitan ng mismo, ngunit ito ay isang function, kaya ito 816 00:43:34,746 --> 00:43:35,390 ay makakuha ng tinatawag na. 817 00:43:35,390 --> 00:43:41,030 At makikita mo palitan sa lahat ng ito code dito mismo sa leaderboard. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Ang kagiliw-giliw na bahagi ng leaderboard dito lamang ang talahanayan na ito. 820 00:43:48,820 --> 00:43:52,910 Kung nabasa mo lang ito, basahin ang code na ito pasigaw, dapat itong maging madaling maunawaan 821 00:43:52,910 --> 00:43:57,390 dahil sa leaderboard, lahat tayo mayroon dito ay isang table. 822 00:43:57,390 --> 00:44:00,410 Ito ID klase bagay-bagay hindi mo gusto kailangang mag-alala tungkol sa. 823 00:44:00,410 --> 00:44:02,460 Alam lamang na mayroong isang header table. 824 00:44:02,460 --> 00:44:03,630 Iyon ito thead. 825 00:44:03,630 --> 00:44:06,860 >> At nakita ng ito ng isang pangalan at isang iskor. 826 00:44:06,860 --> 00:44:12,150 Lahat ng mga tag na ito, tulad ng thtable, thead, makikita mo lamang malaman bilang pumunta ka kasama. 827 00:44:12,150 --> 00:44:15,540 Ito ay hindi mahalaga na tandaan mo mga dahil maaari mong i-access lamang ang anumang 828 00:44:15,540 --> 00:44:16,520 isangguni sa online. 829 00:44:16,520 --> 00:44:20,610 O kaya sa pamamagitan ng pagtatapos ng semestre, ang mga Magiging masyadong pamilyar sa mo lamang. 830 00:44:20,610 --> 00:44:22,840 >> Pagkatapos ng header ng talahanayan, ang bahagi na gusto kong iguhit ang iyong 831 00:44:22,840 --> 00:44:24,900 pansin sa mga ito ay h tag. 832 00:44:24,900 --> 00:44:27,180 Dahil ito ay nasa double bracket, ito ay isang template. 833 00:44:27,180 --> 00:44:30,980 Kaya nangangahulugan na para sa bawat isa sa mga manlalaro, kahit anong mga manlalaro ay, mayroon kaming upang 834 00:44:30,980 --> 00:44:31,500 ipapakita ito. 835 00:44:31,500 --> 00:44:32,965 At pumunta kami sa template player. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Kung mag-scroll pababa kami ng kaunting pa - 838 00:44:39,890 --> 00:44:40,980 Inaasahan ko makita ang lahat ng tao na iyon. 839 00:44:40,980 --> 00:44:42,900 Mayroon kaming mga template player. 840 00:44:42,900 --> 00:44:49,080 At ang template na ito talaga ay tumutukoy sa isang cell talahanayan, kung saan inilagay mo sa pangalan 841 00:44:49,080 --> 00:44:50,330 dito at ang iskor. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Pag-zoom out ngayon, maaari naming makita na ito tipak ng code - 844 00:44:56,720 --> 00:44:59,060 at iyon ay ang aming player na down na doon - 845 00:44:59,060 --> 00:45:01,070 Tinutukoy ang isa sa mga cell na ito. 846 00:45:01,070 --> 00:45:02,890 Ang bawat bagay na aking i-click ang nagiging dilaw. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Ang isang simpleng paraan maaari ko ba itong baguhin ngayon. 849 00:45:08,660 --> 00:45:10,150 Tiyaking Meteor ay tumatakbo pa rin. 850 00:45:10,150 --> 00:45:12,540 Meteor ay dapat na isang proseso ng server, kaya iwan mo ito lamang 851 00:45:12,540 --> 00:45:14,020 tumatakbo kapag binuo mo. 852 00:45:14,020 --> 00:45:18,280 Sabihin nating nais kong baguhin lahat ang mga pangalan o ang iskor. 853 00:45:18,280 --> 00:45:23,320 At Gusto ko sabihin ako pupunta upang magdagdag ng mga punto dito. 854 00:45:23,320 --> 00:45:27,215 Kaya ang pagbabago na ginawa ko dito noon, sa halip na lamang score, ako 855 00:45:27,215 --> 00:45:30,280 magdagdag ng puwang puntos ng kalidad. 856 00:45:30,280 --> 00:45:32,775 >> Pupunta ako sa mag-zoom out, at ako ay pagpunta sa i-save ang aking file. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 At pagkatapos kong i-save ang aking file, Kailangan ko upang matiyak na Meteor ay tumatakbo. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Paumanhin tungkol na. 861 00:45:57,610 --> 00:46:00,330 Gusto kong ipakita sa iyo ang mga pag-edit ay tapos na sa real time. 862 00:46:00,330 --> 00:46:06,180 Kaya ko makikita lamang baguhin ng ilang teksto. 863 00:46:06,180 --> 00:46:07,600 I-click ang isang player. 864 00:46:07,600 --> 00:46:10,040 Ako ng paglalagay dito sa lahat ng mga cap. 865 00:46:10,040 --> 00:46:14,540 At ito ay kailangang maging na kung ito ay gumagana maayos, kapag na-save ko ito, ito 866 00:46:14,540 --> 00:46:16,801 Gusto update. 867 00:46:16,801 --> 00:46:20,420 >> Oh, sa tingin ko sa ngayon ang problema ay Hindi ako sa kanang direktoryo. 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 Ikinalulungkot kong tungkol iyon. 871 00:46:28,160 --> 00:46:32,860 Kaya dito, kung ano ang napansin mo ay aking pagbabago nagpunta sa pamamagitan ng. 872 00:46:32,860 --> 00:46:34,540 Ngayon sabihin gusto kong ibalik ang mga pagbabago. 873 00:46:34,540 --> 00:46:36,200 Gusto kong bumalik sa kung ano ako nagkaroon. 874 00:46:36,200 --> 00:46:37,640 Lamang pupuntahan ko type ito normal. 875 00:46:37,640 --> 00:46:39,180 I-click ang isang player. 876 00:46:39,180 --> 00:46:42,920 >> Ang sandali i-save ko ito, ang nagre-refresh ng site para sa akin. 877 00:46:42,920 --> 00:46:44,740 At makikita ko ang aking pagbabago sa ang site agad-agad. 878 00:46:44,740 --> 00:46:48,170 Ito ay isang kapaki-pakinabang na talagang tampok sa pag-debug dahil ngayon 879 00:46:48,170 --> 00:46:49,640 Hindi ko na kailangang - 880 00:46:49,640 --> 00:46:52,920 kapag isulat namin C code, ginawa naming hindi lamang mayroon upang i-save ang file, ngunit namin ay may sa 881 00:46:52,920 --> 00:46:54,750 gawin itong at pagkatapos patakbuhin itong muli. 882 00:46:54,750 --> 00:46:58,750 Meteor ay napakabuti dahil hindi tulad ng C, sa sandaling i-save mo ang iyong HTML o 883 00:46:58,750 --> 00:47:01,070 JavaScript na file, ang pagbabago Ipinapakita up agad. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Isang tanong ay, sa mga template na ito, kung paano ako makakakuha ng ang mga halaga tulad ng mga manlalaro 886 00:47:09,140 --> 00:47:11,520 o pumili ng isang pangalan? 887 00:47:11,520 --> 00:47:17,130 Kung mag-zoom ko in dito sa aking code, Nakikita ko ito para sa bawat manlalaro. 888 00:47:17,130 --> 00:47:19,970 Kaya alam ng template na Mayroon akong mga player kahit papaano. 889 00:47:19,970 --> 00:47:22,110 At alam ito na mayroong isang napiling pangalan. 890 00:47:22,110 --> 00:47:23,220 Saan ito nagmumula ang mula sa? 891 00:47:23,220 --> 00:47:25,180 Iyon ay mula sa JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> At kung pumunta ka sa leaderboard.js, ito file, ngayon kapag pumunta ako dito, mayroon kaming isang 893 00:47:30,980 --> 00:47:33,460 tinukoy na ilang mga utos. 894 00:47:33,460 --> 00:47:36,400 Ito ay espesyal na Meteor syntax. 895 00:47:36,400 --> 00:47:38,600 Pansinin na hindi mo kailangang vars o kahit ano. 896 00:47:38,600 --> 00:47:42,990 Ngunit ang mga ito ay structs lamang sa structs sa structs o mga bagay na ito. 897 00:47:42,990 --> 00:47:45,910 At lahat ako pagtukoy ay ang template tinatawag na leaderboard. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard dapat makakuha ng isang bagay na tinatawag na mga manlalaro. 899 00:47:47,900 --> 00:47:48,840 At ano ang mga manlalaro? 900 00:47:48,840 --> 00:47:51,860 Ito'y kahit anong ito na expression ay nagbabalik. 901 00:47:51,860 --> 00:47:53,020 At ano ang napiling pangalan? 902 00:47:53,020 --> 00:47:54,630 Ito ang ilang higit pang mga code. 903 00:47:54,630 --> 00:47:56,810 Ang mga detalye ng code na aming masakop ang isang bit mamaya. 904 00:47:56,810 --> 00:48:02,210 Ngunit sa ngayon ang gusto ko sa iyo upang maunawaan na sa code na ito, kami ay pagkuha 905 00:48:02,210 --> 00:48:04,350 mga manlalaro, at kami ay nagbibigay sa ito ng isang halaga. 906 00:48:04,350 --> 00:48:07,000 Sa kasong ito, ito ay isang function na maipo-pinaandar. 907 00:48:07,000 --> 00:48:10,290 Kaya maaari naming makuha ang halaga pabalik kapag tumakbo namin ang pag-andar. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Ito ay isang pag-log. 910 00:48:13,520 --> 00:48:14,770 Ba na magkaroon ng kahulugan? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Maaari ko bang baguhin ang paraan na ito ay pinagsunod-sunod. 913 00:48:25,010 --> 00:48:27,230 Dito, mayroong isang uri ng object. 914 00:48:27,230 --> 00:48:31,660 At kung ano ang sinasabi ay Pupunta ako upang ayusin sa pamamagitan ng unang marka ng pababang at 915 00:48:31,660 --> 00:48:33,170 pagkatapos pangalanan pataas. 916 00:48:33,170 --> 00:48:36,630 Kung babaguhin ko ito sa isa, ito ay pagpunta upang pagbukud-bukurin iskor pataas. 917 00:48:36,630 --> 00:48:39,120 Kaya zero ay dapat nasa tuktok. 918 00:48:39,120 --> 00:48:43,370 At kapag ako mag-zoom in sa aking website, namin ngayon makita na ang mga website na-update. 919 00:48:43,370 --> 00:48:44,923 At ang score ay umakyat. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Ang susunod na pag-andar na gusto ko lang upang masakop ay click paglakas. 922 00:48:53,980 --> 00:48:57,910 Out ng interes ng oras, hindi ako'y magagawang upang masakop ang higit pa sa mga Meteor 923 00:48:57,910 --> 00:49:00,690 code, ngunit may mga din ng maraming mga mapagkukunan magagamit, at ako ay maging 924 00:49:00,690 --> 00:49:03,560 dito pagkatapos ng seminar. 925 00:49:03,560 --> 00:49:07,680 Pero gusto ko lang upang masakop ang leaderboard kaganapan. 926 00:49:07,680 --> 00:49:10,520 Syntax na ito ay matutunan mo kung ang isang bit mamaya sa lecture. 927 00:49:10,520 --> 00:49:12,870 Ito ang JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Naka lamang ang sinasabi namin, kapag makuha namin ang isang pag-click, at ito ay sa pagdagdag, ito 929 00:49:16,720 --> 00:49:19,160 hash lamang ay nangangahulugan ID. 930 00:49:19,160 --> 00:49:23,945 Sa tag paglakas ID, pagkatapos ay nais naming upang i-update - ang key na mga salita kong gusto mo 931 00:49:23,945 --> 00:49:26,740 upang panoorin ang update at piliin at player. 932 00:49:26,740 --> 00:49:29,080 Kaya kung anuman ang player ng napili, update namin ito. 933 00:49:29,080 --> 00:49:31,260 At ano ang ginagawa namin ay dinagdagan namin nito na iskor sa pamamagitan ng limang. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 At iyon ay ilarawan ang pag-andar mayroon kaming dito. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Pagkatapos ng pagtatapos ng seminar, kami ay magagawang makita ang ilang higit pang mga code. 938 00:49:54,510 --> 00:50:00,400 Ngunit ng pagpunta pabalik sa aking layunin na gusto kong baguhin ang site, Nais kong sa paglipas dito 939 00:50:00,400 --> 00:50:03,400 upang magdagdag ng isang pindutan na alisin kaya Maaari ko bang tanggalin ang player. 940 00:50:03,400 --> 00:50:05,390 Kaya upang gawin iyon, kailangan ko upang gawin ang dalawang bagay. 941 00:50:05,390 --> 00:50:09,680 Kailangan ko upang i-update ang HTML, i-update ang tingnan, ano ay makakakuha ng ipinapakita sa gumagamit, at 942 00:50:09,680 --> 00:50:15,080 pagkatapos ay magkakaroon ng ilang JavaScript na kapag ang pindutan ay pinindot, Meteor ay pagpunta 943 00:50:15,080 --> 00:50:15,690 upang gawin ang isang bagay. 944 00:50:15,690 --> 00:50:18,040 Ito ay pagpunta sa alisin na player. 945 00:50:18,040 --> 00:50:20,720 >> Kaya may mga ng maraming chunks ng code na may isa lamang na 946 00:50:20,720 --> 00:50:22,610 ang nagawa para sa akin. 947 00:50:22,610 --> 00:50:26,160 Kung tumingin ako dito, kong mayroon nang paraan ng pagkuha ng mga napiling player. 948 00:50:26,160 --> 00:50:29,880 Iyon bagay-bagay na ito, kung maaari mong makita ito. 949 00:50:29,880 --> 00:50:31,346 Kaya kung ko lang - 950 00:50:31,346 --> 00:50:35,160 Pupunta ako sa may isa pang kaganapan. 951 00:50:35,160 --> 00:50:37,900 Kaya ako pupunta upang kopyahin kung ano mayroon akong. 952 00:50:37,900 --> 00:50:40,740 Dahil ito ay isang listahan, Kailangan ko lang ng isang kuwit. 953 00:50:40,740 --> 00:50:45,480 >> Kaya ngayon pupuntahan ko i-click ang tanggalin. 954 00:50:45,480 --> 00:50:48,840 At pagkatapos ay sa halip ng pag-update ng mga manlalaro, Pupunta ako sa ginagawa manlalaro tanggalin. 955 00:50:48,840 --> 00:50:51,620 At lahat ng mga manlalaro tanggalin ang mga pangangailangan ay isang napiling player. 956 00:50:51,620 --> 00:50:56,500 Kaya ito function ay ang lahat ng kailangan namin. 957 00:50:56,500 --> 00:51:01,550 Ko na kailangang magdagdag ng ilang HTML dito bagaman. 958 00:51:01,550 --> 00:51:05,180 Kaya kung mag-scroll ko pababa dito, ito ang HTML view. 959 00:51:05,180 --> 00:51:08,300 Nagkaroon kami ng isang bagay dito, na kung saan ay isang ng tag. 960 00:51:08,300 --> 00:51:09,610 Hindi mo kailangang mag-alala tungkol sa na. 961 00:51:09,610 --> 00:51:12,000 >> Ano ang mga bagay na sa iyo ay ang ID na ito paglakas. 962 00:51:12,000 --> 00:51:14,990 At ito ay kung ano ang pinapayagan sa amin upang sabihin, kapag nag-click kami pagdagdag, mayroon kaming upang 963 00:51:14,990 --> 00:51:16,410 magbigay ng limang puntos. 964 00:51:16,410 --> 00:51:18,240 At makikita mo na ito ay isang button. 965 00:51:18,240 --> 00:51:20,150 Iyan ay ano ang ibig sabihin ng btn. 966 00:51:20,150 --> 00:51:23,190 At ang teksto sa button ay magbibigay sa limang puntos. 967 00:51:23,190 --> 00:51:26,440 Kaya kung ano pupuntahan ko lang gawin ay ako pagpunta sa kopyahin ang line. 968 00:51:26,440 --> 00:51:29,910 Pupunta ako upang baguhin ang ID tanggalin. 969 00:51:29,910 --> 00:51:34,310 At ako pupunta upang baguhin ang text dito upang tanggalin. 970 00:51:34,310 --> 00:51:35,980 >> Kaya tiyaking ang lahat ng naka-save na. 971 00:51:35,980 --> 00:51:39,010 Gusto kong bumalik sa aking JavaScript upang matiyak na mayroon akong 972 00:51:39,010 --> 00:51:40,880 tanggalin lined up dito. 973 00:51:40,880 --> 00:51:41,780 Mahusay. 974 00:51:41,780 --> 00:51:43,145 Kaya Pupunta ako upang i-save ang parehong mga file. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Pagkatapos i-save ang parehong mga file, namin Maaari bumalik sa ibaba. 977 00:51:49,320 --> 00:51:51,550 At ngayon nakita namin na mayroon kami isang tanggalin ang mga pindutan. 978 00:51:51,550 --> 00:51:56,050 At isa pang hakbang. 979 00:51:56,050 --> 00:51:58,200 Mapapansin mo na maaari mong makakuha ng isang error na ito dahil kapag nag-click ako 980 00:51:58,200 --> 00:52:00,610 tanggalin, walang nangyayari. 981 00:52:00,610 --> 00:52:03,930 >> Ang isang paraan upang i-debug na ito ay upang pumunta pabalik sa Siyasatin ang Elemento. 982 00:52:03,930 --> 00:52:07,820 Ako ginagawa ito sa layunin sa gayon maaari mong makita kung paano mo gustong i-debug ang isang bagay. 983 00:52:07,820 --> 00:52:11,210 Sa Siyasatin ang Elemento, mayroon kami lahat ng aming mga teksto pababa dito. 984 00:52:11,210 --> 00:52:13,320 Gusto kong bumalik sa console. 985 00:52:13,320 --> 00:52:19,230 At ano ang mangyayari kapag pumunta ko dito ay nakukuha ko ng ilang mga uri ng error. 986 00:52:19,230 --> 00:52:21,660 Sinasabi nito walang paraan tanggalin. 987 00:52:21,660 --> 00:52:30,770 >> Kaya kung ano ito ay sinasabi ay kapag pumunta ako pabalik sa code, na tinatawag ko na player 988 00:52:30,770 --> 00:52:31,870 tanggalin dito. 989 00:52:31,870 --> 00:52:34,430 Tanggalin ay talagang hindi ang tamang command. 990 00:52:34,430 --> 00:52:39,740 Kaya upang malaman kung ano ang karapatan na command ay, naroon ang Meteor API. 991 00:52:39,740 --> 00:52:42,680 Ang dokumentasyon gusto kong ituro sa iyo guys sa ay nasa lamang meteor.com. 992 00:52:42,680 --> 00:52:45,190 Kaya Mayroon akong ito up dito. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Ito ay kaya lang alam mo guys kung saan upang matuto nang higit pa. 995 00:52:51,370 --> 00:52:54,420 >> Mayroong isang link sa mga papeles. 996 00:52:54,420 --> 00:52:59,410 At isa lamang, maaari ko lang nakahanap para sa pagtanggal. 997 00:52:59,410 --> 00:53:03,220 At ano ang nakikita mo, tanggalin ay talagang alisin. 998 00:53:03,220 --> 00:53:05,400 Iyon ay ang command na Kailangan kong tumawag. 999 00:53:05,400 --> 00:53:09,620 Kaya ngayon na alam namin na, ako ng pagpunta upang baguhin ito tanggalin alisin. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Kaya ngayon, kapag pumunta ako pabalik sa aking leaderboard site, pupuntahan ko i-click ang 1002 00:53:18,010 --> 00:53:19,450 tanggalin, at ngayon ako sumakabilang-buhay na. 1003 00:53:19,450 --> 00:53:21,290 Walang higit pang Roger. 1004 00:53:21,290 --> 00:53:25,470 At maaari kong panatilihin ang pagpunta sa pagtanggal ng bawat iisang pangalan hanggang Mayroon akong wala na natitira. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Kaya na noon ay isang maliit na preview ng kung paano gamitin ang Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Ikaw ay pag-aaral ng maraming higit pa JavaScript at HTML kinakailangan upang gawing 1009 00:53:42,380 --> 00:53:46,970 ito tumingin prettier, na tatalakayin namin sa [ito linggong ito? piraso? set] para sa HTML 1010 00:53:46,970 --> 00:53:49,630 at JavaScript sa susunod [? piraso?] set. 1011 00:53:49,630 --> 00:53:53,150 >> Kaya huwag makakuha ng nag-aalala kung hindi lahat ng bagay-bagay na ito ay madaling sa iyo. 1012 00:53:53,150 --> 00:53:56,410 Ito ay sa pamamagitan ng mga oras ng ang huling proyekto. 1013 00:53:56,410 --> 00:53:58,030 Salamat sa paglitaw. 1014 00:53:58,030 --> 00:54:01,380 Ang link na ito ay i-update ko sa lalong madaling panahon pagkatapos ng pantas-aral sa gayon maaari mong makita ang ilang higit pa 1015 00:54:01,380 --> 00:54:05,630 halimbawa na ipinatupad ako sa kung paano upang makuha ang mas advanced na leaderboard 1016 00:54:05,630 --> 00:54:08,640 na mayroon akong sa website na ito dito sa isa-radikal-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Salamat sa inyo. 1019 00:54:21,260 --> 00:54:22,760 >> [Palakpakan] 1020 00:54:22,760 --> 00:56:58,070