1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Здравейте на всички. 3 00:00:08,890 --> 00:00:11,310 Мога ли да получа вашето внимание? 4 00:00:11,310 --> 00:00:12,090 Благодаря, момчета. 5 00:00:12,090 --> 00:00:14,030 Днес искам да говоря за Meteor. 6 00:00:14,030 --> 00:00:16,710 Това е рамка за JavaScript. 7 00:00:16,710 --> 00:00:21,110 Ще се преживява как можете да направи наистина готино уеб приложения. 8 00:00:21,110 --> 00:00:24,940 >> Преди да отида в JavaScript, аз просто Искам да кажа на вас, момчета, че това ще 9 00:00:24,940 --> 00:00:26,900 бъде - ще имат по-късен парче този семестър. 10 00:00:26,900 --> 00:00:28,520 Тя трябва да бъде около JavaScript. 11 00:00:28,520 --> 00:00:32,910 Мисля, че [недоловим] е първият ще покриване на уеб HTML PHP неща, преди да сме 12 00:00:32,910 --> 00:00:34,530 премести в JavaScript. 13 00:00:34,530 --> 00:00:39,650 И в CS50, JavaScript се счита като код на клиента. 14 00:00:39,650 --> 00:00:41,970 Така тя получава само тичам в уеб браузъра. 15 00:00:41,970 --> 00:00:45,740 >> Но благодарение на последните достижения в технология, ние сме сега успя да тече 16 00:00:45,740 --> 00:00:48,090 JavaScript като сървър, както добре. 17 00:00:48,090 --> 00:00:51,630 Така че това е създал наистина страхотно рамка, защото сега можете да напишете 18 00:00:51,630 --> 00:00:55,250 легитимно същия код за на клиента и сървъра. 19 00:00:55,250 --> 00:00:57,810 И когато се определят функциите на вашия сървър, вашият клиент може да повикат 20 00:00:57,810 --> 00:00:59,090 същите функции. 21 00:00:59,090 --> 00:01:00,370 И това го прави много по-лесно. 22 00:01:00,370 --> 00:01:04,519 Докато преди, ако сте с помощта на PHP на сървъра, JavaScript на лицевата 23 00:01:04,519 --> 00:01:08,040 край, трябва да се напише функция PHP и след това JavaScript версия на 24 00:01:08,040 --> 00:01:10,880 една и съща функция, за да направите същия вид работа. 25 00:01:10,880 --> 00:01:14,330 >> Така че, преди да започнем, искам да ви покажа една демонстрация на това, което 26 00:01:14,330 --> 00:01:17,190 Meteor може да направи за вас. 27 00:01:17,190 --> 00:01:20,330 Аз ще ви покажа демото, което е това, вие ще бъдете в състояние да създаде от Комисията 28 00:01:20,330 --> 00:01:21,580 края на този семинар. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Ние просто отидете тук. 31 00:01:25,670 --> 00:01:27,410 Това е Leaderboard ап. 32 00:01:27,410 --> 00:01:31,970 Това е всъщност основава от примера Meteor, че ти дава. 33 00:01:31,970 --> 00:01:37,220 >> Meteor е много хубаво, защото, когато да го инсталирате като пакет, можете да 34 00:01:37,220 --> 00:01:39,140 основно поиграете с тези четири демонстрации. 35 00:01:39,140 --> 00:01:41,410 И класацията е първият от тези демонстрации. 36 00:01:41,410 --> 00:01:44,620 След семинара, аз ви насърчи просто да проучи други демота 37 00:01:44,620 --> 00:01:48,300 защото мисля, че те са наистина готино, и те ви покажа силата на Meteor. 38 00:01:48,300 --> 00:01:51,310 >> И така, какво е това, това е хоства на водачите. 39 00:01:51,310 --> 00:01:54,950 Това е просто откровено списък с имена. 40 00:01:54,950 --> 00:01:56,510 И вие можете да изберете хора. 41 00:01:56,510 --> 00:01:57,780 Те пожълтяват. 42 00:01:57,780 --> 00:02:00,060 И тогава можете да дадете тях пет точки. 43 00:02:00,060 --> 00:02:02,850 И вие ще забележите, че списъкът е сортираните, защото, както аз се отдавам повече 44 00:02:02,850 --> 00:02:05,850 и повече точки, сега съм на върха. 45 00:02:05,850 --> 00:02:07,420 Така че това е мястото, където ние започваме. 46 00:02:07,420 --> 00:02:11,690 >> И това, което ще бъде в състояние да отнеме от този семинар е малко по- 47 00:02:11,690 --> 00:02:13,600 функции съм добавят към на класацията. 48 00:02:13,600 --> 00:02:18,240 Ние ще разгледаме как да, както и добави пет точки на играч, ние можем 49 00:02:18,240 --> 00:02:28,720 изтриете играчи, можем да добавим нови играчи, и можем да изберем как искаме 50 00:02:28,720 --> 00:02:29,540 да ги сортирате. 51 00:02:29,540 --> 00:02:35,240 И всички те са много лесни API повиквания че Meteor предоставя за вас. 52 00:02:35,240 --> 00:02:39,120 Можете също така притежава функция тук да случайност резултатите. 53 00:02:39,120 --> 00:02:41,450 >> Така че това, което е наистина страхотно за тази е вие ​​може действително 54 00:02:41,450 --> 00:02:43,820 всички отидете на сайта. 55 00:02:43,820 --> 00:02:46,575 Ще го поставя в по-голям текст тук. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 One-радикално-олово erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 И когато вие отидете на сайта, можете трябва да бъде в състояние да редактирате обекта, и 60 00:03:07,622 --> 00:03:09,595 всички ваши приноси ще бъдат видими за всички останали. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Така че можете да - са момчета всички може да се свърже към сайта? 63 00:03:17,740 --> 00:03:18,750 Така че си поиграете с него. 64 00:03:18,750 --> 00:03:20,440 Отиди и започнете изтриването на някои имена. 65 00:03:20,440 --> 00:03:21,690 Вижте какво се случва. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Така че виждате всеки може да играе. 68 00:03:38,510 --> 00:03:41,930 Това е само сигурността по подразбиране режим за Meteor. 69 00:03:41,930 --> 00:03:44,360 Вие виждате, че всеки може да промяна на данни един на друг. 70 00:03:44,360 --> 00:03:44,920 Не се притеснявайте. 71 00:03:44,920 --> 00:03:46,460 Meteor наистина има сигурност. 72 00:03:46,460 --> 00:03:49,860 Това е много лесно изпълнени функция, където можете да настроите потребители 73 00:03:49,860 --> 00:03:50,600 и данни за вход. 74 00:03:50,600 --> 00:03:53,750 Но точно сега, всеки, който посещава сайт може да се даде, тъй като много 75 00:03:53,750 --> 00:03:55,000 изтъква, както те искат. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Така че аз винаги по този начин, тъй като това е един забавен начин да започнете. 78 00:04:00,090 --> 00:04:02,360 И тогава ние просто ще поговорим за детайлите, как 79 00:04:02,360 --> 00:04:03,610 Meteor прави това възможно. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Така че аз отивам да покрие това, което е Meteor, и тогава ние просто ще трябва да покрие 82 00:04:15,660 --> 00:04:18,920 две предпоставки, че CS50 не е достатъчно застъпена. 83 00:04:18,920 --> 00:04:21,970 Но до края на срока, трябва да да се чувстват удобно с HTML, така и 84 00:04:21,970 --> 00:04:25,250 JavaScript наистина да получите вашите ръце мръсна работа с Meteor. 85 00:04:25,250 --> 00:04:28,740 И мисля, че това е просто един чудесен начин за още по-малко удобни учениците да правят 86 00:04:28,740 --> 00:04:32,930 окончателните проекти, защото те наистина може да останете в един език, и те да стигнем до 87 00:04:32,930 --> 00:04:37,620 видите промените на тяхната работят веднага. 88 00:04:37,620 --> 00:04:42,520 >> Така че този слайд показва само някои от основни технологии, които Meteor JS 89 00:04:42,520 --> 00:04:43,610 дава на вас. 90 00:04:43,610 --> 00:04:46,090 Meteor не е нова технология по себе си. 91 00:04:46,090 --> 00:04:48,390 Това е наистина един конгломерат от всички тези различни неща 92 00:04:48,390 --> 00:04:49,920 имаме в интернет. 93 00:04:49,920 --> 00:04:55,650 Както HTML, CSS, JavaScript, ние има някои технологии като Node.js, 94 00:04:55,650 --> 00:04:58,490 което е това, което ви позволява да стартирате JavaScript на задния край на вашия 95 00:04:58,490 --> 00:05:02,520 сървър, както и някои JavaScript библиотеки, като JQuery, за подчертаване. 96 00:05:02,520 --> 00:05:06,320 >> Всички те ще бъдат запознати с ти до края на семестъра. 97 00:05:06,320 --> 00:05:10,680 И ние също така да се използва база данни, наречена MongoDB, което е наистина 98 00:05:10,680 --> 00:05:14,250 популярната база данни сега за тези нови начинания. 99 00:05:14,250 --> 00:05:18,650 Можете да мислите за него като като MySQL, но той работи много добре с JavaScript. 100 00:05:18,650 --> 00:05:22,140 Има и някои други технологии тук и още много други не са изброени 101 00:05:22,140 --> 00:05:23,880 че всички интерфейс наистина добре с Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Трябва да се сложи този слайд, защото Понякога имам объркване за това. 104 00:05:30,540 --> 00:05:31,695 Meteor е само JavaScript. 105 00:05:31,695 --> 00:05:33,040 Не е PHP. 106 00:05:33,040 --> 00:05:34,360 Това не е Ruby по релси. 107 00:05:34,360 --> 00:05:37,950 Така че, ако пишете код, ако искате да напиши проект Meteor, наистина 108 00:05:37,950 --> 00:05:38,900 Не можете да използвате Ruby код. 109 00:05:38,900 --> 00:05:41,660 Вие наистина не използвате PHP. 110 00:05:41,660 --> 00:05:45,800 >> Докато ние ще видим, че разликите в код и синтаксис може да не е, че 111 00:05:45,800 --> 00:05:48,930 различен, аз искам да подчертая пред вас, че Meteor, всичко, което е код 112 00:05:48,930 --> 00:05:50,660 само в JavaScript. 113 00:05:50,660 --> 00:05:53,920 И всичко, което ви покажа потребителят ще бъде в HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Но вие не сте в действителност с помощта на някоя от на други езици, че друга 115 00:05:56,780 --> 00:05:59,250 семинари биха могли да покриват. 116 00:05:59,250 --> 00:06:01,020 Какво Meteor също е е уеб сървър. 117 00:06:01,020 --> 00:06:03,930 Така че дори и да не разполагат с никакви JavaScript, и просто искате да послужи 118 00:06:03,930 --> 00:06:07,020 CSS и HTML файлове, Meteor може да направи това за вас. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> И тук е връзката отново, за да на демо, че имам момчета 121 00:06:13,770 --> 00:06:15,380 Започнах да играя с. 122 00:06:15,380 --> 00:06:18,230 Но нека преминем към HTML. 123 00:06:18,230 --> 00:06:22,060 Колко хора тук имат никаква представа какво е HTML? 124 00:06:22,060 --> 00:06:22,670 OK страхотно. 125 00:06:22,670 --> 00:06:25,800 И това е напълно наред. 126 00:06:25,800 --> 00:06:29,410 Вие наистина не трябва да знам много за Дали защото ние ще отидем на 127 00:06:29,410 --> 00:06:31,220 използване на много просто. 128 00:06:31,220 --> 00:06:34,570 >> Това е, което простите HTML страница изглежда. 129 00:06:34,570 --> 00:06:38,840 Това може да бъде подобна на вашата Здравей, свят за HTML, докато ние започнахме в C с 130 00:06:38,840 --> 00:06:40,760 Здравей, свят. 131 00:06:40,760 --> 00:06:44,360 Аз не искам да се наблегне на подробности за какво HTML, какво главата, какво 132 00:06:44,360 --> 00:06:46,120 тялото, каква длъжност се прави там. 133 00:06:46,120 --> 00:06:49,130 Аз просто искам да подчертая, структурата, как имате тагове. 134 00:06:49,130 --> 00:06:50,860 И това е, ъглови скоби. 135 00:06:50,860 --> 00:06:52,380 И това е, когато имате Вашите дескриптори. 136 00:06:52,380 --> 00:06:54,790 >> Така че може да се наложи HTML документ. 137 00:06:54,790 --> 00:06:59,300 И тогава вие ще затворите HTML документ с наклонена черта едно и също нещо. 138 00:06:59,300 --> 00:07:01,200 И вие имате различни видове етикети. 139 00:07:01,200 --> 00:07:02,730 И забележете, че всички те са съпоставени. 140 00:07:02,730 --> 00:07:05,300 Ще трябва като етикет тяло а след това и в близост тагове тяло. 141 00:07:05,300 --> 00:07:08,620 А вътре в тялото маркер, че ще бъде съдържанието на вашата уеб страница. 142 00:07:08,620 --> 00:07:12,770 Така че тази уеб страница просто ще покаже в бял фон и черен текст 143 00:07:12,770 --> 00:07:14,242 Здравей, свят. 144 00:07:14,242 --> 00:07:17,610 Има ли, че има смисъл? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Сега отивам за бързо покриване на JavaScript. 147 00:07:22,640 --> 00:07:26,990 По думите на предишна TF, "JavaScript е най-добрият програмиране 148 00:07:26,990 --> 00:07:28,550 език в момента в съществуване. 149 00:07:28,550 --> 00:07:30,520 Други хора ще се опитат да ви кажа друго. 150 00:07:30,520 --> 00:07:33,840 Те са погрешни. "JavaScript е доста хубаво, и аз ще ви покажа защо. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Така че това е класически пример започваме с в C. Имаме Здравей, свят. 153 00:07:42,380 --> 00:07:45,500 И ако забележите, че дори и да се свие това, което трябва да имат най-малко две 154 00:07:45,500 --> 00:07:46,560 реда код тук. 155 00:07:46,560 --> 00:07:48,990 Имам няколко реда код. 156 00:07:48,990 --> 00:07:50,160 Това може да стане много просто. 157 00:07:50,160 --> 00:07:53,950 Един ред в JavaScript с console.log, и след това си низ, 158 00:07:53,950 --> 00:07:55,340 Здравей, свят. 159 00:07:55,340 --> 00:07:59,570 >> Сега, въпреки че ние се движим към нов език JavaScript, почти всички от 160 00:07:59,570 --> 00:08:02,950 уменията, които сте научили от кодиране в C са пряко преносим. 161 00:08:02,950 --> 00:08:07,130 Така струни, идеята на низове в двойни кавички, това е един и същ. 162 00:08:07,130 --> 00:08:08,890 Точката и запетаята, че е същото. 163 00:08:08,890 --> 00:08:11,190 >> А чист черта за JavaScript всъщност е, че 164 00:08:11,190 --> 00:08:12,360 не се нуждаят от точка и запетая. 165 00:08:12,360 --> 00:08:14,950 Тя може да се досетите, че трябва да сложи точка и запетая там. 166 00:08:14,950 --> 00:08:18,035 Но това каза, че винаги трябва да се опита да сложиш точка и запетая там. 167 00:08:18,035 --> 00:08:21,160 Той се счита за добър стил. 168 00:08:21,160 --> 00:08:22,650 И също така, че няма основна функция. 169 00:08:22,650 --> 00:08:25,580 Можете просто да започне в началото на файла и прочетете нещата ред по ред. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Тогава това е какво е необходимо да се направи че Hello, World програма. 172 00:08:32,760 --> 00:08:36,059 И след това забележите, че трябва да направи здрасти и след това пуснете здравей. 173 00:08:36,059 --> 00:08:38,530 С JavaScript, тя се счита интерпретиран език. 174 00:08:38,530 --> 00:08:40,780 Какво трябва да знаете е, че че няма решения. 175 00:08:40,780 --> 00:08:41,950 >> Не е компилация. 176 00:08:41,950 --> 00:08:43,440 Просто стартирате възел. 177 00:08:43,440 --> 00:08:47,220 И не забравяйте възел е програмата, която ще стартирате свой JavaScript на конзола, 178 00:08:47,220 --> 00:08:49,030 на черна кутия, а не на сайта. 179 00:08:49,030 --> 00:08:52,480 Така че просто го дам файла, и това е ще отпечата Здравей, свят. 180 00:08:52,480 --> 00:08:56,750 >> Аз всъщност ще направя малко демо на че за вас точно тук. 181 00:08:56,750 --> 00:08:59,380 Така че нека да преминем към моя 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 Нека да се преместим тук. 185 00:09:06,150 --> 00:09:07,930 Така че аз ще започна възел. 186 00:09:07,930 --> 00:09:10,230 И аз ще ви покажа само секунда как да се получи, че 187 00:09:10,230 --> 00:09:12,000 инсталирани, ако не го направиш. 188 00:09:12,000 --> 00:09:14,800 Позволете ми да направя, че малко по-големи. 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 Надявам се вие ​​да видите. 192 00:09:20,120 --> 00:09:27,390 >> Така че мога да пиша код, както направих аз преди в console.log. 193 00:09:27,390 --> 00:09:28,915 Здравей, Роджър. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 И забележи, че не е нужно да се направи точка и запетая, но след това се получи това странно 196 00:09:35,330 --> 00:09:36,850 неопределено нещо. 197 00:09:36,850 --> 00:09:40,310 Ами всъщност, да не говорим за неопределеното нещо. 198 00:09:40,310 --> 00:09:43,590 Нещата, които искам да забележите, е, че вие не се нуждаят от основна функция тук 199 00:09:43,590 --> 00:09:45,050 да започне да тече код. 200 00:09:45,050 --> 00:09:46,790 И няма край наклонена черта. 201 00:09:46,790 --> 00:09:50,683 Има някои малки функции, които JavaScript може да направи за вас. 202 00:09:50,683 --> 00:09:53,510 >> ПУБЛИКАТА: [недоловим]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: О, да. 204 00:09:54,000 --> 00:09:57,460 Съжалявам за това. 205 00:09:57,460 --> 00:10:02,200 И тази стрела просто означава възел е готов за друга команда. 206 00:10:02,200 --> 00:10:05,380 Така че можете да го направите проста математика, като едно плюс едно. 207 00:10:05,380 --> 00:10:10,360 И точно както в C, тези математика символи са по същия начин. 208 00:10:10,360 --> 00:10:13,750 Мога да го направя console.log на число. 209 00:10:13,750 --> 00:10:15,090 И тогава се отпечатва два. 210 00:10:15,090 --> 00:10:19,000 JavaScript е хубаво в този смисъл, защото въпреки че две е едно цяло число, 211 00:10:19,000 --> 00:10:22,020 като в C, ако е с ФОРМАТ две, вие ще получите съобщение за грешка. 212 00:10:22,020 --> 00:10:24,140 >> Но JavaScript знае, о, ти си печатате нещо. 213 00:10:24,140 --> 00:10:25,070 Отивам да се нуждае от низ. 214 00:10:25,070 --> 00:10:28,410 Така че нека да конвертирате, че две в низ за вас. 215 00:10:28,410 --> 00:10:34,970 И вие можете да направите някои странни неща и след като хай плюс две. 216 00:10:34,970 --> 00:10:39,520 Това е просто още един пример за това как две могат да бъдат превърнати в там. 217 00:10:39,520 --> 00:10:45,135 >> Така че с това от пътя, нека да просто покриване на малко повече JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Така че в C, имаме видове. 220 00:10:50,540 --> 00:10:53,925 Всеки път, когато ние създадохме нова променлива, ние Трябва да кажа, че е това е Чар * или 221 00:10:53,925 --> 00:10:55,850 низ в случай CS50. 222 00:10:55,850 --> 00:10:58,350 Или ако имахме десетичен номер, ние трябваше да се каже плувка. 223 00:10:58,350 --> 00:11:00,690 Ако нямаме нужда от Булева, ние трябваше да се каже, б. 224 00:11:00,690 --> 00:11:04,220 И тогава, след като имахме нещо, което е Б, тя трябваше да остане на булев. 225 00:11:04,220 --> 00:11:07,360 Ние не може да магически го смените с едно цяло число, ако не пише в 226 00:11:07,360 --> 00:11:09,450 скоби, ПНА от б. 227 00:11:09,450 --> 00:11:11,820 >> В JavaScript, няма видове. 228 00:11:11,820 --> 00:11:13,350 Просто мисля за него като VAR. 229 00:11:13,350 --> 00:11:15,270 И VAR е как да се създаде нов тип. 230 00:11:15,270 --> 00:11:19,210 Така че тя може да има VAR и е низ, VAR п е число с плаваща запетая, 231 00:11:19,210 --> 00:11:21,230 и VAR б е вярно. 232 00:11:21,230 --> 00:11:24,980 И едно нещо, което не може да се направи в C е Сега мога да кажа, след тази линия, б 233 00:11:24,980 --> 00:11:26,230 е равна на цяло число. 234 00:11:26,230 --> 00:11:27,400 И това работи добре. 235 00:11:27,400 --> 00:11:30,840 Има предвид, че в C, той ще каже като Вашата число не е булев. 236 00:11:30,840 --> 00:11:32,770 Не мога да направя това за вас. 237 00:11:32,770 --> 00:11:34,050 Или [недоловим] ще хвърли грешка. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> И аз може бързо да се върне в възел и покаже някои от тази функционалност. 240 00:11:43,420 --> 00:11:44,960 Така че мога да имам VAR а. 241 00:11:44,960 --> 00:11:52,120 Наречете го "Apple". Така че сега, когато се отпечата, Получа моя низ, "Apple". Но аз мога 242 00:11:52,120 --> 00:11:54,900 Също така сега кажа равнява на три. 243 00:11:54,900 --> 00:11:56,610 И забележи, че няма грешка. 244 00:11:56,610 --> 00:12:00,630 И сега се равнява на три. 245 00:12:00,630 --> 00:12:01,880 Всякакви въпроси досега? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Да. 248 00:12:07,570 --> 00:12:10,780 >> ПУБЛИКАТА: Изчакайте, така console.log е основно ФОРМАТ, нали? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log е вашият ФОРМАТ. 250 00:12:12,180 --> 00:12:12,652 >> ПУБЛИКАТА: Точно така. 251 00:12:12,652 --> 00:12:17,844 Така че как така, ако просто напишете в осем или [недоловим], какво означава, че 252 00:12:17,844 --> 00:12:18,790 [Недоловим]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Точно така. 254 00:12:19,160 --> 00:12:21,690 Така е - 255 00:12:21,690 --> 00:12:24,240 нещата в зелено получава отпечатан в конзолата. 256 00:12:24,240 --> 00:12:27,050 И това, което ще видите е следващия когато ние се движат в интернет 257 00:12:27,050 --> 00:12:29,300 страница, ние не ще се прави - 258 00:12:29,300 --> 00:12:32,650 JavaScript ще бъде с HTML шаблон, който ще покрива в 259 00:12:32,650 --> 00:12:34,730 Meteor част на семинара. 260 00:12:34,730 --> 00:12:38,730 И това е мястото, където може да се каже, дай ми стойността на една, и тя ще постави в 261 00:12:38,730 --> 00:12:39,920 вашия сайт. 262 00:12:39,920 --> 00:12:42,520 Защото всеки уеб браузър всъщност има малко конзола. 263 00:12:42,520 --> 00:12:46,380 И ако сте разглеждали много внимателно, ще получите някаква информация, като вашата 264 00:12:46,380 --> 00:12:51,210 ФОРМАТ появява се там с всяка уеб страница, която зареди. 265 00:12:51,210 --> 00:12:53,580 >> ПУБЛИКАТА: Как взехте към екрана на черупка? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Така че има команда нарича възел, и той идва с Meteor. 267 00:12:57,680 --> 00:13:01,230 Така че аз просто ще се откажат от там. 268 00:13:01,230 --> 00:13:03,580 Node е програмата, която тече JavaScript. 269 00:13:03,580 --> 00:13:07,070 Ако отидете в meteor.com, вие можете да инсталирате Meteor, и 270 00:13:07,070 --> 00:13:08,480 Meteor идва с възел. 271 00:13:08,480 --> 00:13:11,470 Защото Meteor е просто колекция на всички тези софтуерни пакети. 272 00:13:11,470 --> 00:13:15,280 Когато стигнем до нашия пример, аз ще го направя ходи всеки чрез инсталиране 273 00:13:15,280 --> 00:13:17,625 Метеор, и след това можете да играете с възел себе си. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 Добре, чудесно. 276 00:13:23,980 --> 00:13:29,640 >> Така че друга голяма възможност за работа с JavaScript се вериги са еднакви. 277 00:13:29,640 --> 00:13:31,430 Доста точно същото. 278 00:13:31,430 --> 00:13:35,530 За вериги, докато примки, направете докато цикли, ако друго. 279 00:13:35,530 --> 00:13:36,880 Всичко е същото и с тези скоби. 280 00:13:36,880 --> 00:13:38,540 Това е същия синтаксис. 281 00:13:38,540 --> 00:13:41,350 В случай на за контур, малкото подробности, които трябва да се обърне внимание 282 00:13:41,350 --> 00:13:45,340 да се вместо Int I е равно на 0, ние трябва да кажем, VAR I е равна на 0. 283 00:13:45,340 --> 00:13:49,580 Но това е така, защото на променливите видове, за които говорихме преди. 284 00:13:49,580 --> 00:13:53,360 >> Забележете, че става ФОРМАТ дневник, а console.log. 285 00:13:53,360 --> 00:13:57,370 И ние не трябва да направите, процентът р н наклонена черта и след това преминават в I. 286 00:13:57,370 --> 00:13:58,380 Можете просто да кажа, че. 287 00:13:58,380 --> 00:14:01,910 И това ще отпечата номерата от нула до четири. 288 00:14:01,910 --> 00:14:04,830 Ако вие искате да опитате това, защото те изведе добра точка. 289 00:14:04,830 --> 00:14:08,730 Ако искате да изпълните този код на вашия собствен браузър, бих препоръчал, че 290 00:14:08,730 --> 00:14:11,040 всеки отваря Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome или всеки уеб браузър наистина, но аз като Google Chrome 292 00:14:14,220 --> 00:14:17,350 защото това е много стандартизирани. 293 00:14:17,350 --> 00:14:24,240 >> Можете да отидете, аз вярвам, ако щракнете с десния кликнете върху всеки сайт, само в 294 00:14:24,240 --> 00:14:26,880 празно пространство, вие ще видите опция наречен Огледайте Element. 295 00:14:26,880 --> 00:14:28,810 Това е обикновено последната една. 296 00:14:28,810 --> 00:14:32,630 И когато щракнете върху него, вие трябва да получите нещо на дъното се появи тук. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Позволете ми да увеличите тук. 299 00:14:37,780 --> 00:14:41,390 И ние имаме няколко раздели тук. 300 00:14:41,390 --> 00:14:43,580 В едно те е грижа за е конзола. 301 00:14:43,580 --> 00:14:48,820 >> И това е една конзола JavaScript че сега можете да работите. 302 00:14:48,820 --> 00:14:49,370 Чудесно. 303 00:14:49,370 --> 00:14:52,560 Така че мога да пишете в същите неща Бях преди да пишете в възел. 304 00:14:52,560 --> 00:14:54,790 Едно плюс едно е две. 305 00:14:54,790 --> 00:14:59,110 Var а е равно на "Apple". 306 00:14:59,110 --> 00:15:03,430 И тогава щях да отпечатате, и е "Apple". 307 00:15:03,430 --> 00:15:08,760 Така през всеки уеб браузър, Firefox, Chrome, Safari, каквото и да се използва, тъй като 308 00:15:08,760 --> 00:15:11,240 стига да имате достъп до JavaScript конзола, на един и същ вид 309 00:15:11,240 --> 00:15:15,520 код бягах в възела, които може да работи в собствения си конзола. 310 00:15:15,520 --> 00:15:17,530 >> ПУБЛИКАТА: [недоловим]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Как да стигнем до конзолата? 312 00:15:18,690 --> 00:15:22,880 Вие трябва да кликнете с десния бутон върху празно пространство на страницата, и след това да отидете до 313 00:15:22,880 --> 00:15:26,100 Огледайте Element. 314 00:15:26,100 --> 00:15:28,290 Така че всъщност, бих искал вие момчета просто се уверете, че можете да 315 00:15:28,290 --> 00:15:29,860 Огледайте Element в Chrome. 316 00:15:29,860 --> 00:15:32,630 И виждате, когато напишете в някои код в конзолата 317 00:15:32,630 --> 00:15:33,880 че той работи правилно. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Чувствайте се свободни да задавате всякакви въпроси, ако нещо, което не е ясно тук. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> ПУБЛИКАТА: [недоловим]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Всякакъв вид, нали. 324 00:16:28,200 --> 00:16:31,370 Има само един вид за всички променливи в JavaScript. 325 00:16:31,370 --> 00:16:34,160 И когато трябва да се декларира променлива, вие казвате VAR. 326 00:16:34,160 --> 00:16:35,410 >> ПУБЛИКАТА: [недоловим]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Да. 329 00:16:40,050 --> 00:16:43,730 Така е, но в JavaScript, това е много умни за разпределяне на паметта. 330 00:16:43,730 --> 00:16:44,600 Не е изчистване. 331 00:16:44,600 --> 00:16:45,780 Не е безплатно. 332 00:16:45,780 --> 00:16:48,490 Така че не е нужно да се притеснявате за това. 333 00:16:48,490 --> 00:16:51,140 Това е друга хубава черта, че JavaScript ви предоставя. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Така че бих искал да продължиш напред. 336 00:16:58,440 --> 00:17:01,360 Ще бъде ли ОК? 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 Чудесно. 340 00:17:07,720 --> 00:17:10,660 >> ПУБЛИКАТА: Аз съм просто имат проблеми намирането на [? Огледайте Element. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: Така Safari външен вид малко по-различно, но смятате ли, 343 00:17:16,250 --> 00:17:18,599 Трябва Chrome или Firefox? 344 00:17:18,599 --> 00:17:21,619 Тези, които са по-лесно такива, за да се работи. 345 00:17:21,619 --> 00:17:25,079 И за вашите проекти, аз препоръчвам залепване с един браузър, защото 346 00:17:25,079 --> 00:17:29,610 вие ще получите много бъгове почти защото всеки браузър лакомства 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML малко по-различно. 348 00:17:31,980 --> 00:17:35,170 Така че аз мисля, че животът ви ще бъде много по- по-лесно, ако се придържате към Chrome, защото 349 00:17:35,170 --> 00:17:37,052 тя е на разположение на всички машини. 350 00:17:37,052 --> 00:17:38,790 И това е доста популярен браузър. 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 >> Така че следващата тема, че ние трябва да покрие в JavaScript - 355 00:18:06,370 --> 00:18:07,730 Съжалявам за форматирането тук. 356 00:18:07,730 --> 00:18:11,630 Аз трябваше да се простират на слайдовете, за да съответстват на проектора широкоекранен. 357 00:18:11,630 --> 00:18:14,750 Но сега бих искал да говоря за как го правиш функции. 358 00:18:14,750 --> 00:18:17,410 В C, ние трябва да декларират всяка функция. 359 00:18:17,410 --> 00:18:22,130 Подобно на вътр добавите, и това отнема едно цяло число в х, и Int Y, а след това ние ги добавите 360 00:18:22,130 --> 00:18:23,100 и го връща. 361 00:18:23,100 --> 00:18:26,850 >> В JavaScript, функции са всъщност друг тип променлива. 362 00:18:26,850 --> 00:18:30,560 Така че ние просто кажем, VAR добавите, и той е равен на функция. 363 00:18:30,560 --> 00:18:32,580 A функция, която заема х и у. 364 00:18:32,580 --> 00:18:33,790 И какво общо има тази функция направя? 365 00:18:33,790 --> 00:18:39,910 Тя връща х плюс база през точно същото синтаксис, както в C. И забележите, че в 366 00:18:39,910 --> 00:18:44,290 JavaScript, няма да бъде казано какво, Функцията връща, защото, тъй като 367 00:18:44,290 --> 00:18:49,160 променливи не са видове или иначе, тя това не е наистина продуктивни, предполагам, 368 00:18:49,160 --> 00:18:52,855 да се посочва цялото си видове в своите функции. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 И тогава, когато ти се обадя функция, тя е точно същия синтаксис като C. Можете 371 00:18:59,565 --> 00:19:03,610 просто минават през вашите два аргумента. 372 00:19:03,610 --> 00:19:07,330 Бих искал да опитам това в моя възел. 373 00:19:07,330 --> 00:19:09,284 Мога ли да променя слайда? 374 00:19:09,284 --> 00:19:10,534 >> ПУБЛИКАТА: [недоловим]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Ще можем ли да получите копие от слайдове? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Да. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Така че нека да се върнем към възел. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Така че аз ще кажа VAR добавка се равнява на функция. 382 00:19:38,160 --> 00:19:40,650 Като една Х, като на годишна. 383 00:19:40,650 --> 00:19:43,690 И тогава се знае, че на отчета която не е завършена. 384 00:19:43,690 --> 00:19:47,692 Така че в възел или във вашата конзола, вие ще забележите, точка точка точка. 385 00:19:47,692 --> 00:19:49,660 Така че можете да продължите да въвеждате вашия код. 386 00:19:49,660 --> 00:19:53,650 И сега аз ще кажа връщане х плюс Y. 387 00:19:53,650 --> 00:19:54,790 И след това затворете скобата. 388 00:19:54,790 --> 00:20:00,260 И в момента, да затворя скобата, тя вижда, че изявлението е завършен. 389 00:20:00,260 --> 00:20:04,730 >> И сега мога да кажа, добавете една и две. 390 00:20:04,730 --> 00:20:08,280 И аз ще взема три. 391 00:20:08,280 --> 00:20:11,545 Имайте предвид, че ако просто се добави, то ми каза, че това е функция. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 И едно нещо, само за да се обърне внимание на е, ако ви го дам грешен номер на 394 00:20:19,570 --> 00:20:23,380 аргументи, той ще направи. 395 00:20:23,380 --> 00:20:25,890 Тя ще работи, но вие може да получите някои наистина странни резултати. 396 00:20:25,890 --> 00:20:30,070 Нещо като стойност за боклук, можете да мислите за него. 397 00:20:30,070 --> 00:20:32,060 Така че, моля отидете напред и опитайте това във Вашите браузъри. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> ОК, така че в интерес на време, аз ще Сега да преминем към следващите характеристики в 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 Така че ние сме говорили за функции. 403 00:21:38,400 --> 00:21:40,840 Ние говорихме за контури, ако отчети също. 404 00:21:40,840 --> 00:21:43,660 Синтаксисът е същият като С и променливи. 405 00:21:43,660 --> 00:21:46,090 И сега искам да говоря за масиви. 406 00:21:46,090 --> 00:21:48,520 Съжалявам, че слайдовете имам малко отрязани. 407 00:21:48,520 --> 00:21:52,470 Но всъщност, в първата част, всичко, което трябва да работи. 408 00:21:52,470 --> 00:21:55,410 >> Така че ние имаме друг тип за променливи, наречени масиви. 409 00:21:55,410 --> 00:21:57,930 И ние използваме квадратни скоби да ги означават. 410 00:21:57,930 --> 00:22:01,960 Така в първия пример, VAR ARR, празен масив. 411 00:22:01,960 --> 00:22:05,900 Това е празен списъка, така масив не съдържа елементи. 412 00:22:05,900 --> 00:22:09,770 И вие също може да има масив с три струни. 413 00:22:09,770 --> 00:22:13,290 В C, всеки елемент в масив трябва да бъде един и същ вид. 414 00:22:13,290 --> 00:22:16,940 >> Но тъй като в JavaScript има само един вид, масиви може действително 415 00:22:16,940 --> 00:22:18,510 има различни видове ценности. 416 00:22:18,510 --> 00:22:22,220 Както тук, имаме масив с плувка, на булев, и вътр. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Начинът, по който се получи дължина на масив, вие всъщност не трябва да използвате размер на 419 00:22:28,510 --> 00:22:29,030 или нещо подобно. 420 00:22:29,030 --> 00:22:31,570 Можете просто да кажа масив и след точка, за дължина. 421 00:22:31,570 --> 00:22:36,450 И тази точка дължина, можеш да се сетиш това нещо като структура, как всеки 422 00:22:36,450 --> 00:22:40,890 масив има поле, допълнително променлива вътре в него, наречена дължина, които 423 00:22:40,890 --> 00:22:42,910 следи за колко време ви е масив. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Така че аз съм просто бързо ще отидат в възли и ви покажа едно и също нещо. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Така че мога да имам един масив. 428 00:22:58,050 --> 00:23:00,280 Тя може да бъде празно списъка. 429 00:23:00,280 --> 00:23:02,030 И това ще ме отпечатате резервно празен списък. 430 00:23:02,030 --> 00:23:02,530 Чудесно. 431 00:23:02,530 --> 00:23:08,560 Сега мога да кажа, че на масива има един, и 2.3, и вярно. 432 00:23:08,560 --> 00:23:10,400 Така че всички различни видове. 433 00:23:10,400 --> 00:23:11,740 И забележите, че работи добре. 434 00:23:11,740 --> 00:23:16,330 Масивът се върна опори всички стойности, аз го е дал. 435 00:23:16,330 --> 00:23:20,440 >> Ако исках да се получи на първия елемент на масив, синтаксисът е всъщност 436 00:23:20,440 --> 00:23:22,980 същите като в C. Можете Може да се каже масив нула. 437 00:23:22,980 --> 00:23:24,430 И вие получавате едно. 438 00:23:24,430 --> 00:23:27,920 Мога да кажа същото и за масив две, а аз получавам вярно. 439 00:23:27,920 --> 00:23:31,610 Ако правя нещо извън масива, JavaScript е безопасно език 440 00:23:31,610 --> 00:23:33,390 защото не ще получите грешка на сегмента. 441 00:23:33,390 --> 00:23:34,780 Ще получите неопределено. 442 00:23:34,780 --> 00:23:37,510 >> И това неопределено, можете да вид от мисли за него като нищожна. 443 00:23:37,510 --> 00:23:41,390 Но тя може да бъде много досадно, когато код, защото ще трябва да се провери дали 444 00:23:41,390 --> 00:23:43,880 почти всичко, което правите, вие работа с е недефинирана. 445 00:23:43,880 --> 00:23:47,700 И ние ще видим някои примери за това, когато ние работим в Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Въпреки масив четири е неопределено, Мога да го зададете стойност. 447 00:23:50,600 --> 00:23:52,570 Така че аз ще кажа, че се равнява на една. 448 00:23:52,570 --> 00:23:57,050 И след това, ако отида в масив, I има допълнително стойност там. 449 00:23:57,050 --> 00:24:02,470 И забележете, че масив три, които също е недефинирана, остава неопределено. 450 00:24:02,470 --> 00:24:05,690 Така че аз сега имам един масив с дупка в средата. 451 00:24:05,690 --> 00:24:07,750 Но ако аз отпечатан масив четири, Бих се получи един. 452 00:24:07,750 --> 00:24:10,960 Ако го бях направил масив три, получавам неопределено. 453 00:24:10,960 --> 00:24:13,880 >> Така че хубава черта, че JavaScript ви позволява да направите, е, че списъците може 454 00:24:13,880 --> 00:24:15,620 промените размера. 455 00:24:15,620 --> 00:24:18,520 Масивите, масиви са списъци, те променят размера. 456 00:24:18,520 --> 00:24:22,480 И вие можете да определите всяко място вътре в тях. 457 00:24:22,480 --> 00:24:25,370 И всички пропуски ще бъдат попълнени с тези недефинирани стойности. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Така че ние сме говорили за масиви. 460 00:24:33,450 --> 00:24:37,050 Сега, последното нещо, което искам да покрива в JavaScript, и това е много важно 461 00:24:37,050 --> 00:24:39,550 за разбирането на кода, който Отивам да ви покажа, 462 00:24:39,550 --> 00:24:41,530 ще бъде обекти. 463 00:24:41,530 --> 00:24:45,140 И обекти са термин в - 464 00:24:45,140 --> 00:24:47,380 По принцип, те присъстват в много езици за програмиране. 465 00:24:47,380 --> 00:24:50,620 И всеки език за програмиране, обича да мисли за тях малко по-различно. 466 00:24:50,620 --> 00:24:55,050 >> Но мисля, че за Meteor, добър аналогия е C STRUCT. 467 00:24:55,050 --> 00:24:59,410 В C, ако искаме да намерите STRUCT студент, ние ще трябва да уточни всички 468 00:24:59,410 --> 00:25:00,240 нещата вътре в него. 469 00:25:00,240 --> 00:25:01,440 Така че трябва да има име. 470 00:25:01,440 --> 00:25:02,140 Тя трябва да има една година. 471 00:25:02,140 --> 00:25:03,650 Тя трябва да има пол. 472 00:25:03,650 --> 00:25:07,350 Но ние също така трябва да го даде видове от всички тези неща. 473 00:25:07,350 --> 00:25:11,200 >> И сега, че ние имаме тази форма за на структура, наречена студент, ние можем да имаме 474 00:25:11,200 --> 00:25:14,640 нова структура, а след това можем ръчно казват това, което всяка една от областите са. 475 00:25:14,640 --> 00:25:17,740 И това е мястото, където ние използваме точка име, дот година, точкова пол. 476 00:25:17,740 --> 00:25:21,930 И тогава ние просто, в последния ред на код тук, аз съм просто отпечатване на 477 00:25:21,930 --> 00:25:24,980 име на студента на структурата. 478 00:25:24,980 --> 00:25:28,220 >> В света на JavaScript, е налице Няма такова нещо като структура на студент. 479 00:25:28,220 --> 00:25:30,660 Вие не генерират предварително зададена структура. 480 00:25:30,660 --> 00:25:34,680 Вие всъщност само в тези скоби, ви кажа какво е всичко. 481 00:25:34,680 --> 00:25:40,680 И това е този странен нотация с дебелото черво и след запетаята, но ще 482 00:25:40,680 --> 00:25:41,810 свикнете с него съвсем скоро. 483 00:25:41,810 --> 00:25:44,930 >> И това всъщност е много лесно, гъвкав начин само 484 00:25:44,930 --> 00:25:47,400 манипулиране на обекти. 485 00:25:47,400 --> 00:25:51,270 Можете да забележите, че ако искам да се получи име от S, аз просто правя s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Има ли някакви въпроси относно това? 488 00:25:56,790 --> 00:26:00,260 Това обикновено е много объркващо тема, когато ще се въведе на хората да 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Ще направя някои примери за това в възел. 491 00:26:04,110 --> 00:26:05,010 Да? 492 00:26:05,010 --> 00:26:06,260 >> ПУБЛИКАТА: [недоловим]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Значи правиш имат например, множествена 495 00:26:16,230 --> 00:26:18,764 променливи от този тип. 496 00:26:18,764 --> 00:26:20,014 >> ПУБЛИКАТА: [недоловим]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> ПУБЛИКАТА: [недоловим]. 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 Така че предполагам, че начина, по който ще отиде за е вие ще постави обекти в масив, 502 00:26:43,760 --> 00:26:45,340 и сега ще имате масив от обекти. 503 00:26:45,340 --> 00:26:47,547 Това отговаря ли на въпроса ти? 504 00:26:47,547 --> 00:26:48,797 >> ПУБЛИКАТА: [недоловим]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Да. 507 00:26:51,260 --> 00:26:52,430 S е един обект. 508 00:26:52,430 --> 00:26:57,455 Така че можем да отидем в възел и просто поиграете малко. 509 00:26:57,455 --> 00:26:58,705 >> ПУБЛИКАТА: [недоловим]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: О, OK. 512 00:27:05,440 --> 00:27:10,660 Така че, ако ме питаш кои класове са, класове се третират по различен начин, 513 00:27:10,660 --> 00:27:14,510 и те имат наистина странно схема наречен прототипи, които не го направите 514 00:27:14,510 --> 00:27:15,620 трябва да знаете за. 515 00:27:15,620 --> 00:27:17,910 Не е фиксиран начин да го направя. 516 00:27:17,910 --> 00:27:21,160 Така че, ако искате да генерирате множество, вие просто вид имат функция 517 00:27:21,160 --> 00:27:22,100 или нещо такова. 518 00:27:22,100 --> 00:27:24,340 Можете да генерира своя собствена функция. 519 00:27:24,340 --> 00:27:26,765 И ти ще се върне един обект. 520 00:27:26,765 --> 00:27:29,550 Това би било най-лесният начин да го направя. 521 00:27:29,550 --> 00:27:32,454 Това прави ли смисъл? 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 Чудесно. 525 00:27:36,650 --> 00:27:39,820 Така че след като имаме разбиране на JavaScript обекти, те са - 526 00:27:39,820 --> 00:27:41,082 о, да. 527 00:27:41,082 --> 00:27:42,026 >> ПУБЛИКАТА: [недоловим] 528 00:27:42,026 --> 00:27:45,802 Например, каква е разликата между "Roger" с двойни кавички сравнение 529 00:27:45,802 --> 00:27:47,510 [Недоловим] с единични кавички. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Така че това е в C, имаме сингъл кавички, представляващи символи, и двойно 532 00:27:52,730 --> 00:27:54,550 кавички, представляващи струни. 533 00:27:54,550 --> 00:27:57,920 JavaScript всъщност хвърля това далеч защото можете да имате с низове 534 00:27:57,920 --> 00:28:01,570 единични или двойни кавички, а има Няма такова нещо като един Чар. 535 00:28:01,570 --> 00:28:04,400 Но ако просто копират същите C код, JavaScript ще 536 00:28:04,400 --> 00:28:05,610 лечение на него само глоба. 537 00:28:05,610 --> 00:28:07,710 Което е защо го третира като - 538 00:28:07,710 --> 00:28:12,540 Ето защо мога буквално порт кода в този смисъл. 539 00:28:12,540 --> 00:28:15,420 >> И аз искам да ви покажа един пример на по-сложен обект. 540 00:28:15,420 --> 00:28:19,890 Така че можете да забележите, че един обект може да има струни като стойности. 541 00:28:19,890 --> 00:28:21,530 То може да има друг списък от стойности. 542 00:28:21,530 --> 00:28:23,820 Тя може да има списък на Предмети като стойности. 543 00:28:23,820 --> 00:28:25,870 Има наистина няма ограничение за това. 544 00:28:25,870 --> 00:28:29,070 Така че тук, това е просто една добра демонстрация за това как можете да получите много 545 00:28:29,070 --> 00:28:33,290 различни видове случват всички в един обект. 546 00:28:33,290 --> 00:28:34,540 Това прави ли смисъл? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Сега, вие също може да има масиви от обекти. 549 00:28:44,700 --> 00:28:48,530 И тук е нещо подобно на това, което попита, ако може да има обекти на 550 00:28:48,530 --> 00:28:49,190 от същия тип. 551 00:28:49,190 --> 00:28:52,960 Но проблемът е, че няма фиксиран формат за обекти в JavaScript. 552 00:28:52,960 --> 00:28:55,020 Така че трябва да ги посочите себе си. 553 00:28:55,020 --> 00:28:57,600 И вие трябва да се уверите, че те са еднакво. 554 00:28:57,600 --> 00:29:00,410 Така че тук, когато се създаде обект, имам за да се уверите, че всеки един има 555 00:29:00,410 --> 00:29:01,910 име, и всеки един има къща. 556 00:29:01,910 --> 00:29:05,620 >> И тогава имам един набор от тези, и че може да бъде моята къща. 557 00:29:05,620 --> 00:29:08,290 И след това тук можете вид Вижте Документацията за контур става. 558 00:29:08,290 --> 00:29:14,090 The за контур е просто един наистина общ начин да преминават през масив 559 00:29:14,090 --> 00:29:15,150 в JavaScript. 560 00:29:15,150 --> 00:29:18,010 Забележете, че този модел е много подобен до C еквивалент, където можете 561 00:29:18,010 --> 00:29:21,470 Трябва Int аз равна на нула. аз е по-малко от дължината. 562 00:29:21,470 --> 00:29:23,634 И тогава аз плюс плюс. 563 00:29:23,634 --> 00:29:26,035 >> Това е почти един и същ код, с изключение на някои детайли. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Същото прави и всеки да разбере какъв обект е? 566 00:29:33,120 --> 00:29:35,820 Просто мисля за него като за C структура. 567 00:29:35,820 --> 00:29:38,784 И начина за достъп до полетата е само с точка. 568 00:29:38,784 --> 00:29:41,950 И толкова дълго, колкото можете да си спомня как да използвате точка, всичко ще е наред. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> ОК, така че сега може всеки прочетете този линк? 571 00:29:58,790 --> 00:30:02,220 Това е линка към проекта. 572 00:30:02,220 --> 00:30:04,950 Има ли някой има проблеми виждам връзката? 573 00:30:04,950 --> 00:30:06,251 ОК, нека да го смените след това. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Това не е всичко - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Да, това е може би най- Най-лесният начин да го направя. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Чудесно. 580 00:30:34,560 --> 00:30:38,270 >> Така че, ако отидете на този сайт, трябва да има има някои инструкции, че ще 581 00:30:38,270 --> 00:30:42,550 отида за това как можем да инсталираме Meteor и да получите нашия проект проба бягане. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Искам да се уверете, че всеки има връзката надолу, преди да се движи. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Мога ли да продължим? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 Добре, чудесно. 588 00:31:23,680 --> 00:31:25,890 >> Така че аз съм тук в сайта. 589 00:31:25,890 --> 00:31:28,740 Ще забележите, че във файла Readme, ние имаме някои инструкции за това как 590 00:31:28,740 --> 00:31:30,200 да се създаде та. 591 00:31:30,200 --> 00:31:33,920 Трябва да бъде или в CS50 уред или само на Mac. 592 00:31:33,920 --> 00:31:35,330 Windows няма да работи. 593 00:31:35,330 --> 00:31:37,760 Но в общи линии всичко, което не е Windows трябва да работят с тях 594 00:31:37,760 --> 00:31:39,820 инструкции добре. 595 00:31:39,820 --> 00:31:41,470 Но аз мога да го направя малко голяма, както. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Така че вие ​​ще изпълните първото чифт от команди. 598 00:31:48,820 --> 00:31:50,450 Тези момчета просто ще инсталират Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Мога да отида на моя терминал. 601 00:31:58,530 --> 00:32:02,710 И ако аз тичам същото нещо сега, Аз вече го имате инсталиран. 602 00:32:02,710 --> 00:32:03,710 Така че това е малко по-кратък. 603 00:32:03,710 --> 00:32:05,155 Може да отнеме малко по-дълго за вас, момчета. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Но искам първо да се уверите, че имаме Meteor бягане. 606 00:32:13,530 --> 00:32:16,780 След Meteor е инсталиран, трябва да да бъде в състояние да получи възел в конзолата. 607 00:32:16,780 --> 00:32:19,430 >> ПУБЛИКАТА: Искат за въвеждане на парола. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Това ще бъде вашата потребителска парола, ако сте на Mac. 609 00:32:22,110 --> 00:32:27,030 Той просто се нуждае от разрешение за промените някои системни файлове. 610 00:32:27,030 --> 00:32:30,690 Така че въпросът е, ако той ви пита за парола, това е просто ви питам 611 00:32:30,690 --> 00:32:33,510 за вашето потребителско име и парола, когато влезете във вашия Mac. 612 00:32:33,510 --> 00:32:35,770 И това е така, че можете да променя системните файлове. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> И когато сте готови, можете да преминете към следващата стъпка, която ще копира 615 00:32:51,260 --> 00:32:54,220 примерен код, аз имам от сайта. 616 00:32:54,220 --> 00:32:58,330 И вие ще получите нова директория на вашия домашна директория, наречена табло, и 617 00:32:58,330 --> 00:32:59,670 ние можем да започнем да работим от там. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Така че аз съм просто копиране и вмъкване на тези команди в моя терминал. 620 00:33:14,620 --> 00:33:16,780 И за мен, аз вече го клонира. 621 00:33:16,780 --> 00:33:21,470 Така че точно сега мога да се движа в табло. 622 00:33:21,470 --> 00:33:23,450 И аз трябва да има няколко файлове там. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Някакви въпроси? 625 00:33:31,113 --> 00:33:34,430 >> ПУБЛИКАТА: [недоловим] не работи. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: О, може да трябва Git инсталирана също. 627 00:33:36,741 --> 00:33:39,150 >> ПУБЛИКАТА: [недоловим]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Моля? 629 00:33:40,162 --> 00:33:41,412 >> ПУБЛИКАТА: [недоловим]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: О, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Това е така, защото може да се наложи да бъде влезли в GitHub, за да получите този линк. 634 00:33:52,860 --> 00:33:58,160 Ако вие може да видите, че най-лесният начин да го направя тогава аз ще кажа е, 635 00:33:58,160 --> 00:33:59,270 свали ципа. 636 00:33:59,270 --> 00:34:02,010 И това просто ще изтегли всички файлове. 637 00:34:02,010 --> 00:34:05,510 И след това, след като го сложите в изтеглите или вашата домашна директория - 638 00:34:05,510 --> 00:34:07,360 Препоръчвам я сложите във вашата домашна директория, така че всички ние можем да 639 00:34:07,360 --> 00:34:09,210 тичам същите команди. 640 00:34:09,210 --> 00:34:15,230 Докато имаме файловете, ние ще да бъде в състояние да започнете да работите с тях. 641 00:34:15,230 --> 00:34:17,969 Нека да знаят, ако хората, които имат проблем с изтеглянето на файлове. 642 00:34:17,969 --> 00:34:21,040 >> ПУБЛИКАТА: Чрез домашна директория, искаш да кажеш - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Така домашна директория би бъде Джон Харвард, ако сте в 644 00:34:24,989 --> 00:34:27,460 CS50 на уреда. 645 00:34:27,460 --> 00:34:33,651 За да стигнете до вашата домашна директория, Просто напишете в C. 646 00:34:33,651 --> 00:34:34,145 >> ПУБЛИКАТА: [недоловим] 647 00:34:34,145 --> 00:34:37,610 CS50 уред [недоловим]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Да. 649 00:34:38,650 --> 00:34:40,480 Вие искате да стартирате командите в терминала. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> ПУБЛИКАТА: [недоловим]. 652 00:34:45,390 --> 00:34:50,800 Аз имам една грешка, която казва не такъв файл или директория. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Можем да вземем един бърз счупи и просто се уверете, че 654 00:34:52,739 --> 00:34:56,760 всеки има инсталиран Meteor, и аз ще просто да се опита да помогне на хората. 655 00:34:56,760 --> 00:34:59,130 Моля, опитайте се да си помагат един на друг, ако бягаш в проблеми. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 За съжаление, да. 658 00:35:05,580 --> 00:35:08,930 Вие сте и двамата в уреда? 659 00:35:08,930 --> 00:35:09,350 >> Публика: Да. 660 00:35:09,350 --> 00:35:13,190 Имам Риса 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Ако се върнете към сайта, отида превъртете нагоре към върха. 663 00:35:20,740 --> 00:35:23,580 И там е това HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> ПУБЛИКАТА: Копирайте това? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Да. 666 00:35:26,230 --> 00:35:28,950 И след това, което искате да въведете в Git клонинг. 667 00:35:28,950 --> 00:35:30,814 Така че, ако натиснете Control A - 668 00:35:30,814 --> 00:35:33,718 >> Публика: Тук? 669 00:35:33,718 --> 00:35:36,410 И направи [недоловим]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> ПУБЛИКАТА: [недоловим]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git и след това клонинг. 674 00:35:42,670 --> 00:35:46,610 Така че това е много подобен на командата, която има по-горе, но URL промени. 675 00:35:46,610 --> 00:35:49,010 Така че, преди да е станало това, сега е това. 676 00:35:49,010 --> 00:35:50,680 Нека актуализиране на - 677 00:35:50,680 --> 00:35:51,354 Да. 678 00:35:51,354 --> 00:35:52,604 >> ПУБЛИКАТА: [недоловим]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Това е изтеглен. 681 00:35:58,076 --> 00:35:59,326 >> ПУБЛИКАТА: [недоловим]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: О, така че не клонираме правилно. 684 00:36:05,690 --> 00:36:07,920 Аз ще оправя това. 685 00:36:07,920 --> 00:36:10,190 Има една грешка с опитва за изтегляне на файлове. 686 00:36:10,190 --> 00:36:13,820 Позволете ми да се актуализира командата за вас, момчета за да мога да се уверете, че той ще работи. 687 00:36:13,820 --> 00:36:17,025 Съжалявам за това. 688 00:36:17,025 --> 00:36:21,618 Тя трябва да бъде един и същ за Mac-ове или CS50 уреда. 689 00:36:21,618 --> 00:36:22,868 >> ПУБЛИКАТА: [недоловим]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Аз съм актуализирал команда за номер две, ако 692 00:36:51,190 --> 00:36:52,910 обновите страницата. 693 00:36:52,910 --> 00:36:56,520 И с това, URL, вие трябва да бъдете можете да изтеглите файловете. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> ПУБЛИКАТА: Така че, ако все още сме изтегляне [недоловим]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Ако сте все още изтегляне Meteor? 697 00:37:05,930 --> 00:37:07,180 >> ПУБЛИКАТА: [недоловим]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Да, ако искате да се разработи на вашия Mac. 700 00:37:11,910 --> 00:37:14,145 Но имате нужда от разработчика Xcode инструменти инсталирани. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Аз бях тестван тези команди на CS50 уред, така че аз мога да гарантирам 703 00:37:24,550 --> 00:37:25,440 че ще работи. 704 00:37:25,440 --> 00:37:26,710 Да. позволете ми да отида и да ви помогне. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> ПУБЛИКАТА: [недоловим]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Давам си паролата. 709 00:37:40,372 --> 00:37:42,240 Това е Mac. 710 00:37:42,240 --> 00:37:43,490 И тогава аз правя [недоловим]. 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 Бих опитайте се да стартирате всички команди единствено в терминал CS50 уред. 714 00:37:57,080 --> 00:37:58,330 >> ПУБЛИКАТА: [недоловим]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Бих да работи нормално първо на терминала, от 717 00:38:02,570 --> 00:38:04,830 CS50 уред, и след това терминала Mac. 718 00:38:04,830 --> 00:38:08,130 >> ПУБЛИКАТА: Така че, ако го направя на CS50 уреда така, [недоловим]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Бих искал да се премести , но ако хората все още имат 721 00:38:15,850 --> 00:38:20,190 неприятности за създаване Meteor, Кевин е по- от щастливи да ви помогне да момчета, 722 00:38:20,190 --> 00:38:21,440 Kevin в сивата риза. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Това, което ние трябва да имаме, е, че ще тече последната команда, номер три, в 725 00:38:32,170 --> 00:38:33,710 нашия терминал. 726 00:38:33,710 --> 00:38:37,320 Когато правим това, ние ще тече Meteor. 727 00:38:37,320 --> 00:38:39,040 >> И ти трябва - 728 00:38:39,040 --> 00:38:41,200 О, аз вече имам Meteor бягане. 729 00:38:41,200 --> 00:38:45,230 Така че няма да позволи - нека ме просто затворете другия ми Meteor. 730 00:38:45,230 --> 00:38:49,640 Когато стартирам Meteor, вие Сега трябва да видим, че - 731 00:38:49,640 --> 00:38:51,490 можете да видите текущата директория че това е сервиране. 732 00:38:51,490 --> 00:38:55,476 И сега тя ще каже на сървъра се изпълнява на http://localhost. 733 00:38:55,476 --> 00:38:58,860 Това е URL адреса, който искате да поставите в във вашия уеб браузър. 734 00:38:58,860 --> 00:39:05,410 >> И по този URL, вие трябва да бъдете в състояние да достъп до един хубав малък табло. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Така че забележите, че това е по Localhost, което означава, че ако го направите, всеки 737 00:39:14,530 --> 00:39:17,320 промени, вие няма да видите промените на другия. 738 00:39:17,320 --> 00:39:20,830 Има предвид, че на сайта ви показах в началото, бихме могли да получите 739 00:39:20,830 --> 00:39:23,380 промени на всеки, защото всеки е достъп до същия уебсайт. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Така че нека просто да отидете на [? дума?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 Така че трябва да бъде в състояние само да потвърдя че функционалността работи. 744 00:39:38,820 --> 00:39:44,790 Можете да изберете различни хора, и можете да ги дават различни точки. 745 00:39:44,790 --> 00:39:46,710 Така че даваш на някого точки. 746 00:39:46,710 --> 00:39:50,420 Можете също така да се види, че те се издигат в ранг. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Сега, в интерес на време, има три функции, които съм 749 00:39:57,360 --> 00:39:58,020 прилагане. 750 00:39:58,020 --> 00:40:03,760 И ние отиваме да приложат изтриване потребители като първа нашата функция. 751 00:40:03,760 --> 00:40:06,360 Но преди да преминем, са Има ли някакви въпроси? 752 00:40:06,360 --> 00:40:09,010 Имал си ръка нагоре. 753 00:40:09,010 --> 00:40:10,480 Да? 754 00:40:10,480 --> 00:40:11,730 >> ПУБЛИКАТА: [недоловим]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Можете ли да проверите Meteor, че е инсталиран? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> ПУБЛИКАТА: [недоловим]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: Local домакин 3000? 761 00:40:32,680 --> 00:40:36,550 И вие сте в CS50 уреда? 762 00:40:36,550 --> 00:40:37,800 Мога да го направя - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 не е нужно да бъде на Mac. 765 00:40:41,210 --> 00:40:43,558 Това ще работи в уреда. 766 00:40:43,558 --> 00:40:45,880 >> ПУБЛИКАТА: [недоловим]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: в нормално уеб браузър, да. 768 00:40:47,520 --> 00:40:49,170 >> ПУБЛИКАТА: [недоловим]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Дали Meteor бягане? 770 00:40:52,100 --> 00:40:54,180 Така че, ОК, има разграничение тук. 771 00:40:54,180 --> 00:40:56,300 Ако сте го работи във уред, което трябва да направите 772 00:40:56,300 --> 00:40:58,400 Localhost в рамките на уреда. 773 00:40:58,400 --> 00:41:00,860 Ако сте го изпълняват на вашия Mac, както аз съм, тогава мога да направя 774 00:41:00,860 --> 00:41:02,460 моя Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Но ако сте с помощта на CS50 уреда, което трябва да направите всичко 776 00:41:05,520 --> 00:41:06,350 в уреда. 777 00:41:06,350 --> 00:41:09,022 Така че трябва да използвате Google Chrome в уреда. 778 00:41:09,022 --> 00:41:10,350 >> ПУБЛИКАТА: [недоловим]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Това е все още не работи? 780 00:41:12,188 --> 00:41:13,438 >> ПУБЛИКАТА: [недоловим]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Така че просто да се повтаря, как да получите достъп до уеб сайта сега. 783 00:41:42,390 --> 00:41:46,380 Имате URL тук Localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Ако сте в CS50 уреда, трябва да отворите CS50 785 00:41:49,600 --> 00:41:51,320 уред за Google Chrome. 786 00:41:51,320 --> 00:41:54,850 И в това Google Chrome в рамките на уред, можете да напишете, че URL, 787 00:41:54,850 --> 00:41:56,400 и вие трябва да видите табло. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Така че аз просто ще го отлагам да отстрани тук малко. 790 00:42:04,800 --> 00:42:09,600 И сега, аз отивам да си отворя текстов редактор тук. 791 00:42:09,600 --> 00:42:16,040 Така че нека просто се уверете, че кодът е в ред. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Чудесно. 794 00:42:19,750 --> 00:42:22,360 >> Бих искал да се преведе през кода малко. 795 00:42:22,360 --> 00:42:26,110 И първия файл Бих искал да започна С Е leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Вие ще бъдете в състояние да получите този код след семинара, така че аз просто искам да покажа 797 00:42:31,520 --> 00:42:33,960 ви на компютъра ми какво става. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Така че аз се надявам, всеки може да види това. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Така че в самото начало на файла, ние Разполагаме със главата и заглавието, което 802 00:42:51,590 --> 00:42:54,510 е подобно на това, което видяхме във всеки HTML документ. 803 00:42:54,510 --> 00:42:56,990 И тогава ние ще трябва тялото маркер тук. 804 00:42:56,990 --> 00:42:59,920 >> Това, което сте избрали е основният тялото, основно това, което е 805 00:42:59,920 --> 00:43:01,470 ще се показва. 806 00:43:01,470 --> 00:43:05,560 Но има някои нови несъществени елементи, HTML неща, и която е в 807 00:43:05,560 --> 00:43:06,710 двойни ъглови скоби. 808 00:43:06,710 --> 00:43:08,600 И това са шаблонни тагове. 809 00:43:08,600 --> 00:43:13,770 Така че ще видите тук тази скоба скоба ново табло. 810 00:43:13,770 --> 00:43:17,390 И това е нещо - мисля за него като се обадите функция за HTML. 811 00:43:17,390 --> 00:43:19,320 >> Това е специална версия на HTML. 812 00:43:19,320 --> 00:43:22,730 Това е версията, която използва Meteor, които Ето защо можете да покажете различен 813 00:43:22,730 --> 00:43:26,190 неща, като например в класирането имена и бутони. 814 00:43:26,190 --> 00:43:30,870 Но табло ви казва да отидете на шаблон с класирането име. 815 00:43:30,870 --> 00:43:34,746 Така шаблон не се извежда от себе си, но това е функция, така че 816 00:43:34,746 --> 00:43:35,390 ще се обади. 817 00:43:35,390 --> 00:43:41,030 И вие ще замени във всичко това код точно тук в ранглистата. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Най-интересната част на табло тук е само тази таблица. 820 00:43:48,820 --> 00:43:52,910 Ако просто го четете, четете този код на глас, тя трябва да бъде интуитивен 821 00:43:52,910 --> 00:43:57,390 защото табло, всички ние имаме тук е една маса. 822 00:43:57,390 --> 00:44:00,410 Това ID клас нещата, които не правим трябва да се притесняваш. 823 00:44:00,410 --> 00:44:02,460 Просто знам, че има глава на маса. 824 00:44:02,460 --> 00:44:03,630 Това е този на Рекламен. 825 00:44:03,630 --> 00:44:06,860 >> И го намери име и резултат. 826 00:44:06,860 --> 00:44:12,150 Всички тези тагове, като thtable, Рекламен, вие просто ще научите, като отидеш заедно. 827 00:44:12,150 --> 00:44:15,540 Това не е важно да запомните тези, защото можете просто да влезете 828 00:44:15,540 --> 00:44:16,520 справки онлайн. 829 00:44:16,520 --> 00:44:20,610 Или до края на семестъра, те просто ще бъде много запознат с вас. 830 00:44:20,610 --> 00:44:22,840 >> След заглавието на таблицата, на част, която искам да привлека вашето 831 00:44:22,840 --> 00:44:24,900 внимание на това з маркер. 832 00:44:24,900 --> 00:44:27,180 Защото това е в двойни скоби, това е шаблон. 833 00:44:27,180 --> 00:44:30,980 Това значи, че за всеки от играчите, каквото и играчи се, ние трябва да 834 00:44:30,980 --> 00:44:31,500 го покажете. 835 00:44:31,500 --> 00:44:32,965 И отиваме на шаблона играч. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Ако превъртете надолу малко повече - 838 00:44:39,890 --> 00:44:40,980 Надявам се, че всеки може да види това. 839 00:44:40,980 --> 00:44:42,900 Имаме шаблона играч. 840 00:44:42,900 --> 00:44:49,080 И този шаблон, основно определя клетка от таблица, където ще ви постави в името 841 00:44:49,080 --> 00:44:50,330 тук и резултата. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Увеличение сега, можем да видим, че това парче код - 844 00:44:56,720 --> 00:44:59,060 и това беше нашият играч там - 845 00:44:59,060 --> 00:45:01,070 определя една от тези клетки. 846 00:45:01,070 --> 00:45:02,890 Всяко нещо, което щракнете става жълто. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Един прост начин да го променя сега. 849 00:45:08,660 --> 00:45:10,150 Уверете се, че Meteor все още работи. 850 00:45:10,150 --> 00:45:12,540 Meteor трябва да бъде сървър процес, така че можете просто да я оставите 851 00:45:12,540 --> 00:45:14,020 работи, когато сте развили. 852 00:45:14,020 --> 00:45:18,280 Да кажем, че аз исках да се промени всички имена или резултата. 853 00:45:18,280 --> 00:45:23,320 И аз бих казал, че отивам да добавите точки тук. 854 00:45:23,320 --> 00:45:27,215 Така че промяната направих тук е, вместо просто резултат, I 855 00:45:27,215 --> 00:45:30,280 добавите резултат космически точки. 856 00:45:30,280 --> 00:45:32,775 >> Отивам да намалите, и аз съм ще спаси моето досие. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 И след като запишете файла ми, имам нужда да се уверите, Meteor работи. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Съжалявам за това. 861 00:45:57,610 --> 00:46:00,330 Искам да ви покажа редакции се извършва в реално време. 862 00:46:00,330 --> 00:46:06,180 Така че аз просто ще се промени някакъв текст. 863 00:46:06,180 --> 00:46:07,600 Кликнете върху един играч. 864 00:46:07,600 --> 00:46:10,040 Слагам я във всички капачки. 865 00:46:10,040 --> 00:46:14,540 Би трябвало да бъде, че ако се работи правилно, когато го спаси, да го 866 00:46:14,540 --> 00:46:16,801 ще се актуализира. 867 00:46:16,801 --> 00:46:20,420 >> О, мисля, че точно сега проблемът е Аз не съм в правилната директория. 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 Съжалявам за това. 871 00:46:28,160 --> 00:46:32,860 Така че тук, това, което забележите, е моята промяна премина през. 872 00:46:32,860 --> 00:46:34,540 Сега кажа, че искам да се върне на промяната. 873 00:46:34,540 --> 00:46:36,200 Искам да се върна към това, което имах. 874 00:46:36,200 --> 00:46:37,640 Аз съм просто ще го напишете нормално. 875 00:46:37,640 --> 00:46:39,180 Кликнете върху един играч. 876 00:46:39,180 --> 00:46:42,920 >> В момента, аз го спаси, на сайт освежава за мен. 877 00:46:42,920 --> 00:46:44,740 И виждам, ми климата върху сайта незабавно. 878 00:46:44,740 --> 00:46:48,170 Това е наистина полезна функция в отстраняване на грешки, защото сега 879 00:46:48,170 --> 00:46:49,640 Не е нужно да - 880 00:46:49,640 --> 00:46:52,920 когато пишем C код, не само ние направихме Трябва да запишете файла, но ние трябваше да 881 00:46:52,920 --> 00:46:54,750 направи го и след това го стартирате отново. 882 00:46:54,750 --> 00:46:58,750 Meteor е много хубаво, защото за разлика от C, момента, в който ви спестим HTML или 883 00:46:58,750 --> 00:47:01,070 JavaScript файл, промяната се появява веднага. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Един въпрос е, че при тези шаблони, как мога да получа стойностите като играчи 886 00:47:09,140 --> 00:47:11,520 или изберете име? 887 00:47:11,520 --> 00:47:17,130 Ако увеличите тук в моя код, Виждам това за всеки играч. 888 00:47:17,130 --> 00:47:19,970 Така шаблона знае, че Имам играчи по някакъв начин. 889 00:47:19,970 --> 00:47:22,110 И тя знае, че има избрано име. 890 00:47:22,110 --> 00:47:23,220 Откъде дойде това? 891 00:47:23,220 --> 00:47:25,180 Това идва от JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> И ако отидете на leaderboard.js, това файл, сега, когато отида тук, ние имаме 893 00:47:30,980 --> 00:47:33,460 дефинирани няколко команди. 894 00:47:33,460 --> 00:47:36,400 Това е специален Meteor синтаксис. 895 00:47:36,400 --> 00:47:38,600 Забележете, че не е нужно Vars или нещо подобно. 896 00:47:38,600 --> 00:47:42,990 Но това са само structs при structs при structs или тези обекти. 897 00:47:42,990 --> 00:47:45,910 И всичко, което съм дефиниране е шаблона наречена на победителите. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard трябва да получат нещо, наречено играчи. 899 00:47:47,900 --> 00:47:48,840 И това, което е на играчите? 900 00:47:48,840 --> 00:47:51,860 Това е каквото и този израз връща. 901 00:47:51,860 --> 00:47:53,020 И това, което е избрано име? 902 00:47:53,020 --> 00:47:54,630 Това е малко повече код. 903 00:47:54,630 --> 00:47:56,810 Подробностите от кода ние ще покриване на малко по-късно. 904 00:47:56,810 --> 00:48:02,210 Но точно сега искам да се разбере че в този кодекс, ние сме като 905 00:48:02,210 --> 00:48:04,350 играчи, и ние сме го придават стойност. 906 00:48:04,350 --> 00:48:07,000 В този случай, това е функция че се изпълни. 907 00:48:07,000 --> 00:48:10,290 Така че можем да вземем стойността обратно когато стартирате функцията. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Това е дневник. 910 00:48:13,520 --> 00:48:14,770 Това прави ли смисъл? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Мога да се променя начина, по който това е сортиран. 913 00:48:25,010 --> 00:48:27,230 Ето, там е един вид обект. 914 00:48:27,230 --> 00:48:31,660 И какво е това, казва се, че ще се справи с резултат низходящ първи и 915 00:48:31,660 --> 00:48:33,170 тогава Име Възходящо. 916 00:48:33,170 --> 00:48:36,630 Ако промените това на едно, то се случва да сортирате резултат възходящ. 917 00:48:36,630 --> 00:48:39,120 Така нула трябва да бъде на върха. 918 00:48:39,120 --> 00:48:43,370 И когато я увеличите в моя сайт, ние Сега виждаме, че на сайта се актуализира. 919 00:48:43,370 --> 00:48:44,923 И резултатът е изкачване. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Следващата функция, аз просто искам за покриване е кликване нарастване. 922 00:48:53,980 --> 00:48:57,910 Няма интерес от време, няма да го направя да бъде в състояние да покрие повече от Метеор 923 00:48:57,910 --> 00:49:00,690 код, но има изобилие от ресурси на разположение, и Аз ще бъда 924 00:49:00,690 --> 00:49:03,560 тук след семинара. 925 00:49:03,560 --> 00:49:07,680 Но аз просто искам да се покрие позициите в събитията. 926 00:49:07,680 --> 00:49:10,520 Този синтаксис ще научите Малко по-късно в лекцията. 927 00:49:10,520 --> 00:49:12,870 Това е JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Просто казваме, когато стигнем едно кликване, и това е на нарастване, това 929 00:49:16,720 --> 00:49:19,160 хеш просто означава, ID. 930 00:49:19,160 --> 00:49:23,945 На етикета на нарастване ID, след това ние искаме да се актуализира - ключовите думи, които искате 931 00:49:23,945 --> 00:49:26,740 , за да гледате е обновяване и изберете и играч. 932 00:49:26,740 --> 00:49:29,080 Така че кой играч избран, ние го актуализира. 933 00:49:29,080 --> 00:49:31,260 И това, което ние правим, е да увеличите нейният резултат от пет. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 И това ще опише функционалността имаме тук. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> След края на този семинар, ние ще можете да видите някои повече код. 938 00:49:54,510 --> 00:50:00,400 Но да се върна към моята цел, която искам да да промени мястото, исках тук 939 00:50:00,400 --> 00:50:03,400 да добавите бутона за премахване така Мога да изтриете играча. 940 00:50:03,400 --> 00:50:05,390 Така че, за да направи това, имам нужда да направите две неща. 941 00:50:05,390 --> 00:50:09,680 Имам нужда да се актуализира HTML, актуализира видите, това, което се показва на потребителя, и 942 00:50:09,680 --> 00:50:15,080 след това има някои JavaScript, че когато бутон е натиснат, Meteor ще 943 00:50:15,080 --> 00:50:15,690 да се направи нещо. 944 00:50:15,690 --> 00:50:18,040 Това ще премахне този играч. 945 00:50:18,040 --> 00:50:20,720 >> Така че има много парчета код които имат основно вече 946 00:50:20,720 --> 00:50:22,610 е направил за мен. 947 00:50:22,610 --> 00:50:26,160 Ако аз гледам тук, вече има начин за получаване на избрания играч. 948 00:50:26,160 --> 00:50:29,880 Ето тези неща, ако можете да го видите. 949 00:50:29,880 --> 00:50:31,346 Така че, ако аз просто - 950 00:50:31,346 --> 00:50:35,160 Отивам да имаме още едно събитие. 951 00:50:35,160 --> 00:50:37,900 Така че аз отивам да копирате това, което имам. 952 00:50:37,900 --> 00:50:40,740 Тъй като това е списък, Просто имам нужда от запетая. 953 00:50:40,740 --> 00:50:45,480 >> Така че сега аз отивам да натиснете бутона Кутия. 954 00:50:45,480 --> 00:50:48,840 И тогава вместо играчи актуализация, Отивам да правя играчи изтриете. 955 00:50:48,840 --> 00:50:51,620 И всички играчи изтрият нужди е избран играч. 956 00:50:51,620 --> 00:50:56,500 Така че тази функция е всичко, което трябва. 957 00:50:56,500 --> 00:51:01,550 Аз трябва да добавите някои HTML тук все пак. 958 00:51:01,550 --> 00:51:05,180 Така че, ако превъртите надолу, тук, това е мнението на HTML. 959 00:51:05,180 --> 00:51:08,300 Имахме нещо тук, което е маркер. 960 00:51:08,300 --> 00:51:09,610 Не е нужно да се притеснявате за това. 961 00:51:09,610 --> 00:51:12,000 >> Какви въпроси да ви е това ID нарастване. 962 00:51:12,000 --> 00:51:14,990 И това е, което ни позволи да се каже, когато ние кликнали увеличение, ние трябва да 963 00:51:14,990 --> 00:51:16,410 даде пет точки. 964 00:51:16,410 --> 00:51:18,240 И ще видите, че това е един бутон. 965 00:51:18,240 --> 00:51:20,150 Това е, което означава BTN. 966 00:51:20,150 --> 00:51:23,190 И текста на бутона е даде пет точки. 967 00:51:23,190 --> 00:51:26,440 Така че това, което аз ще направя, е, че съм ще копира тази линия. 968 00:51:26,440 --> 00:51:29,910 Отивам да промените ID да изтриете. 969 00:51:29,910 --> 00:51:34,310 И аз отивам да се промени текст тук, за да изтриете. 970 00:51:34,310 --> 00:51:35,980 >> Така че се уверете, че всичко е спасен. 971 00:51:35,980 --> 00:51:39,010 Искам да се върна в моята JavaScript за да се уверите, че имам 972 00:51:39,010 --> 00:51:40,880 изтриете наредени тук. 973 00:51:40,880 --> 00:51:41,780 Добре. 974 00:51:41,780 --> 00:51:43,145 Така че аз отивам да спаси и двата файла. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 След като запазите и двата файла, ние може да се върне към дъното. 977 00:51:49,320 --> 00:51:51,550 И сега виждаме, ние имаме бутон за изтриване. 978 00:51:51,550 --> 00:51:56,050 И още една стъпка. 979 00:51:56,050 --> 00:51:58,200 Забелязвате ли може да получите грешка, защото когато щракнете 980 00:51:58,200 --> 00:52:00,610 изтриете, нищо не се случва. 981 00:52:00,610 --> 00:52:03,930 >> Един от начините да трасира това е да отидете обратно към Огледайте Element. 982 00:52:03,930 --> 00:52:07,820 Правя това нарочно така че можете да вижте как можете да трасира нещо. 983 00:52:07,820 --> 00:52:11,210 В Огледайте Element, имаме всички от нашия текст тук. 984 00:52:11,210 --> 00:52:13,320 Искам да се върна на конзолата. 985 00:52:13,320 --> 00:52:19,230 И какво се случва, когато отида тук се да получа някаква грешка. 986 00:52:19,230 --> 00:52:21,660 Тя казва, че няма метод изтриете. 987 00:52:21,660 --> 00:52:30,770 >> И така, какво казва, е, когато отида обратно към кода, се обадих играч 988 00:52:30,770 --> 00:52:31,870 изтриете тук. 989 00:52:31,870 --> 00:52:34,430 Изтриване всъщност не е правилната команда. 990 00:52:34,430 --> 00:52:39,740 Така че, за да разберете каква е правилната команда е, там е API Meteor. 991 00:52:39,740 --> 00:52:42,680 Документацията, аз искам да ви посоча момчета, за да е точно в meteor.com. 992 00:52:42,680 --> 00:52:45,190 Така че аз го имам тук. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Това е точно така, вие знаете къде да научите повече. 995 00:52:51,370 --> 00:52:54,420 >> Има линк към документацията. 996 00:52:54,420 --> 00:52:59,410 И в общи линии, не мога просто намирам за изтриване. 997 00:52:59,410 --> 00:53:03,220 И това, което виждате, изтрийте всъщност се премахне. 998 00:53:03,220 --> 00:53:05,400 Това е командата, която Трябва да се обадя. 999 00:53:05,400 --> 00:53:09,620 Така че сега ние знаем, че, аз отивам да променим това изтриете, за да премахнете. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Така че сега, когато се върна в моята класация сайт, аз отивам да кликнете 1002 00:53:18,010 --> 00:53:19,450 изтриете, и сега ме няма. 1003 00:53:19,450 --> 00:53:21,290 Има не повече Roger. 1004 00:53:21,290 --> 00:53:25,470 И мога да продължа да изтриете всеки едно име, докато не остана нищо. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Така че това беше малко преглед за това как да използвате Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Ще се учим много повече JavaScript и HTML необходимо да се направи 1009 00:53:42,380 --> 00:53:46,970 да изглежда по-красива, които ще разгледаме в тази седмица [? парче?] определен за HTML 1010 00:53:46,970 --> 00:53:49,630 и JavaScript в следващия [? парче?] настроен. 1011 00:53:49,630 --> 00:53:53,150 >> Така че не се притеснявам, ако не всички от тези неща идва лесно за вас. 1012 00:53:53,150 --> 00:53:56,410 Тя ще от време на окончателният проект. 1013 00:53:56,410 --> 00:53:58,030 Благодаря за показване нагоре. 1014 00:53:58,030 --> 00:54:01,380 Връзката ще се актуализира най-скоро след семинар, така че можете да видите някои повече 1015 00:54:01,380 --> 00:54:05,630 примери, които съм изпълнявани от това как за да получите по-напреднали класирането 1016 00:54:05,630 --> 00:54:08,640 че имам на този сайт тук, в една радикална-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Благодаря. 1019 00:54:21,260 --> 00:54:22,760 >> [APPLAUSE] 1020 00:54:22,760 --> 00:56:58,070