1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Bună ziua tuturor. 3 00:00:08,890 --> 00:00:11,310 Pot sa-ti atrag atentia? 4 00:00:11,310 --> 00:00:12,090 Mulțumesc, băieți. 5 00:00:12,090 --> 00:00:14,030 Astăzi vreau să vorbesc despre Meteor. 6 00:00:14,030 --> 00:00:16,710 Este un cadru JavaScript. 7 00:00:16,710 --> 00:00:21,110 Vom trece prin modul în care puteți face aplicații web foarte cool. 8 00:00:21,110 --> 00:00:24,940 >> Înainte de a intra în JavaScript, eu doar Vreau să-i spuneți voi că acest lucru va 9 00:00:24,940 --> 00:00:26,900 fi - veți avea o mai târziu cap la acest semestru. 10 00:00:26,900 --> 00:00:28,520 Ar trebui să fie despre JavaScript. 11 00:00:28,520 --> 00:00:32,910 Cred ca [inaudibil] este în primul rând o să acoperi PHP chestii web HTML înainte de a ne 12 00:00:32,910 --> 00:00:34,530 trece la JavaScript. 13 00:00:34,530 --> 00:00:39,650 Și în CS50, JavaScript este considerat ca un cod de client. 14 00:00:39,650 --> 00:00:41,970 Deci, doar se executa în browser-ul web. 15 00:00:41,970 --> 00:00:45,740 >> Dar, datorită progresele recente în tehnologie, am reușit acum să ruleze 16 00:00:45,740 --> 00:00:48,090 JavaScript ca un server, de asemenea. 17 00:00:48,090 --> 00:00:51,630 Deci, acest lucru a creat o foarte misto Cadrul pentru că acum aveți posibilitatea să scrie 18 00:00:51,630 --> 00:00:55,250 în mod legitim același cod de client și server. 19 00:00:55,250 --> 00:00:57,810 Și atunci când definiți funcții în ta server, client poate apela cei 20 00:00:57,810 --> 00:00:59,090 aceleași funcții. 21 00:00:59,090 --> 00:01:00,370 Și-l face mult mai ușor. 22 00:01:00,370 --> 00:01:04,519 Întrucât înainte, dacă sunteți folosind PHP pe server, JavaScript pe frontul 23 00:01:04,519 --> 00:01:08,040 final, va trebui să scrie o funcție PHP și apoi o versiune a JavaScript 24 00:01:08,040 --> 00:01:10,880 aceeași funcție pentru a face același tip de muncă. 25 00:01:10,880 --> 00:01:14,330 >> Deci, înainte de a începe, vreau pentru a vă arăta un demo de ce 26 00:01:14,330 --> 00:01:17,190 Meteor pot face pentru tine. 27 00:01:17,190 --> 00:01:20,330 Eu vă va arăta demo-ul, care este ceea ce vei fi capabil de a crea de către 28 00:01:20,330 --> 00:01:21,580 la sfârșitul acestui seminar. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Mergem chiar aici. 31 00:01:25,670 --> 00:01:27,410 Aceasta este o aplicație Leaderboard. 32 00:01:27,410 --> 00:01:31,970 Se bazează de fapt din exemplul care Meteor vă oferă. 33 00:01:31,970 --> 00:01:37,220 >> Meteor este foarte frumos, pentru că atunci când instalați-l ca un pachet, puteți 34 00:01:37,220 --> 00:01:39,140 practic se joace în jurul cu aceste patru demo-uri. 35 00:01:39,140 --> 00:01:41,410 Și liderilor este Primul din aceste demo-uri. 36 00:01:41,410 --> 00:01:44,620 După seminar, am tot încuraja pentru a explora doar celelalte demo-uri 37 00:01:44,620 --> 00:01:48,300 pentru că eu cred că sunt foarte cool, și ei vă arată puterea de Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Deci, ce este acest lucru, aceasta este găzduit pe Leaderboard. 39 00:01:51,310 --> 00:01:54,950 Aceasta este doar sincer o listă de nume. 40 00:01:54,950 --> 00:01:56,510 Și puteți selecta persoane. 41 00:01:56,510 --> 00:01:57,780 Ei rândul său, galben. 42 00:01:57,780 --> 00:02:00,060 Și apoi puteți da le cinci puncte. 43 00:02:00,060 --> 00:02:02,850 Și veți observa că lista este sortat pentru că așa cum m-am da mai mult 44 00:02:02,850 --> 00:02:05,850 și mai multe puncte, eu sunt acum în partea de sus. 45 00:02:05,850 --> 00:02:07,420 Deci, acest lucru este în cazul în care vom începe. 46 00:02:07,420 --> 00:02:11,690 >> Și ceea ce veți fi în măsură să ia de la acest seminar este o mult mai puține 47 00:02:11,690 --> 00:02:13,600 caracteristici le-am adăugat la Leaderboard. 48 00:02:13,600 --> 00:02:18,240 Vom fi acoperind cum să, precum și adaugă cinci puncte pentru un jucător, putem 49 00:02:18,240 --> 00:02:28,720 șterge jucătorii, putem adăuga noi jucători, și putem alege modul în care ne-o dorim 50 00:02:28,720 --> 00:02:29,540 pentru a le sorta. 51 00:02:29,540 --> 00:02:35,240 Și toate acestea sunt apeluri API foarte ușor care Meteor ofera pentru tine. 52 00:02:35,240 --> 00:02:39,120 Aveți, de asemenea, o caracteristică aici la intamplare scorurile. 53 00:02:39,120 --> 00:02:41,450 >> Deci, ceea ce e foarte misto despre acest Este voi putea de fapt 54 00:02:41,450 --> 00:02:43,820 toate du-te la site-ul. 55 00:02:43,820 --> 00:02:46,575 O să-l pun în text mai mare aici. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 One-plumb radical erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 Și când voi merge la site-ul, vă ar trebui să fie capabil de a edita site-ul, și 60 00:03:07,622 --> 00:03:09,595 toate modificările dvs. vor fi vizibile pentru toată lumea. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Astfel încât să puteți - sunteți voi toți capabil să se conecteze la site-ul? 63 00:03:17,740 --> 00:03:18,750 Deci, te joci cu ea. 64 00:03:18,750 --> 00:03:20,440 Du-te și începe ștergerea unele nume. 65 00:03:20,440 --> 00:03:21,690 Vezi ce se întâmplă. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Deci, vezi oricine poate juca. 68 00:03:38,510 --> 00:03:41,930 Acesta este doar de securitate implicit Mod de Meteor. 69 00:03:41,930 --> 00:03:44,360 Tu vezi că toată lumea poate schimba date reciproc. 70 00:03:44,360 --> 00:03:44,920 Nu vă faceți griji. 71 00:03:44,920 --> 00:03:46,460 Meteor are securitate. 72 00:03:46,460 --> 00:03:49,860 Acesta este un foarte ușor de pus în aplicare caracteristică, în cazul în care ai putea configura de utilizatori 73 00:03:49,860 --> 00:03:50,600 și datele de conectare. 74 00:03:50,600 --> 00:03:53,750 Dar acum, oricine care vizitează site-ul se poate da cât mai multe 75 00:03:53,750 --> 00:03:55,000 arată cum doresc. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 Așa că am întotdeauna ca acest lucru, deoarece aceasta este un mod distractiv de a începe. 78 00:04:00,090 --> 00:04:02,360 Și apoi vom vorbi doar despre detalii, cum 79 00:04:02,360 --> 00:04:03,610 Meteor face acest lucru posibil. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Așa că am de gând pentru a acoperi ceea ce este Meteor, și apoi vom avea nevoie doar pentru a acoperi 82 00:04:15,660 --> 00:04:18,920 două premise care CS50 nu a acoperit suficient. 83 00:04:18,920 --> 00:04:21,970 Dar până la sfârșitul termenului, ar trebui să să fie confortabil cu atât HTML și 84 00:04:21,970 --> 00:04:25,250 JavaScript pentru a obține într-adevăr mâinile tale murdar lucru cu Meteor. 85 00:04:25,250 --> 00:04:28,740 Și cred că e doar o modalitate foarte bună pentru chiar mai puțin confortabil studenți de a face 86 00:04:28,740 --> 00:04:32,930 proiecte finale, deoarece acestea pot într-adevăr rămâne într-o singură limbă, și ajung la 87 00:04:32,930 --> 00:04:37,620 vezi schimbările lor de lucru imediat. 88 00:04:37,620 --> 00:04:42,520 >> Deci, acest slide show doar câteva dintre tehnologii majore care Meteor JS 89 00:04:42,520 --> 00:04:43,610 dă la tine. 90 00:04:43,610 --> 00:04:46,090 Meteor nu este o noua tehnologie pe cont propriu. 91 00:04:46,090 --> 00:04:48,390 Este într-adevăr un conglomerat de toate aceste lucruri diferite 92 00:04:48,390 --> 00:04:49,920 avem pe internet. 93 00:04:49,920 --> 00:04:55,650 Precum HTML, CSS, JavaScript, ne-am au unele tehnologii cum ar fi Node.js, 94 00:04:55,650 --> 00:04:58,490 care este ceea ce vă permite să rulați JavaScript pe capătul din spate pe dvs. 95 00:04:58,490 --> 00:05:02,520 de server, precum și unele JavaScript biblioteci, cum ar fi jQuery, subliniere. 96 00:05:02,520 --> 00:05:06,320 >> Toate acestea vor fi cunoscute te până la sfârșitul semestrului. 97 00:05:06,320 --> 00:05:10,680 Și, de asemenea, vom ajunge pentru a utiliza o bază de date numită mongodb, care este un adevărat 98 00:05:10,680 --> 00:05:14,250 Baza de date de popular acum aceste noi start-up. 99 00:05:14,250 --> 00:05:18,650 Vă puteți gândi la ea ca și cum ar fi MySQL, dar funcționează foarte bine cu JavaScript. 100 00:05:18,650 --> 00:05:22,140 Și există câteva alte tehnologii aici și mai multe nu am enumerat 101 00:05:22,140 --> 00:05:23,880 că toate interfață într-adevăr frumos cu Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Trebuie să pun acest diapozitiv, deoarece uneori mă confuzie cu privire la acest lucru. 104 00:05:30,540 --> 00:05:31,695 Meteor este doar JavaScript. 105 00:05:31,695 --> 00:05:33,040 Nu este PHP. 106 00:05:33,040 --> 00:05:34,360 Nu este Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 Deci, dacă ați scrie cod, dacă doriți să scrie un proiect Meteor, într-adevăr 108 00:05:37,950 --> 00:05:38,900 nu se poate folosi cod Ruby. 109 00:05:38,900 --> 00:05:41,660 Tu chiar nu folosesc PHP. 110 00:05:41,660 --> 00:05:45,800 >> În timp ce vom vedea că diferențele în cod și sintaxa nu ar putea fi faptul că 111 00:05:45,800 --> 00:05:48,930 altfel, vreau să subliniez pentru a vă că Meteor, tot ceea ce codul este 112 00:05:48,930 --> 00:05:50,660 numai în JavaScript. 113 00:05:50,660 --> 00:05:53,920 Și tot ceea ce arata la utilizatorul va fi HTML CSS. 114 00:05:53,920 --> 00:05:56,780 Dar tu nu esti de fapt, folosind orice de celelalte limbi pe care alte 115 00:05:56,780 --> 00:05:59,250 seminarii s-ar putea acoperi. 116 00:05:59,250 --> 00:06:01,020 Ce Meteor, de asemenea, este este un server de web. 117 00:06:01,020 --> 00:06:03,930 Deci, chiar dacă nu aveți nici o JavaScript, și vrei doar pentru a servi 118 00:06:03,930 --> 00:06:07,020 CSS și HTML dosare, Meteor poate face asta pentru tine. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> Și aici e link-ul din nou la demo pe care am primit voi 121 00:06:13,770 --> 00:06:15,380 a început să joace cu. 122 00:06:15,380 --> 00:06:18,230 Dar haideți să trecem la HTML. 123 00:06:18,230 --> 00:06:22,060 Câți oameni de aici au nici o idee despre ceea ce este HTML? 124 00:06:22,060 --> 00:06:22,670 OK mare. 125 00:06:22,670 --> 00:06:25,800 Și că este complet bine. 126 00:06:25,800 --> 00:06:29,410 Tu chiar nu trebuie să știi prea mult despre pentru că vom trece peste 127 00:06:29,410 --> 00:06:31,220 utilizare foarte simplu. 128 00:06:31,220 --> 00:06:34,570 >> Aceasta este ceea ce simplu Pagina HTML pare. 129 00:06:34,570 --> 00:06:38,840 Acest lucru poate fi ca dvs. salut, lume pentru HTML, în timp ce am început în C cu 130 00:06:38,840 --> 00:06:40,760 Bună ziua, lume. 131 00:06:40,760 --> 00:06:44,360 Nu vreau să subliniez pe detalii cu privire la ceea ce HTML, ce cap, ceea ce 132 00:06:44,360 --> 00:06:46,120 corp, ce titlu este de a face acolo. 133 00:06:46,120 --> 00:06:49,130 Vreau doar să subliniez structura, cum ai tag-uri. 134 00:06:49,130 --> 00:06:50,860 Și asta e în paranteze unghiulare. 135 00:06:50,860 --> 00:06:52,380 Și asta e în cazul în care aveți descriptori tale. 136 00:06:52,380 --> 00:06:54,790 >> Deci, este posibil să aveți documentul HTML. 137 00:06:54,790 --> 00:06:59,300 Și apoi veți închide documentul HTML cu backslash același lucru. 138 00:06:59,300 --> 00:07:01,200 Și aveți diferite tipuri de tag-uri. 139 00:07:01,200 --> 00:07:02,730 Și observați că toate sunt potrivite. 140 00:07:02,730 --> 00:07:05,300 Veți avea ca un tag corp și apoi o etichetă corp aproape. 141 00:07:05,300 --> 00:07:08,620 Și în interiorul tag-ul corpului, care va fi conținutul paginii dvs. de web. 142 00:07:08,620 --> 00:07:12,770 Deci, această pagină web va afișa pur și simplu într-un fundal alb si text negru 143 00:07:12,770 --> 00:07:14,242 Bună ziua, lume. 144 00:07:14,242 --> 00:07:17,610 Asta are sens? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Acum am de gând să rapid acoperă JavaScript. 147 00:07:22,640 --> 00:07:26,990 În cuvintele unui TF anterior, "JavaScript este cel mai bun de programare 148 00:07:26,990 --> 00:07:28,550 limbă care există în prezent. 149 00:07:28,550 --> 00:07:30,520 Alte persoane vor încerca să să vă spun altfel. 150 00:07:30,520 --> 00:07:33,840 Ei sunt greșite. "JavaScript este destul de frumos, și vă voi arăta de ce. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Deci, acesta este un exemplu clasic de a începe cu în C. Avem salut, lume. 153 00:07:42,380 --> 00:07:45,500 Și observați că, chiar dacă se micsoreze aceasta, trebuie să aveți cel puțin două 154 00:07:45,500 --> 00:07:46,560 de linii de cod aici. 155 00:07:46,560 --> 00:07:48,990 Am mai multe linii de cod. 156 00:07:48,990 --> 00:07:50,160 Acest lucru se poate face foarte simplu. 157 00:07:50,160 --> 00:07:53,950 O linie în JavaScript cu console.log, și apoi șirul de, 158 00:07:53,950 --> 00:07:55,340 Bună ziua, lume. 159 00:07:55,340 --> 00:07:59,570 >> Acum, chiar dacă ne mutăm la un nou limba JavaScript, aproape toate 160 00:07:59,570 --> 00:08:02,950 aptitudini pe care le-am învățat de codificare în C sunt direct portabile. 161 00:08:02,950 --> 00:08:07,130 Deci, siruri de caractere, ideea de siruri de caractere în ghilimele, că e la fel. 162 00:08:07,130 --> 00:08:08,890 Punct și virgulă, că e la fel. 163 00:08:08,890 --> 00:08:11,190 >> O caracteristică elegant despre JavaScript de fapt, este că 164 00:08:11,190 --> 00:08:12,360 nu au nevoie de punct și virgulă. 165 00:08:12,360 --> 00:08:14,950 Se poate ghici că ar trebui să a pus o virgulă acolo. 166 00:08:14,950 --> 00:08:18,035 Dar care a spus, ar trebui să încercați întotdeauna pentru a pune punct și virgulă de acolo. 167 00:08:18,035 --> 00:08:21,160 Este considerat stil bun. 168 00:08:21,160 --> 00:08:22,650 Și, de asemenea, nu există nici o funcție principală. 169 00:08:22,650 --> 00:08:25,580 Trebuie doar încep de la partea de sus a fișierului și citit lucruri linie cu linie. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Atunci acest lucru este ceea ce este nevoie pentru a face că salut, programul mondial. 172 00:08:32,760 --> 00:08:36,059 Și apoi observați că trebuie să face salut și apoi executați salut. 173 00:08:36,059 --> 00:08:38,530 Cu JavaScript, este considerat un limbaj interpretat. 174 00:08:38,530 --> 00:08:40,780 Ce trebuie să știți este că nu există nici o luare. 175 00:08:40,780 --> 00:08:41,950 >> Nu e nici o compilare. 176 00:08:41,950 --> 00:08:43,440 Trebuie doar fugi nod. 177 00:08:43,440 --> 00:08:47,220 Și amintiți-vă nod este programul care va rula JavaScript pe o consolă, 178 00:08:47,220 --> 00:08:49,030 pe o cutie neagră, nu site-ul web. 179 00:08:49,030 --> 00:08:52,480 Deci, să vă dau doar o fișierul, și este merge pentru a imprima salut, lume. 180 00:08:52,480 --> 00:08:56,750 >> Voi face de fapt un mic demo de care pentru voi chiar aici. 181 00:08:56,750 --> 00:08:59,380 Deci, haideți să mergem pentru a-mi Terminale 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 Să mergem de aici. 185 00:09:06,150 --> 00:09:07,930 Așa că am de gând să încep nod. 186 00:09:07,930 --> 00:09:10,230 Și voi arăta voi în doar o sec cum să obțineți că 187 00:09:10,230 --> 00:09:12,000 instalat, dacă nu. 188 00:09:12,000 --> 00:09:14,800 Permiteți-mi să fac că un pic mai mare. 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 Sper că voi putea vedea. 192 00:09:20,120 --> 00:09:27,390 >> Deci, eu pot scrie cod așa cum am făcut- înainte în console.log. 193 00:09:27,390 --> 00:09:28,915 Bună, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 Și observați nu am de a face punct și virgulă, dar apoi am obține acest ciudat 196 00:09:35,330 --> 00:09:36,850 lucru nedefinit. 197 00:09:36,850 --> 00:09:40,310 Ei bine, de fapt, nu contează despre lucru nedefinit. 198 00:09:40,310 --> 00:09:43,590 Lucruri pe care vreau să observați este că Nu am nevoie de funcția principală aici 199 00:09:43,590 --> 00:09:45,050 pentru a începe să ruleze cod. 200 00:09:45,050 --> 00:09:46,790 Și nu există nici un scop backslash. 201 00:09:46,790 --> 00:09:50,683 Există unele caracteristici mici care JavaScript poate face pentru tine. 202 00:09:50,683 --> 00:09:53,510 >> Audiența: [inaudibil]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Oh, da. 204 00:09:54,000 --> 00:09:57,460 Îmi pare rău pentru asta. 205 00:09:57,460 --> 00:10:02,200 Și că săgeata înseamnă doar nod este gata pentru o altă comandă. 206 00:10:02,200 --> 00:10:05,380 Astfel încât puteți să-l face simplu matematica, cum ar fi 1 plus 1. 207 00:10:05,380 --> 00:10:10,360 Și la fel ca în C, aceste matematica Simbolurile sunt la fel. 208 00:10:10,360 --> 00:10:13,750 Eu pot face console.log de un număr. 209 00:10:13,750 --> 00:10:15,090 Și apoi se imprimă două. 210 00:10:15,090 --> 00:10:19,000 JavaScript este frumos în acest sens, deoarece chiar dacă două este un int, 211 00:10:19,000 --> 00:10:22,020 ca și în C, în cazul în care te-ai printf cu doi, v-ar lua o eroare. 212 00:10:22,020 --> 00:10:24,140 >> Dar JavaScript știe, oh, esti imprimarea ceva. 213 00:10:24,140 --> 00:10:25,070 Am de gând să nevoie de un șir. 214 00:10:25,070 --> 00:10:28,410 Asa ca lasa-ma converti că două într-un șir pentru tine. 215 00:10:28,410 --> 00:10:34,970 Și puteți face, de asemenea, unele lucruri ciudate cum ar fi hi și apoi plus doi. 216 00:10:34,970 --> 00:10:39,520 Acesta este doar un alt exemplu cum două poate fi transformat într-acolo. 217 00:10:39,520 --> 00:10:45,135 >> Deci, cu faptul că din modul în care, să acoperă doar un pic mai mult JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Deci, în C, avem tipuri. 220 00:10:50,540 --> 00:10:53,925 Ori de câte ori ne-am creat o nouă variabilă, ne-am Trebuie să spun că-i este char * sau 221 00:10:53,925 --> 00:10:55,850 string în caz CS50. 222 00:10:55,850 --> 00:10:58,350 Sau dacă am avut un număr zecimal, am avut de spus float. 223 00:10:58,350 --> 00:11:00,690 Dacă avem nevoie de un Boolean, am avut de spus b. 224 00:11:00,690 --> 00:11:04,220 Și apoi o dată am avut ceva a fost b, a trebuit să stea un bool. 225 00:11:04,220 --> 00:11:07,360 Nu am putut magic schimba la un int excepția cazului în care am scris în 226 00:11:07,360 --> 00:11:09,450 paranteze, int a b. 227 00:11:09,450 --> 00:11:11,820 >> În JavaScript, nu există tipuri. 228 00:11:11,820 --> 00:11:13,350 Trebuie doar cred ca e var. 229 00:11:13,350 --> 00:11:15,270 Și var este modul în care creați un nou tip. 230 00:11:15,270 --> 00:11:19,210 Deci, se poate avea var s fie un șir de caractere, var n fiind un float, 231 00:11:19,210 --> 00:11:21,230 și var b. a fi adevărat. 232 00:11:21,230 --> 00:11:24,980 Și un lucru pe care nu le puteți face în C este Pot spune acum, după acea linie, b 233 00:11:24,980 --> 00:11:26,230 este egal cu un număr întreg. 234 00:11:26,230 --> 00:11:27,400 Și care funcționează foarte bine. 235 00:11:27,400 --> 00:11:30,840 Întrucât, în C, s-ar spune ca întreg nu este un bool. 236 00:11:30,840 --> 00:11:32,770 Eu nu pot face asta pentru tine. 237 00:11:32,770 --> 00:11:34,050 Sau [inaudibil] ar arunca o eroare. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> Și eu pot merge rapid înapoi în nod și arată o parte din această funcționalitate. 240 00:11:43,420 --> 00:11:44,960 Așa că am putea avea un var o. 241 00:11:44,960 --> 00:11:52,120 Spune-i "Apple". Deci, acum, când am imprima o, I a lua string mea, "Apple." Dar eu pot 242 00:11:52,120 --> 00:11:54,900 De asemenea, acum spune un egal cu 3. 243 00:11:54,900 --> 00:11:56,610 Și observați nu există nici o eroare. 244 00:11:56,610 --> 00:12:00,630 Și un egal acum 3. 245 00:12:00,630 --> 00:12:01,880 Orice întrebări până acum? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Da. 248 00:12:07,570 --> 00:12:10,780 >> Audiența: Stai, așa console.log este, în principiu printf, corect? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: console.log este printf dumneavoastră. 250 00:12:12,180 --> 00:12:12,652 >> Audiența: Corect. 251 00:12:12,652 --> 00:12:17,844 Deci, cum se face dacă tocmai ați tip în opt sau [inaudibil], ceea ce face ca 252 00:12:17,844 --> 00:12:18,790 [Inaudibil]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Corect. 254 00:12:19,160 --> 00:12:21,690 Deci, este - 255 00:12:21,690 --> 00:12:24,240 lucrurile în verde se imprimă la consola. 256 00:12:24,240 --> 00:12:27,050 Și ceea ce vom vedea în continuare este atunci când ne-am muta la web 257 00:12:27,050 --> 00:12:29,300 pagină, nu vom face - 258 00:12:29,300 --> 00:12:32,650 JavaScript va fi având un HTML șablon, pe care voi le acopere în 259 00:12:32,650 --> 00:12:34,730 Meteor parte a seminarului. 260 00:12:34,730 --> 00:12:38,730 Și asta e în cazul în care vă pot spune, da-mi valoarea unui, și va pune un în 261 00:12:38,730 --> 00:12:39,920 site-ul dumneavoastră. 262 00:12:39,920 --> 00:12:42,520 Pentru ca fiecare browser web de fapt, are un pic de consolă. 263 00:12:42,520 --> 00:12:46,380 Și dacă te-ai uitat foarte atent, te ar obține unele informații, cum ar fi dvs. 264 00:12:46,380 --> 00:12:51,210 printf e apare acolo cu fiecare pagina web pe care le încărcați. 265 00:12:51,210 --> 00:12:53,580 >> Audiența: Cum ai ajuns la ecranul coajă? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Deci, există o comandă numit nod, și vine cu Meteor. 267 00:12:57,680 --> 00:13:01,230 Deci, voi renunta doar de acolo. 268 00:13:01,230 --> 00:13:03,580 Nod este programul care ruleaza JavaScript. 269 00:13:03,580 --> 00:13:07,070 Dacă te duci la meteor.com, te se poate instala Meteor, și 270 00:13:07,070 --> 00:13:08,480 Meteor vine cu nod. 271 00:13:08,480 --> 00:13:11,470 Deoarece Meteor este doar o colecție tuturor acestor pachete software. 272 00:13:11,470 --> 00:13:15,280 Când ajungem la exemplul nostru, voi mers pe jos toată lumea prin instalarea 273 00:13:15,280 --> 00:13:17,625 Meteor, iar apoi poți să te joci cu nodul tine. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, mare. 276 00:13:23,980 --> 00:13:29,640 >> Deci, un alt mare facilitate de lucru cu JavaScript este bucle sunt aceleași. 277 00:13:29,640 --> 00:13:31,430 Destul de mult exact la fel. 278 00:13:31,430 --> 00:13:35,530 Pentru bucle, în timp ce buclele, face în timp ce buclele, în cazul în care altcineva. 279 00:13:35,530 --> 00:13:36,880 Totul e la fel cu acolade. 280 00:13:36,880 --> 00:13:38,540 Este aceeași sintaxă. 281 00:13:38,540 --> 00:13:41,350 În cazul în care o buclă, putinul detaliu pe care va trebui să acorde o atenție 282 00:13:41,350 --> 00:13:45,340 a este în loc de int i este egal cu 0, trebuie să spunem var i este egal cu 0. 283 00:13:45,340 --> 00:13:49,580 Dar asta e din cauza variabilelor tipurile despre care am vorbit mai înainte. 284 00:13:49,580 --> 00:13:53,360 >> Observați că printf devine un jurnal, un console.log. 285 00:13:53,360 --> 00:13:57,370 Și noi nu trebuie să facem procentul p backslash n și apoi trece în i. 286 00:13:57,370 --> 00:13:58,380 Vă pot spune doar eu. 287 00:13:58,380 --> 00:14:01,910 Și s-ar imprima numere de la zero la patru. 288 00:14:01,910 --> 00:14:04,830 Dacă vreți să încercați acest lucru, deoarece ai adus un punct bun. 289 00:14:04,830 --> 00:14:08,730 Dacă ați fi dorit pentru a rula acest cod pe dvs. browser-ul propriu, aș recomanda ca 290 00:14:08,730 --> 00:14:11,040 toată lumea se deschide Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome sau orice browser web într-adevăr, dar îmi place Google Chrome 292 00:14:14,220 --> 00:14:17,350 deoarece este foarte standardizat. 293 00:14:17,350 --> 00:14:24,240 >> Puteți merge la, eu cred că, dacă ai dreptate click pe orice site, doar în 294 00:14:24,240 --> 00:14:26,880 spațiu alb, veți vedea o opțiune numit Inspect Element. 295 00:14:26,880 --> 00:14:28,810 Este, de obicei ultima. 296 00:14:28,810 --> 00:14:32,630 Și atunci când faceți clic pe el, trebuie să obțineți un lucru la partea de jos apar aici. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Permiteți-mi mări aici. 299 00:14:37,780 --> 00:14:41,390 Și avem câteva file aici. 300 00:14:41,390 --> 00:14:43,580 Cea pe care o pasa este consola. 301 00:14:43,580 --> 00:14:48,820 >> Și aceasta este o consolă JavaScript pe care le poate lucra acum cu. 302 00:14:48,820 --> 00:14:49,370 Mare. 303 00:14:49,370 --> 00:14:52,560 Așa că am posibilitatea să tastați în același lucruri Am fost inainte de a tasta în nod. 304 00:14:52,560 --> 00:14:54,790 Un singur plus este de două. 305 00:14:54,790 --> 00:14:59,110 Var un egal "Apple". 306 00:14:59,110 --> 00:15:03,430 Și apoi mi-ar imprima o, și o este "Apple. 307 00:15:03,430 --> 00:15:08,760 Deci, în orice browser web, Firefox, Chrome, Safari, orice ai folosi, ca 308 00:15:08,760 --> 00:15:11,240 timp cât aveți acces la un JavaScript consolă, același tip de 309 00:15:11,240 --> 00:15:15,520 Cod Am fost difuzate în nod tine poate rula în propria consolă. 310 00:15:15,520 --> 00:15:17,530 >> Audiența: [inaudibil]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Cum să ajunge la consola? 312 00:15:18,690 --> 00:15:22,880 Trebuie să faceți clic dreapta pe spatiul gol pe pagină, și apoi te duci la 313 00:15:22,880 --> 00:15:26,100 Inspect Element. 314 00:15:26,100 --> 00:15:28,290 Deci, de fapt, aș vrea voi pentru a face doar sigur că poți 315 00:15:28,290 --> 00:15:29,860 Inspect Element în Chrome. 316 00:15:29,860 --> 00:15:32,630 Și vedea atunci când tastați în unele cod în consolă 317 00:15:32,630 --> 00:15:33,880 care se execută în mod corespunzător. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Nu ezitați să întrebați orice întrebări dacă ceva nu e clar aici. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> Audiența: [inaudibil]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Orice tip, chiar. 324 00:16:28,200 --> 00:16:31,370 Există doar un singur tip pentru toate variabile în JavaScript. 325 00:16:31,370 --> 00:16:34,160 Și atunci când trebuie să declare o variabilă, tu spui var. 326 00:16:34,160 --> 00:16:35,410 >> Audiența: [inaudibil]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Da. 329 00:16:40,050 --> 00:16:43,730 Ea face, dar în JavaScript, este foarte inteligent cu privire la alocarea de memorie. 330 00:16:43,730 --> 00:16:44,600 Nu există nici o malloc. 331 00:16:44,600 --> 00:16:45,780 Nu există nici liber. 332 00:16:45,780 --> 00:16:48,490 Deci, nu aveți nevoie să vă faceți griji despre asta. 333 00:16:48,490 --> 00:16:51,140 Asta este o altă caracteristică frumos că JavaScript vă oferă. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Așa că aș dori să se mute pe. 336 00:16:58,440 --> 00:17:01,360 Ar fi bine? 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 Mare. 340 00:17:07,720 --> 00:17:10,660 >> Audiența: Am doar probleme găsirea [? Inspect Element. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: arată atât de Safari un pic diferit, dar te 343 00:17:16,250 --> 00:17:18,599 au Chrome sau Firefox? 344 00:17:18,599 --> 00:17:21,619 Cei care sunt mai ușor cele de a lucra cu. 345 00:17:21,619 --> 00:17:25,079 Și pentru proiectele dvs., am recomandăm lipirea cu un browser deoarece 346 00:17:25,079 --> 00:17:29,610 veți obține o mulțime de bug-uri aproape pentru că fiecare browser tratează 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML un pic diferit. 348 00:17:31,980 --> 00:17:35,170 Deci, eu cred că viața ta va fi mult mai ușor dacă rămânem la Chrome, deoarece 349 00:17:35,170 --> 00:17:37,052 este disponibil pe toate mașinile. 350 00:17:37,052 --> 00:17:38,790 Și este un browser destul de populare. 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 >> Deci, următorul subiect pe care ar trebui să ne acoperă în JavaScript - 355 00:18:06,370 --> 00:18:07,730 Îmi pare rău pentru formatarea aici. 356 00:18:07,730 --> 00:18:11,630 A trebuit să se întindă diapozitive pentru a se potrivi proiector cu ecran lat. 357 00:18:11,630 --> 00:18:14,750 Dar aș vrea acum să vorbim despre cum faci funcții. 358 00:18:14,750 --> 00:18:17,410 În C, trebuie să declare fiecare funcție. 359 00:18:17,410 --> 00:18:22,130 Ca Int adăuga, și este nevoie de un int în x, y și un int, iar apoi le-am adăuga 360 00:18:22,130 --> 00:18:23,100 și-l întoarce. 361 00:18:23,100 --> 00:18:26,850 >> În JavaScript, funcțiile sunt de fapt un alt tip de variabila. 362 00:18:26,850 --> 00:18:30,560 Deci, noi spunem doar var adăuga, și este egal cu o funcție. 363 00:18:30,560 --> 00:18:32,580 O funcție care are un x și un y. 364 00:18:32,580 --> 00:18:33,790 Și ce face această funcție? 365 00:18:33,790 --> 00:18:39,910 Se întoarce x plus y în exact același sintaxă ca în C. Și observați că în 366 00:18:39,910 --> 00:18:44,290 JavaScript, nu vi se va spune ce Funcția întoarce pentru că din 367 00:18:44,290 --> 00:18:49,160 Variabilele nu au tip, oricum, ea nu e chiar productiv, cred, 368 00:18:49,160 --> 00:18:52,855 să fie specificând toate dvs. tipuri în funcțiile. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 Și atunci când apelați o funcție, este aceeași sintaxă exact ca și C. Tu 371 00:18:59,565 --> 00:19:03,610 doar trece în două argumente tale. 372 00:19:03,610 --> 00:19:07,330 Aș dori să încerce acest lucru în nod mea. 373 00:19:07,330 --> 00:19:09,284 Pot schimba diapozitiv? 374 00:19:09,284 --> 00:19:10,534 >> Audiența: [inaudibil]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Vom obține o copie a diapozitivelor? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Da. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Deci, haideți să ne întoarcem la nod. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Asa ca voi spune var add egal funcție. 382 00:19:38,160 --> 00:19:40,650 Având un x, de a lua o y. 383 00:19:40,650 --> 00:19:43,690 Și apoi se știe că declarația lui nu a fost finalizată. 384 00:19:43,690 --> 00:19:47,692 Deci, în nod sau în consolă, veți observa dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Astfel încât puteți să vă păstrați tastați codul. 386 00:19:49,660 --> 00:19:53,650 Și acum voi spune revenire x plus y. 387 00:19:53,650 --> 00:19:54,790 Și apoi închideți bretele. 388 00:19:54,790 --> 00:20:00,260 Și momentul în care am închide bretele, ea consideră că declarația este terminat. 389 00:20:00,260 --> 00:20:04,730 >> Și acum pot să spun adăuga una sau două. 390 00:20:04,730 --> 00:20:08,280 Și eu iau trei. 391 00:20:08,280 --> 00:20:11,545 Rețineți că, dacă eu doar am adăuga, ea mi-a spus că este o funcție. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 Și un lucru doar să acorde o atenție la este dacă da greșit numărul de 394 00:20:19,570 --> 00:20:23,380 argumente, se va face. 395 00:20:23,380 --> 00:20:25,890 Acesta va rula, dar s-ar putea obține unele rezultate foarte ciudate. 396 00:20:25,890 --> 00:20:30,070 Ca un fel de valoare gunoi, vă puteți gândi la ea. 397 00:20:30,070 --> 00:20:32,060 Deci, vă rugăm să mergeți mai departe și să încercați acest lucru în browser. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, deci în interesul de timp, voi acum trece la următoarele caracteristici în 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 Deci, am vorbit despre functii. 403 00:21:38,400 --> 00:21:40,840 Am vorbit despre bucle, dacă declarațiile prea. 404 00:21:40,840 --> 00:21:43,660 Sintaxa este aceeași ca C și variabile. 405 00:21:43,660 --> 00:21:46,090 Și acum vreau să vorbesc despre matrice. 406 00:21:46,090 --> 00:21:48,520 Îmi pare rău că diapozitivele a fost un pic tăiat. 407 00:21:48,520 --> 00:21:52,470 Dar, de fapt, în prima secțiune, tot ce ai nevoie va funcționa. 408 00:21:52,470 --> 00:21:55,410 >> Deci avem un alt tip de variabile numit matrice. 409 00:21:55,410 --> 00:21:57,930 Și vom folosi paranteze pătrate pentru a le desemna. 410 00:21:57,930 --> 00:22:01,960 Deci, în primul exemplu, arr var, array gol. 411 00:22:01,960 --> 00:22:05,900 Aceasta este lista goală, așa o matrice care nu conțin elemente. 412 00:22:05,900 --> 00:22:09,770 Și puteți avea, de asemenea, o serie cu trei siruri de caractere. 413 00:22:09,770 --> 00:22:13,290 În C, fiecare element din matrice dvs. a trebuit să fie de același tip. 414 00:22:13,290 --> 00:22:16,940 >> Dar, pentru că în JavaScript nu este doar un tip, matrice poate de fapt, 415 00:22:16,940 --> 00:22:18,510 au diferite tipuri de valori. 416 00:22:18,510 --> 00:22:22,220 Ca aici, avem un tablou cu un flotor, un bool, și un int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Modul în care veți obține o lungime de o matrice, nu trebuie de fapt să utilizeze dimensiunea de 419 00:22:28,510 --> 00:22:29,030 sau ceva. 420 00:22:29,030 --> 00:22:31,570 Tu spui doar matrice și apoi dot lungime. 421 00:22:31,570 --> 00:22:36,450 Și această lungime punct, vă puteți gândi de ea ca un fel de struct, cum fiecare 422 00:22:36,450 --> 00:22:40,890 matrice are un câmp, un variabil suplimentar în interiorul a fost numită lungime, care 423 00:22:40,890 --> 00:22:42,910 ține evidența cât timp matrice este. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Deci, eu sunt doar de repede merge în nod și arată voi același lucru. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Așa că am putea avea un tablou. 428 00:22:58,050 --> 00:23:00,280 Acesta poate fi lista goală. 429 00:23:00,280 --> 00:23:02,030 Și mă va imprima spate o listă goală. 430 00:23:02,030 --> 00:23:02,530 Mare. 431 00:23:02,530 --> 00:23:08,560 Pot spune acum că matricea are 1, și 2,3, și adevărat. 432 00:23:08,560 --> 00:23:10,400 Astfel încât toate tipurile de diferite. 433 00:23:10,400 --> 00:23:11,740 Și observați că acesta funcționează bine. 434 00:23:11,740 --> 00:23:16,330 Matrice mă întorc suporturi toate valorile l-am dat. 435 00:23:16,330 --> 00:23:20,440 >> Dacă am vrut pentru a obține primul element al matrice, sintaxa este de fapt 436 00:23:20,440 --> 00:23:22,980 la fel ca în C. Tu se poate spune matrice zero. 437 00:23:22,980 --> 00:23:24,430 Și veți obține unul. 438 00:23:24,430 --> 00:23:27,920 Eu pot spune același lucru pentru matrice doi, și mă adevărat. 439 00:23:27,920 --> 00:23:31,610 Dacă am face ceva in afara de matrice, JavaScript este un limbaj sigur 440 00:23:31,610 --> 00:23:33,390 pentru că nu va primi un defect segment. 441 00:23:33,390 --> 00:23:34,780 Aduc nedefinit. 442 00:23:34,780 --> 00:23:37,510 >> Și acest nedefinit, puteți fel a gândi despre ea ca nul. 443 00:23:37,510 --> 00:23:41,390 Dar poate fi foarte enervant, atunci când Cod pentru că va trebui să verifice că 444 00:23:41,390 --> 00:23:43,880 aproape tot ceea ce faci, tu lucra cu este nedefinit. 445 00:23:43,880 --> 00:23:47,700 Și vom vedea câteva exemple de acest lucru când lucrăm în Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Deși matrice patru este nedefinit, Pot să-l atribui o valoare. 447 00:23:50,600 --> 00:23:52,570 Așa că voi spune că este egal cu una. 448 00:23:52,570 --> 00:23:57,050 Și apoi, dacă mă duc la matrice, I au un plus de valoare acolo. 449 00:23:57,050 --> 00:24:02,470 Și observați că matrice trei, care, de asemenea, a fost nedefinită, rămâne nedefinit. 450 00:24:02,470 --> 00:24:05,690 Așa că am acum o matrice cu o gaură în mijloc. 451 00:24:05,690 --> 00:24:07,750 Dar dacă am imprimat matrice patru, Mi-ar lua unul. 452 00:24:07,750 --> 00:24:10,960 Dacă am făcut-o matrice trei, mă nedefinit. 453 00:24:10,960 --> 00:24:13,880 >> Deci, caracteristica frumos că JavaScript vă permite să faci este că listele se poate 454 00:24:13,880 --> 00:24:15,620 modifica dimensiunea. 455 00:24:15,620 --> 00:24:18,520 Arrays, tablouri fiind liste, se modifica dimensiunea. 456 00:24:18,520 --> 00:24:22,480 Și puteți specifica orice locație în interiorul lor. 457 00:24:22,480 --> 00:24:25,370 Și toate golurile vor fi umplute cu aceste valori nedefinite. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Deci, am vorbit despre tablouri. 460 00:24:33,450 --> 00:24:37,050 Acum, ultimul lucru pe care vreau să acopere în JavaScript, iar acest lucru este foarte important 461 00:24:37,050 --> 00:24:39,550 pentru a înțelege codul care Am de gând să vă arăt, 462 00:24:39,550 --> 00:24:41,530 va fi obiecte. 463 00:24:41,530 --> 00:24:45,140 Și obiecte sunt un termen de la - 464 00:24:45,140 --> 00:24:47,380 în principiu, ele sunt prezente în multe limbaje de programare. 465 00:24:47,380 --> 00:24:50,620 Și fiecare limbaj de programare îi place să ne gândim la ei un pic diferit. 466 00:24:50,620 --> 00:24:55,050 >> Dar cred că pentru Meteor, un bun analogie este C struct. 467 00:24:55,050 --> 00:24:59,410 În C, dacă vrem să găsim struct elev, ne-ar trebui pentru a specifica toate 468 00:24:59,410 --> 00:25:00,240 lucrurile în interiorul de ea. 469 00:25:00,240 --> 00:25:01,440 Așa că trebuie să aibă un nume. 470 00:25:01,440 --> 00:25:02,140 Ea trebuie să aibă un an. 471 00:25:02,140 --> 00:25:03,650 Ea trebuie să aibă un gen. 472 00:25:03,650 --> 00:25:07,350 Dar avem, de asemenea, să-l dea tipuri de toate aceste lucruri. 473 00:25:07,350 --> 00:25:11,200 >> Și acum că avem această mucegai pentru struct numit elev, putem avea o 474 00:25:11,200 --> 00:25:14,640 struct nou, și apoi putem manual spun ceea ce fiecare dintre câmpurile sunt. 475 00:25:14,640 --> 00:25:17,740 Și asta e în cazul în care vom folosi nume punct, dot an, dot gen. 476 00:25:17,740 --> 00:25:21,930 Și apoi ne-am, în ultimul rând de cod aici, eu doar imprimarea 477 00:25:21,930 --> 00:25:24,980 Numele elevului struct. 478 00:25:24,980 --> 00:25:28,220 >> În lumea JavaScript, există nici un lucru, cum ar fi elev struct. 479 00:25:28,220 --> 00:25:30,660 Tu nu generează o structură prestabilită. 480 00:25:30,660 --> 00:25:34,680 De fapt doar, în aceste paranteze, spui ce totul este. 481 00:25:34,680 --> 00:25:40,680 Și este această notație ciudat cu colon și apoi virgula, dar veți 482 00:25:40,680 --> 00:25:41,810 te obișnuiești cu el destul de repede. 483 00:25:41,810 --> 00:25:44,930 >> Și este de fapt o foarte ușor, mod flexibil de doar 484 00:25:44,930 --> 00:25:47,400 manipularea obiectelor. 485 00:25:47,400 --> 00:25:51,270 Ai observat că dacă vreau să obțineți acum nume de la s, doar fac s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Există întrebări cu privire la acest lucru? 488 00:25:56,790 --> 00:26:00,260 Acest lucru, de obicei, a fost un foarte confuz subiect, atunci când vom introduce pe oameni să 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Voi face câteva exemple de acest lucru în nod. 491 00:26:04,110 --> 00:26:05,010 Da? 492 00:26:05,010 --> 00:26:06,260 >> Audiența: [inaudibil]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Deci tu au un exemplu, multiplu 495 00:26:16,230 --> 00:26:18,764 variabile de acest tip. 496 00:26:18,764 --> 00:26:20,014 >> Audiența: [inaudibil]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> Audiența: [inaudibil]. 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 Deci, cred că modul în care s-ar merge despre este v-ar pune obiecte într-o matrice, 502 00:26:43,760 --> 00:26:45,340 iar acum vei avea o tablou de obiecte. 503 00:26:45,340 --> 00:26:47,547 Asta răspunde la întrebarea dvs.? 504 00:26:47,547 --> 00:26:48,797 >> Audiența: [inaudibil]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Da. 507 00:26:51,260 --> 00:26:52,430 S este un obiect. 508 00:26:52,430 --> 00:26:57,455 Astfel încât să putem merge în nod și doar joacă în jurul valorii de un pic. 509 00:26:57,455 --> 00:26:58,705 >> Audiența: [inaudibil]? 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 Deci, dacă mă întrebi ce clase sunt, clase sunt tratate foarte diferit, 513 00:27:10,660 --> 00:27:14,510 și ei au un sistem foarte ciudat numit prototipuri, pe care tu nu faci 514 00:27:14,510 --> 00:27:15,620 trebuie să știți despre. 515 00:27:15,620 --> 00:27:17,910 Nu există nici o modalitate de a face acest lucru fix. 516 00:27:17,910 --> 00:27:21,160 Deci, dacă doriți pentru a genera mai multe, vă ar fi doar un fel de au o funcție 517 00:27:21,160 --> 00:27:22,100 sau ceva. 518 00:27:22,100 --> 00:27:24,340 Vă genera propriul funcție. 519 00:27:24,340 --> 00:27:26,765 Și vă va întoarce un obiect. 520 00:27:26,765 --> 00:27:29,550 Asta ar fi cel mai ușor mod de a face acest lucru. 521 00:27:29,550 --> 00:27:32,454 Asta face sens? 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 Mare. 525 00:27:36,650 --> 00:27:39,820 Deci, odată ce avem o înțelegere de JavaScript obiecte, ele sunt - 526 00:27:39,820 --> 00:27:41,082 oh, da. 527 00:27:41,082 --> 00:27:42,026 >> Audiența: [inaudibil] 528 00:27:42,026 --> 00:27:45,802 de exemplu, ceea ce este diferența dintre "Roger" cu ghilimele duble față 529 00:27:45,802 --> 00:27:47,510 [Inaudibil] cu ghilimele simple. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 Deci, acest lucru este în C, avem single citate reprezentând caractere, și dublu 532 00:27:52,730 --> 00:27:54,550 citate reprezentând siruri de caractere. 533 00:27:54,550 --> 00:27:57,920 JavaScript aruncă de fapt, această distanță pentru că puteți avea siruri de caractere cu 534 00:27:57,920 --> 00:28:01,570 ghilimele simple sau duble, și nu există nici un lucru, cum ar fi un singur caracter. 535 00:28:01,570 --> 00:28:04,400 Dar dacă tocmai ați copiat la fel Cod C, JavaScript ar 536 00:28:04,400 --> 00:28:05,610 trata-o foarte bine. 537 00:28:05,610 --> 00:28:07,710 Care este motivul pentru care l-am tratat ca - 538 00:28:07,710 --> 00:28:12,540 de aceea nu pot literalmente de port codul în acest sens. 539 00:28:12,540 --> 00:28:15,420 >> Și vreau să vă arăt un exemplu a unui obiect mai complicat. 540 00:28:15,420 --> 00:28:19,890 Deci, se poate observa că un obiect poate avea siruri de caractere ca valori. 541 00:28:19,890 --> 00:28:21,530 Acesta poate avea o altă listă de valori. 542 00:28:21,530 --> 00:28:23,820 Aceasta ar putea avea o listă de obiecte ca valori. 543 00:28:23,820 --> 00:28:25,870 Nu există într-adevăr nici o limită la acest lucru. 544 00:28:25,870 --> 00:28:29,070 Deci, aici, e doar o demonstrație bun de modul în care puteți obține o mulțime 545 00:28:29,070 --> 00:28:33,290 diferite tipuri întâmplă toate într-un singur obiect. 546 00:28:33,290 --> 00:28:34,540 Are acest sens? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Acum, puteți avea, de asemenea, tablouri de obiecte. 549 00:28:44,700 --> 00:28:48,530 Și aici este un fel de similar cu ceea ce a întrebat, dacă puteți avea obiecte de 550 00:28:48,530 --> 00:28:49,190 același tip. 551 00:28:49,190 --> 00:28:52,960 Dar problema este, nu există nici un fix format de obiecte în JavaScript. 552 00:28:52,960 --> 00:28:55,020 Deci, va trebui să le specificați tine. 553 00:28:55,020 --> 00:28:57,600 Și va trebui să vă asigurați că acestea sunt uniform. 554 00:28:57,600 --> 00:29:00,410 Deci aici, când am crea un obiect, am pentru a vă asigura că fiecare are o 555 00:29:00,410 --> 00:29:01,910 numele, și fiecare are o casă. 556 00:29:01,910 --> 00:29:05,620 >> Și atunci am o serie de cele, și care poate fi casa mea. 557 00:29:05,620 --> 00:29:08,290 Și apoi aici poti fel de vedea pentru bucla întâmplă. 558 00:29:08,290 --> 00:29:14,090 Pentru bucla a fi doar o foarte comun mod de a traversa pe o matrice 559 00:29:14,090 --> 00:29:15,150 în JavaScript. 560 00:29:15,150 --> 00:29:18,010 Observați că acest model este foarte asemănător la C echivalent, în cazul în care 561 00:29:18,010 --> 00:29:21,470 au int i este egal cu zero. eu este mai mică decât lungimea. 562 00:29:21,470 --> 00:29:23,634 Și apoi m-am, plus, plus. 563 00:29:23,634 --> 00:29:26,035 >> Este aproape același cod, cu excepția câtorva detalii. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Deci, nu toată lumea înțelege ceea ce un obiect este? 566 00:29:33,120 --> 00:29:35,820 Gândește-te la asta ca o struct C. 567 00:29:35,820 --> 00:29:38,784 Și modul în care accesați câmpurile este doar cu punct. 568 00:29:38,784 --> 00:29:41,950 Și, atâta timp cât vă amintiți cum să utilizați punct, vei fi bine. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, deci acum pot toată lumea citit că link-ul? 571 00:29:58,790 --> 00:30:02,220 Acesta este link-ul pentru a proiectului. 572 00:30:02,220 --> 00:30:04,950 Are cineva probleme vezi link-ul? 573 00:30:04,950 --> 00:30:06,251 OK, hai să-l schimbe atunci. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Nu e - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Da, asta e, probabil, cel mai simplu mod de a face acest lucru. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Mare. 580 00:30:34,560 --> 00:30:38,270 >> Deci, dacă te duci la acest site, nu ar trebui să fi unele instrucțiuni pe care le voi 581 00:30:38,270 --> 00:30:42,550 du-te pe la modul în care putem instala Meteor și de a lua de funcționare a proiectului nostru de probă. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Vreau să vă asigurați că toată lumea are link-ul jos înainte de a mă muta. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Pot să merg mai departe? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, mare. 588 00:31:23,680 --> 00:31:25,890 >> Deci, iată-mă pe site-ul. 589 00:31:25,890 --> 00:31:28,740 Veți observa în fișierul readme, avem unele instrucțiuni privind modul în care 590 00:31:28,740 --> 00:31:30,200 pentru a obține lea configura. 591 00:31:30,200 --> 00:31:33,920 Ai nevoie să fie în CS50 aparat sau doar pe un Mac. 592 00:31:33,920 --> 00:31:35,330 Windows nu va funcționa. 593 00:31:35,330 --> 00:31:37,760 Dar, practic, nimic nu e Windows ar trebui să lucreze cu aceste 594 00:31:37,760 --> 00:31:39,820 instrucțiuni foarte bine. 595 00:31:39,820 --> 00:31:41,470 Dar pot să-l un pic face mai mare, de asemenea. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Deci, veți rula primul pereche de comenzi. 598 00:31:48,820 --> 00:31:50,450 Tipii ăștia vor instala doar Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Pot intra în terminalul meu. 601 00:31:58,530 --> 00:32:02,710 Și dacă am alerga același lucru acum, Am deja instalat. 602 00:32:02,710 --> 00:32:03,710 Deci, este un pic mai scurt. 603 00:32:03,710 --> 00:32:05,155 Ar putea dura un pic mai mult pentru voi. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Dar vreau să fac în primul rând sigur că avem Meteor funcționare. 606 00:32:13,530 --> 00:32:16,780 După ce Meteor a instalat, ar trebui să fi în stare să mă nod în consola. 607 00:32:16,780 --> 00:32:19,430 >> Audiența: Ei cer pentru o parolă. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Asta ar fi dvs. parola de utilizator, dacă sunteți pe un Mac. 609 00:32:22,110 --> 00:32:27,030 Este doar nevoie de permisiunea de a modificarea unor fișiere de sistem. 610 00:32:27,030 --> 00:32:30,690 Deci, întrebarea este, în cazul în care vă cere pentru o parolă, e doar te întreb 611 00:32:30,690 --> 00:32:33,510 pentru parola de utilizator, atunci când vă conectați la Mac-ul tău. 612 00:32:33,510 --> 00:32:35,770 Și acest lucru este astfel încât să puteți schimba fișierele de sistem. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> Iar când sunteți gata, puteți trece la la pasul următor, care va copia 615 00:32:51,260 --> 00:32:54,220 mostre de cod am de la site-ul web. 616 00:32:54,220 --> 00:32:58,330 Și veți obține un nou director în ta directorul home numit clasament, și 617 00:32:58,330 --> 00:32:59,670 putem începe să lucreze de acolo. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Deci, eu sunt doar copierea și lipirea acestora comenzi în terminalul meu. 620 00:33:14,620 --> 00:33:16,780 Și pentru mine, eu deja clonat. 621 00:33:16,780 --> 00:33:21,470 Deci, eu pot muta chiar acum în clasament. 622 00:33:21,470 --> 00:33:23,450 Și ar trebui să am câteva fișiere acolo. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Orice întrebări? 625 00:33:31,113 --> 00:33:34,430 >> Audiența: [inaudibil] nu funcționează. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Oh, s-ar putea nevoie de git instalate, de asemenea. 627 00:33:36,741 --> 00:33:39,150 >> Audiența: [inaudibil]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Îmi pare rău? 629 00:33:40,162 --> 00:33:41,412 >> Audiența: [inaudibil]. 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 Asta pentru că ar putea avea nevoie să fie conectat la GitHub pentru a obține acest link. 634 00:33:52,860 --> 00:33:58,160 În cazul în care voi poate vedea că, cel mai ușor mod de a face acest lucru, aș spune, atunci este 635 00:33:58,160 --> 00:33:59,270 descărca zip. 636 00:33:59,270 --> 00:34:02,010 Și acest lucru va descărca doar toate fișierele. 637 00:34:02,010 --> 00:34:05,510 Și apoi o dată l-ai pus în ta descărca sau directorul tau de casa - 638 00:34:05,510 --> 00:34:07,360 Eu recomand punerea sa în ta directorul home astfel încât să putem toți 639 00:34:07,360 --> 00:34:09,210 rulați aceleași comenzi. 640 00:34:09,210 --> 00:34:15,230 Atâta timp cât avem dosarele, vom putea să înceapă să lucreze cu ei. 641 00:34:15,230 --> 00:34:17,969 Lasă-mă să știu dacă oamenii sunt cu probleme cu descărcarea fișierelor. 642 00:34:17,969 --> 00:34:21,040 >> Audiența: Prin directorul home, vrei să spui - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Deci, directorul de origine ar fi John Harvard, dacă vă aflați în 644 00:34:24,989 --> 00:34:27,460 aparatul CS50. 645 00:34:27,460 --> 00:34:33,651 Pentru a ajunge la directorul tau de casa, doar de tip în C. 646 00:34:33,651 --> 00:34:34,145 >> Audiența: [inaudibil] 647 00:34:34,145 --> 00:34:37,610 Aparat CS50 [neauzit]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Da. 649 00:34:38,650 --> 00:34:40,480 Pe care doriți să rulați comenzile în terminalul. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> Audiența: [inaudibil]. 652 00:34:45,390 --> 00:34:50,800 Am primit o eroare care spune că nu un astfel de fișier sau director. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Putem lua o rapid rupe și asigurați-vă doar că 654 00:34:52,739 --> 00:34:56,760 toată lumea are Meteor instalat, și eu voi doar du-te încearcă să ajute oamenii. 655 00:34:56,760 --> 00:34:59,130 Vă rugăm să încercați să se ajuta reciproc în cazul în care rulați în probleme. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Îmi pare rău, da. 658 00:35:05,580 --> 00:35:08,930 Ești atât în ​​aparat? 659 00:35:08,930 --> 00:35:09,350 >> Audienta: Da. 660 00:35:09,350 --> 00:35:13,190 Am RISA 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Dacă te duci înapoi la site-ul, du-te derulați până la partea de sus. 663 00:35:20,740 --> 00:35:23,580 Și acolo e HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> Audiența: Copiați acest lucru? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Da. 666 00:35:26,230 --> 00:35:28,950 Și apoi doriți să tastați în git clona. 667 00:35:28,950 --> 00:35:30,814 Deci, dacă apăsați de control A - 668 00:35:30,814 --> 00:35:33,718 >> Audiența: Aici? 669 00:35:33,718 --> 00:35:36,410 Și de a face [inaudibil]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> Audiența: [inaudibil]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git și apoi clona. 674 00:35:42,670 --> 00:35:46,610 Deci, este foarte similar cu comanda pe care avut anterior, dar URL schimbat. 675 00:35:46,610 --> 00:35:49,010 Deci, înainte de a fost aceasta, acum e asta. 676 00:35:49,010 --> 00:35:50,680 Permiteți-mi actualiza - 677 00:35:50,680 --> 00:35:51,354 Da. 678 00:35:51,354 --> 00:35:52,604 >> Audiența: [inaudibil]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Aceasta este descărcat. 681 00:35:58,076 --> 00:35:59,326 >> Audiența: [inaudibil]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: Oh, așa că nu a clona corect. 684 00:36:05,690 --> 00:36:07,920 Voi rezolva asta. 685 00:36:07,920 --> 00:36:10,190 Există o eroare la încercarea de pentru a descărca fișierele. 686 00:36:10,190 --> 00:36:13,820 Permiteți-mi să actualizeze comanda pentru voi așa că am putea asigurați-vă că va funcționa. 687 00:36:13,820 --> 00:36:17,025 Îmi pare rău pentru asta. 688 00:36:17,025 --> 00:36:21,618 Ar trebui să fie la fel de Mac-uri sau aparat CS50. 689 00:36:21,618 --> 00:36:22,868 >> Audiența: [inaudibil]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Am actualizat comandă pentru numărul doi, în cazul în care 692 00:36:51,190 --> 00:36:52,910 vă e necesară încărcarea paginii. 693 00:36:52,910 --> 00:36:56,520 Și cu asta, URL-ul, ar trebui să fie posibilitatea de a descărca fișiere. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> Audiența: Deci, dacă suntem încă descărcarea [neauzit]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Daca esti încă descărcarea Meteor? 697 00:37:05,930 --> 00:37:07,180 >> Audiența: [inaudibil]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Da, dacă vrei să se dezvolte pe Mac-ul tău. 700 00:37:11,910 --> 00:37:14,145 Dar ai nevoie de dezvoltator Xcode instrumente instalate. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Am testat aceste comenzi pe CS50 aparat, așa că am putea garanta 703 00:37:24,550 --> 00:37:25,440 că aceasta va funcționa. 704 00:37:25,440 --> 00:37:26,710 Da. lasă-mă să merg și să vă ajute. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> Audiența: [inaudibil]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Eu dau parola. 709 00:37:40,372 --> 00:37:42,240 Aceasta este Mac. 710 00:37:42,240 --> 00:37:43,490 Și apoi m-am face [neauzit]. 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 Mi-ar încercați să rulați toate comenzile numai in terminalul CS50 aparat. 714 00:37:57,080 --> 00:37:58,330 >> Audiența: [inaudibil]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Mi-ar lua-o de lucru în primul rând pe terminal, pe de 717 00:38:02,570 --> 00:38:04,830 Aparat CS50, și apoi terminalul Mac. 718 00:38:04,830 --> 00:38:08,130 >> Audiența: Deci, dacă o faci pe CS50 electrocasnice cum ar fi faptul că, [neauzit]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Aș dori să se mute pe, dar dacă oamenii sunt în continuare 721 00:38:15,850 --> 00:38:20,190 probleme înființarea Meteor, Kevin este mult mai decât fericiți să vă ajutăm pe voi, 722 00:38:20,190 --> 00:38:21,440 Kevin în cămașă gri. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Ceea ce ar trebui să avem este că vom rula ultima comandă, numărul trei, în 725 00:38:32,170 --> 00:38:33,710 terminalul nostru. 726 00:38:33,710 --> 00:38:37,320 Când ne-am face acest lucru, vom rula Meteor. 727 00:38:37,320 --> 00:38:39,040 >> Și ar trebui - 728 00:38:39,040 --> 00:38:41,200 oh, am deja Meteor funcționare. 729 00:38:41,200 --> 00:38:45,230 Deci, nu va lăsa - permiteți-mi să doar închide mea alte Meteor. 730 00:38:45,230 --> 00:38:49,640 Când am rulat Meteor, te Ar trebui să vedeți acum că - 731 00:38:49,640 --> 00:38:51,490 ar trebui să vedeți directorul curent care este de servire. 732 00:38:51,490 --> 00:38:55,476 Și acum se va spune server se execută pe http://localhost. 733 00:38:55,476 --> 00:38:58,860 Acesta este URL-ul pe care doriți să pună în browser-ul web. 734 00:38:58,860 --> 00:39:05,410 >> Și pe care URL-ul, ar trebui să fie în măsură să accesa un clasament drăguț. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Astfel observa că acest lucru este pe localhost, ceea ce înseamnă că, dacă faci orice 737 00:39:14,530 --> 00:39:17,320 modificări, nu te duci la vedea modificările reciproc. 738 00:39:17,320 --> 00:39:20,830 În timp ce pe site-ul ți-am arătat la început, am putea obține 739 00:39:20,830 --> 00:39:23,380 modificările fiecăruia, deoarece toată lumea a fost accesarea același site. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Deci, permiteți-mi să merg la [? cuvânt?] 742 00:39:29,540 --> 00:39:35,570 3.000. 743 00:39:35,570 --> 00:39:38,820 Deci, ar trebui să fie în măsură să confirme doar că funcționalitatea funcționează. 744 00:39:38,820 --> 00:39:44,790 Puteți selecta diferite persoane, și aveți posibilitatea să le dea diferite puncte. 745 00:39:44,790 --> 00:39:46,710 Deci, eu dau puncte cineva. 746 00:39:46,710 --> 00:39:50,420 Puteți vedea, de asemenea, că se ridica in rang. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Acum, în interesul de timp, acolo sunt trei caracteristici pe care le-am 749 00:39:57,360 --> 00:39:58,020 puse în aplicare. 750 00:39:58,020 --> 00:40:03,760 Și am de gând să pună în aplicare ștergerea Utilizatorii ar fi prima noastră caracteristică. 751 00:40:03,760 --> 00:40:06,360 Dar, înainte de a trece mai departe, sunt Aveți întrebări? 752 00:40:06,360 --> 00:40:09,010 Ai avut mâna. 753 00:40:09,010 --> 00:40:10,480 Da? 754 00:40:10,480 --> 00:40:11,730 >> Audiența: [inaudibil]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Poți verifica este instalat ca Meteor? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> Audiența: [inaudibil]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: gazdă Local 3000? 761 00:40:32,680 --> 00:40:36,550 Și tu ești în aparatul CS50? 762 00:40:36,550 --> 00:40:37,800 Eu pot face - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 nu trebuie să fie pe un Mac. 765 00:40:41,210 --> 00:40:43,558 Acest lucru va lucra în aparat. 766 00:40:43,558 --> 00:40:45,880 >> Audiența: [inaudibil]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: În normală browser-ul web, da. 768 00:40:47,520 --> 00:40:49,170 >> Audiența: [inaudibil]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Este Meteor funcționare? 770 00:40:52,100 --> 00:40:54,180 Deci, OK, nu e o distincție aici. 771 00:40:54,180 --> 00:40:56,300 Dacă sunteți-l rulează în aparat, ce trebuie să faci 772 00:40:56,300 --> 00:40:58,400 localhost interiorul aparatului. 773 00:40:58,400 --> 00:41:00,860 Dacă sunteți-l rulează în Mac, ca eu sunt, atunci eu pot face 774 00:41:00,860 --> 00:41:02,460 meu Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Dar, dacă utilizați aparatul CS50, ce trebuie sa faci totul 776 00:41:05,520 --> 00:41:06,350 în aparat. 777 00:41:06,350 --> 00:41:09,022 Deci, va trebui să utilizați Google Chrome în aparat. 778 00:41:09,022 --> 00:41:10,350 >> Audiența: [inaudibil]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: E încă nu de lucru? 780 00:41:12,188 --> 00:41:13,438 >> Audiența: [inaudibil]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Deci, doar pentru a repeta, cum intri pe site-ul acum. 783 00:41:42,390 --> 00:41:46,380 Ai un URL aici pe localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Dacă sunteți în aparatul CS50, trebuie să vă deschideți CS50 785 00:41:49,600 --> 00:41:51,320 aparat de Google Chrome. 786 00:41:51,320 --> 00:41:54,850 Și în care Google Chrome în cadrul aparat, aveți posibilitatea să tastați în URL-ul, 787 00:41:54,850 --> 00:41:56,400 și ar trebui să vedeți un clasament. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Așa că am de gând să-l pun pe la partea de aici un pic. 790 00:42:04,800 --> 00:42:09,600 Și acum am de gând să-mi deschid editor de text pe aici. 791 00:42:09,600 --> 00:42:16,040 Deci, permiteți-mi să vă asigurați că Codul este în ordine. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Mare. 794 00:42:19,750 --> 00:42:22,360 >> Mi-ar place sa merg acum prin codul un pic. 795 00:42:22,360 --> 00:42:26,110 Și primul dosar Aș dori să încep cu IS leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Veți avea posibilitatea de a obține acest cod după seminar, așa că vreau doar să arate 797 00:42:31,520 --> 00:42:33,960 vă pe computerul meu ce se întâmplă. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 Deci, sper că toată lumea poate vedea asta. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Deci, chiar de la începutul fișierului, ne-am au capul nostru și titlul, care 802 00:42:51,590 --> 00:42:54,510 este similar cu ceea ce am văzut în fiecare document HTML. 803 00:42:54,510 --> 00:42:56,990 Și apoi vom avea tag-ul body aici. 804 00:42:56,990 --> 00:42:59,920 >> Ceea ce am ales este principalul corp, practic ceea ce-i 805 00:42:59,920 --> 00:43:01,470 de gând să se afișat. 806 00:43:01,470 --> 00:43:05,560 Dar există unele nou non-HTML lucruri, și care este în 807 00:43:05,560 --> 00:43:06,710 paranteze duble unghi. 808 00:43:06,710 --> 00:43:08,600 Și acestea sunt tag-uri șablon. 809 00:43:08,600 --> 00:43:13,770 Deci, veți vedea aici această categorie clasament nou suport. 810 00:43:13,770 --> 00:43:17,390 Și aceasta este un fel de - cred că de ea ca de asteptare o funcție pentru HTML. 811 00:43:17,390 --> 00:43:19,320 >> Aceasta este o versiune specială a HTML. 812 00:43:19,320 --> 00:43:22,730 Este versiunea care utilizează Meteor, care De aceea, puteți afișa diferite 813 00:43:22,730 --> 00:43:26,190 lucruri, cum ar fi leaderboard numele și butoane. 814 00:43:26,190 --> 00:43:30,870 Dar clasament vă spune pentru a merge la șablon cu clasamentul nume. 815 00:43:30,870 --> 00:43:34,746 Deci șablon nu se afișează pe în sine, ci este o funcție, așa că 816 00:43:34,746 --> 00:43:35,390 vor fi numite. 817 00:43:35,390 --> 00:43:41,030 Și veți înlocui în toate din acest cod chiar aici în clasament. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Partea interesantă a clasamentului aici este doar acest tabel. 820 00:43:48,820 --> 00:43:52,910 Dacă tocmai ați citit, citit acest cod cu voce tare, ar trebui să fie intuitiv 821 00:43:52,910 --> 00:43:57,390 deoarece clasament, tot noi aici este o masă. 822 00:43:57,390 --> 00:44:00,410 Aceasta clasa chestii ID tu nu faci trebuie să vă faceți griji. 823 00:44:00,410 --> 00:44:02,460 Doar știu că există un antet masă. 824 00:44:02,460 --> 00:44:03,630 Asta e THEAD. 825 00:44:03,630 --> 00:44:06,860 >> Și se găsește un nume și un scor. 826 00:44:06,860 --> 00:44:12,150 Toate aceste tag-uri, cum ar fi thtable, THEAD, veți afla exact cum te duci de-a lungul. 827 00:44:12,150 --> 00:44:15,540 Nu e important să memoreze acestea pentru că puteți accesa orice fel de 828 00:44:15,540 --> 00:44:16,520 de referință on-line. 829 00:44:16,520 --> 00:44:20,610 Sau până la sfârșitul semestrului, acestea va fi doar foarte familiarizat cu tine. 830 00:44:20,610 --> 00:44:22,840 >> După antetul de tabel, partea pe care doresc să atragă dvs. 831 00:44:22,840 --> 00:44:24,900 atenție este această etichetă ore. 832 00:44:24,900 --> 00:44:27,180 Pentru că este în paranteze duble, este un șablon. 833 00:44:27,180 --> 00:44:30,980 Asta înseamnă că pentru fiecare dintre jucători, indiferent de jucători, trebuie să 834 00:44:30,980 --> 00:44:31,500 afișa. 835 00:44:31,500 --> 00:44:32,965 Și mergem la șablonul jucător. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Dacă vom defila în jos un pic mai mult - 838 00:44:39,890 --> 00:44:40,980 Sper că toată lumea poate vedea asta. 839 00:44:40,980 --> 00:44:42,900 Avem șablonul jucător. 840 00:44:42,900 --> 00:44:49,080 Și acest șablon definește de fapt o celulă de tabel, în cazul în care ați pus în numele 841 00:44:49,080 --> 00:44:50,330 aici și scorul. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Zoom out acum, putem vedea că această bucată de cod - 844 00:44:56,720 --> 00:44:59,060 și că a fost jucătorul nostru acolo jos - 845 00:44:59,060 --> 00:45:01,070 definește unul din aceste celule. 846 00:45:01,070 --> 00:45:02,890 Fiecare lucru pe care am faceți clic pe devine galben. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Un mod simplu de-am putea schimba acum. 849 00:45:08,660 --> 00:45:10,150 Asigurați-vă că Meteor este încă în desfășurare. 850 00:45:10,150 --> 00:45:12,540 Meteor ar trebui să fie un proces de server, asa ca las-o 851 00:45:12,540 --> 00:45:14,020 de funcționare, atunci când a dezvoltat. 852 00:45:14,020 --> 00:45:18,280 Să spun că am vrut să schimbe toate numele sau scorul. 853 00:45:18,280 --> 00:45:23,320 Și aș spune că am de gând pentru a adăuga puncte de aici. 854 00:45:23,320 --> 00:45:27,215 Astfel încât schimbarea am făcut aici a fost, în loc de scor doar, am 855 00:45:27,215 --> 00:45:30,280 adăuga scorul de puncte de spațiu. 856 00:45:30,280 --> 00:45:32,775 >> Am de gând să zoom out, și eu sunt merge pentru a salva dosarul meu. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 Și după ce am salva fișierul meu, am nevoie pentru a vă asigura Meteor se execută. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Îmi pare rău pentru asta. 861 00:45:57,610 --> 00:46:00,330 Vreau să-ți arăt modificările s-au făcut în timp real. 862 00:46:00,330 --> 00:46:06,180 Deci, voi schimba doar un text. 863 00:46:06,180 --> 00:46:07,600 Faceți clic pe un jucător. 864 00:46:07,600 --> 00:46:10,040 O pun în toate capacele. 865 00:46:10,040 --> 00:46:14,540 Și ar trebui să fie ca în cazul în care acest lucru este de lucru în mod corespunzător, atunci când am salva, ea 866 00:46:14,540 --> 00:46:16,801 ar actualiza. 867 00:46:16,801 --> 00:46:20,420 >> Oh, cred că acum problema este Eu nu sunt în directorul corect. 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 Îmi pare rău pentru asta. 871 00:46:28,160 --> 00:46:32,860 Deci, aici, ce-ai observat este schimbarea mea a trecut prin. 872 00:46:32,860 --> 00:46:34,540 Acum spun că vreau să revin schimbarea. 873 00:46:34,540 --> 00:46:36,200 Vreau să mă întorc la ceea ce am avut. 874 00:46:36,200 --> 00:46:37,640 Mă duc să-l introduceți în mod normal. 875 00:46:37,640 --> 00:46:39,180 Faceți clic pe un jucător. 876 00:46:39,180 --> 00:46:42,920 >> În momentul în care l-am salva, site-ul reîmprospătează pentru mine. 877 00:46:42,920 --> 00:46:44,740 Și văd schimbarea mea pe Site-ul instantaneu. 878 00:46:44,740 --> 00:46:48,170 Aceasta este o caracteristică foarte utilă în depanare, deoarece acum 879 00:46:48,170 --> 00:46:49,640 Nu trebuie să - 880 00:46:49,640 --> 00:46:52,920 atunci când vom scrie cod C, nu numai am făcut Trebuie să salvați fișierul, dar a trebuit să 881 00:46:52,920 --> 00:46:54,750 face-o și apoi rulați-l din nou. 882 00:46:54,750 --> 00:46:58,750 Meteor este foarte frumos, deoarece, spre deosebire de C, în momentul în care salvați HTML sau 883 00:46:58,750 --> 00:47:01,070 JavaScript dosar, schimbarea apare imediat. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> O întrebare este, în aceste template-uri, cum pot obține valori, cum ar fi jucători 886 00:47:09,140 --> 00:47:11,520 sau selectați un nume? 887 00:47:11,520 --> 00:47:17,130 Dacă aș apropia aici în codul meu, Văd acest lucru pentru fiecare jucători. 888 00:47:17,130 --> 00:47:19,970 Astfel încât șablonul știe că Am jucători într-un fel. 889 00:47:19,970 --> 00:47:22,110 Și se știe că nu există un nume selectat. 890 00:47:22,110 --> 00:47:23,220 În cazul în care nu provin de la aceasta? 891 00:47:23,220 --> 00:47:25,180 Care vine de la JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> Și dacă te duci la leaderboard.js, acest fișier, acum cand merg aici, avem un 893 00:47:30,980 --> 00:47:33,460 câteva comenzi definit. 894 00:47:33,460 --> 00:47:36,400 Acest lucru este sintaxă specială Meteor. 895 00:47:36,400 --> 00:47:38,600 Observați că nu aveți nevoie de Vars sau orice altceva. 896 00:47:38,600 --> 00:47:42,990 Dar acestea sunt doar structs pe structs pe structs sau aceste obiecte. 897 00:47:42,990 --> 00:47:45,910 Și tot eu sunt de definire este șablonul numit clasament. 898 00:47:45,910 --> 00:47:47,900 >> Leaderboard ar trebui să o lucru numit jucători. 899 00:47:47,900 --> 00:47:48,840 Și ceea ce este jucători? 900 00:47:48,840 --> 00:47:51,860 Este ceea ce se întoarce această expresie. 901 00:47:51,860 --> 00:47:53,020 Și care este numele ales? 902 00:47:53,020 --> 00:47:54,630 E ceva mai mult cod. 903 00:47:54,630 --> 00:47:56,810 Detalii cu privire la codul vom acoperi un pic mai târziu. 904 00:47:56,810 --> 00:48:02,210 Dar acum vreau să înțelegi că în acest cod, suntem luați 905 00:48:02,210 --> 00:48:04,350 jucători, și vom da o valoare. 906 00:48:04,350 --> 00:48:07,000 În acest caz, este o funcție care este executat. 907 00:48:07,000 --> 00:48:10,290 Astfel încât să putem obține valoarea înapoi atunci când vom rula funcția. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Acesta este un jurnal. 910 00:48:13,520 --> 00:48:14,770 Asta face sens? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Eu pot schimba modul în care este sortat. 913 00:48:25,010 --> 00:48:27,230 Uite, nu e un obiect de sortare. 914 00:48:27,230 --> 00:48:31,660 Și ce aceasta se spune am de gând să rezolve de scor descrescătoare în primul rând și 915 00:48:31,660 --> 00:48:33,170 apoi numele ascendentă. 916 00:48:33,170 --> 00:48:36,630 Dacă am schimba aceasta la unul, va pentru a sorta scor ascendent. 917 00:48:36,630 --> 00:48:39,120 Deci, zero, ar trebui să fie pe partea de sus. 918 00:48:39,120 --> 00:48:43,370 Și când am zoom in site-ul meu, ne-am acum vedea că site-ul actualizat. 919 00:48:43,370 --> 00:48:44,923 Iar scorul este urca. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Funcția viitoare vreau doar pentru a acoperi este clic creștere. 922 00:48:53,980 --> 00:48:57,910 Din motive de timp, nu voi fi în măsură să acopere mai mult de Meteor 923 00:48:57,910 --> 00:49:00,690 cod, dar există o mulțime de resurse disponibil, și voi fi 924 00:49:00,690 --> 00:49:03,560 aici după seminar. 925 00:49:03,560 --> 00:49:07,680 Dar eu vreau doar pentru a acoperi evenimentele clasament. 926 00:49:07,680 --> 00:49:10,520 Această sintaxă veți afla o Puțin mai târziu în curs. 927 00:49:10,520 --> 00:49:12,870 Acesta este JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Suntem doar că, atunci când vom obține un clic, și este pe increment, acest 929 00:49:16,720 --> 00:49:19,160 hash înseamnă doar ID-ul. 930 00:49:19,160 --> 00:49:23,945 Pe eticheta creștere de identitate, atunci ne-o dorim pentru a actualiza - cuvintele cheie Te vreau 931 00:49:23,945 --> 00:49:26,740 pentru a viziona este actualizarea și selectați și jucător. 932 00:49:26,740 --> 00:49:29,080 Deci, în funcție de jucător selectat, l-am actualizat. 933 00:49:29,080 --> 00:49:31,260 Și ceea ce facem este să incrementa scorul de cinci. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 Și care va descrie funcționalitatea avem aici. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> După încheierea acestui seminar, vom a putea vedea ceva mai mult cod. 938 00:49:54,510 --> 00:50:00,400 Dar merge înapoi la scopul meu pe care vreau să schimba site-ul, am vrut aici 939 00:50:00,400 --> 00:50:03,400 pentru a adăuga un buton elimina astfel Pot șterge player. 940 00:50:03,400 --> 00:50:05,390 Deci, pentru a face acest lucru, am nevoie de de a face două lucruri. 941 00:50:05,390 --> 00:50:09,680 Am nevoie pentru a actualiza HTML, actualiza vezi, ce se afișat utilizatorului, și 942 00:50:09,680 --> 00:50:15,080 apoi au unele JavaScript care, atunci când buton este apăsat, Meteor se întâmplă 943 00:50:15,080 --> 00:50:15,690 de a face ceva. 944 00:50:15,690 --> 00:50:18,040 Se va elimina acel jucător. 945 00:50:18,040 --> 00:50:20,720 >> Deci, există o mulțime de bucăți de cod care au, practic, deja 946 00:50:20,720 --> 00:50:22,610 fost făcut pentru mine. 947 00:50:22,610 --> 00:50:26,160 Dacă mă uit aici, am deja un fel de a obține jucătorul selectat. 948 00:50:26,160 --> 00:50:29,880 Asta-i chestia asta, dacă puteți să-l vedea. 949 00:50:29,880 --> 00:50:31,346 Deci, dacă eu doar - 950 00:50:31,346 --> 00:50:35,160 Am de gând să aibă un alt eveniment. 951 00:50:35,160 --> 00:50:37,900 Așa că am de gând să copieze ceea ce am. 952 00:50:37,900 --> 00:50:40,740 Deoarece aceasta este o listă, Am nevoie doar de o virgulă. 953 00:50:40,740 --> 00:50:45,480 >> Deci, acum am de gând să faceți clic pe șterge. 954 00:50:45,480 --> 00:50:48,840 Și apoi în loc de actualizare jucători, Am de gând să fac jucătorii șterge. 955 00:50:48,840 --> 00:50:51,620 Și toți jucătorii șterge nevoile este un jucător selectat. 956 00:50:51,620 --> 00:50:56,500 Deci, această funcție este tot ce avem nevoie. 957 00:50:56,500 --> 00:51:01,550 Am nevoie pentru a adăuga unele HTML aici, deși. 958 00:51:01,550 --> 00:51:05,180 Deci, dacă am derula în jos aici, acesta este punctul de vedere HTML. 959 00:51:05,180 --> 00:51:08,300 Am avut o chestie aici, care a fost un o etichetă. 960 00:51:08,300 --> 00:51:09,610 Nu aveți nevoie să vă faceți griji despre asta. 961 00:51:09,610 --> 00:51:12,000 >> Ceea ce contează pentru tine este această creștere de identitate. 962 00:51:12,000 --> 00:51:14,990 Și aceasta este ceea ce ne-a permis să spun, atunci când am făcut clic creștere, trebuie să 963 00:51:14,990 --> 00:51:16,410 da cinci puncte. 964 00:51:16,410 --> 00:51:18,240 Și veți vedea că acesta este un buton. 965 00:51:18,240 --> 00:51:20,150 Asta e ceea ce înseamnă BTN. 966 00:51:20,150 --> 00:51:23,190 Și textul de la butonul se dau cinci puncte. 967 00:51:23,190 --> 00:51:26,440 Deci, ce am de gând să faceți este să am va copia această linie. 968 00:51:26,440 --> 00:51:29,910 Mă duc pentru a schimba ID-ul pentru a șterge. 969 00:51:29,910 --> 00:51:34,310 Și am de gând să schimbe textul aici pentru a șterge. 970 00:51:34,310 --> 00:51:35,980 >> Deci, asigurați-vă că totul este salvat. 971 00:51:35,980 --> 00:51:39,010 Vreau să mă întorc la JavaScript meu pentru a vă asigura că am 972 00:51:39,010 --> 00:51:40,880 șterge aliniat aici. 973 00:51:40,880 --> 00:51:41,780 Bun. 974 00:51:41,780 --> 00:51:43,145 Așa că am de gând pentru a salva ambele fișiere. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 După salvarea ambele fișiere, ne-am poate reveni la partea de jos. 977 00:51:49,320 --> 00:51:51,550 Și acum vedem avem un buton sterge. 978 00:51:51,550 --> 00:51:56,050 Și un pas. 979 00:51:56,050 --> 00:51:58,200 Ai observat s-ar putea obține o eroare pentru că atunci când am clic pe 980 00:51:58,200 --> 00:52:00,610 șterge, nimic nu se întâmplă. 981 00:52:00,610 --> 00:52:03,930 >> O modalitate de a depana acest lucru este de a merge înapoi la Inspect Element. 982 00:52:03,930 --> 00:52:07,820 Fac asta cu un scop, astfel încât să puteți vezi cum te-ar depanare ceva. 983 00:52:07,820 --> 00:52:11,210 În Inspect Element, avem toate din textul nostru aici. 984 00:52:11,210 --> 00:52:13,320 Vreau să mă întorc la consolă. 985 00:52:13,320 --> 00:52:19,230 Și ce se întâmplă atunci când merg aici se obține un fel de eroare. 986 00:52:19,230 --> 00:52:21,660 Se spune că nici o metodă de a șterge. 987 00:52:21,660 --> 00:52:30,770 >> Deci, despre ce se spune este atunci când mă duc înapoi la codul, am sunat jucător 988 00:52:30,770 --> 00:52:31,870 șterge aici. 989 00:52:31,870 --> 00:52:34,430 Șterge nu este de fapt comanda corect. 990 00:52:34,430 --> 00:52:39,740 Deci, pentru a afla ce comanda corect este, există API Meteor. 991 00:52:39,740 --> 00:52:42,680 Documentația vreau să vă subliniez baieti la este doar la meteor.com. 992 00:52:42,680 --> 00:52:45,190 Așa că am avea aici. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Acesta este doar atât voi ști în cazul în care pentru a afla mai multe. 995 00:52:51,370 --> 00:52:54,420 >> Există o legătură la documentația. 996 00:52:54,420 --> 00:52:59,410 Și, practic, eu pot doar mi se pare pentru ștergere. 997 00:52:59,410 --> 00:53:03,220 Și ceea ce vedeți, șterge este, de fapt elimina. 998 00:53:03,220 --> 00:53:05,400 Aceasta este comanda care Am nevoie pentru a apela. 999 00:53:05,400 --> 00:53:09,620 Deci, acum că știm că, am de gând pentru a schimba acest lucru șterge pentru a îndepărta. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Deci, acum, când mă întorc la clasament mea site-ul, am de gând să faceți clic pe 1002 00:53:18,010 --> 00:53:19,450 șterge, iar acum am plecat. 1003 00:53:19,450 --> 00:53:21,290 Nu e nici mai mult Roger. 1004 00:53:21,290 --> 00:53:25,470 Și eu pot continua ștergerea fiecare singur nume, până nu am lăsat nimic. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> Astfel că a fost un pic de previzualizare de modul de utilizare a Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Veți fi de învățare mult mai mult JavaScript și HTML necesare pentru a face 1009 00:53:42,380 --> 00:53:46,970 o să arate mai bine, ceea ce vom acoperi în această săptămână [? piesă?] setat pentru HTML 1010 00:53:46,970 --> 00:53:49,630 și JavaScript în următoarea [? piesă?] setat. 1011 00:53:49,630 --> 00:53:53,150 >> Deci, nu-mi fac griji dacă nu toate chestia asta vine ușor să te. 1012 00:53:53,150 --> 00:53:56,410 Acesta va de timpul de proiectul final. 1013 00:53:56,410 --> 00:53:58,030 Vă mulțumim pentru manifestare sus. 1014 00:53:58,030 --> 00:54:01,380 Link-ul voi actualiza la scurt timp după seminar astfel încât să puteți vedea mai mult 1015 00:54:01,380 --> 00:54:05,630 exemple pe care le-am pus în aplicare cu privire la modul pentru a obține cele mai avansate clasament 1016 00:54:05,630 --> 00:54:08,640 că am pe acest site, aici, la unu-radical-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Mulțumesc. 1019 00:54:21,260 --> 00:54:22,760 >> [Aplauze] 1020 00:54:22,760 --> 00:56:58,070