1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Hallo almal. 3 00:00:08,890 --> 00:00:11,310 Kan ek jou aandag kry? 4 00:00:11,310 --> 00:00:12,090 Dankie, ouens. 5 00:00:12,090 --> 00:00:14,030 Vandag wil ek praat oor Meteor. 6 00:00:14,030 --> 00:00:16,710 Dit is 'n JavaScript raamwerk. 7 00:00:16,710 --> 00:00:21,110 Ons sal gaan deur hoe jy kan maak regtig cool web programme. 8 00:00:21,110 --> 00:00:24,940 >> Voordat ons in JavaScript, ek het net wil julle te vertel dat dit sal 9 00:00:24,940 --> 00:00:26,900 word - jy sal 'n later het stuk van hierdie semester. 10 00:00:26,900 --> 00:00:28,520 Dit moet wees oor JavaScript. 11 00:00:28,520 --> 00:00:32,910 Ek dink [onhoorbaar] vir die eerste keer gaan dek die web HTML PHP dinge voordat ons 12 00:00:32,910 --> 00:00:34,530 skuif na JavaScript. 13 00:00:34,530 --> 00:00:39,650 En in CS50, is JavaScript oorweeg soos 'n kliënt kode. 14 00:00:39,650 --> 00:00:41,970 Dus is dit net kry hardloop in die webblaaier. 15 00:00:41,970 --> 00:00:45,740 >> Maar danksy die onlangse vooruitgang in tegnologie, ons het nou daarin geslaag om te hardloop 16 00:00:45,740 --> 00:00:48,090 JavaScript as 'n bediener as well. 17 00:00:48,090 --> 00:00:51,630 So dit het 'n baie cool raamwerk, want nou kan jy skryf 18 00:00:51,630 --> 00:00:55,250 wettig dieselfde kode vir die kliënt en die bediener. 19 00:00:55,250 --> 00:00:57,810 En wanneer jy funksies te definieer in jou bediener, jou kliënt kan die skakel 20 00:00:57,810 --> 00:00:59,090 dieselfde funksies. 21 00:00:59,090 --> 00:01:00,370 En dit maak dit 'n baie makliker. 22 00:01:00,370 --> 00:01:04,519 Terwyl voor, as jy met PHP op die bediener, JavaScript op die voorblad 23 00:01:04,519 --> 00:01:08,040 end, het jy 'n PHP funksie te skryf en dan 'n JavaScript weergawe van die 24 00:01:08,040 --> 00:01:10,880 dieselfde funksie te doen om die Dieselfde soort van werk. 25 00:01:10,880 --> 00:01:14,330 >> Dus, voordat ons begin, wil ek om te wys jy 'n demonstrasie van wat 26 00:01:14,330 --> 00:01:17,190 Meteor vir jou kan doen. 27 00:01:17,190 --> 00:01:20,330 Ek sal jou wys die demo, en dit is wat jy sal in staat wees om te skep deur die 28 00:01:20,330 --> 00:01:21,580 einde van hierdie seminaar. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Ons gaan net hier. 31 00:01:25,670 --> 00:01:27,410 Dit is 'n Leader inligting. 32 00:01:27,410 --> 00:01:31,970 Dit is eintlik gebaseer uit die voorbeeld dat Meteor gee. 33 00:01:31,970 --> 00:01:37,220 >> Meteor is baie mooi, want as jy installeer dit as 'n pakket, kan jy 34 00:01:37,220 --> 00:01:39,140 basies speel met hierdie vier demos. 35 00:01:39,140 --> 00:01:41,410 En die leader is die eerste van hierdie demos. 36 00:01:41,410 --> 00:01:44,620 Na afloop van die seminaar, ek moedig julle almal om net te verken die ander demos 37 00:01:44,620 --> 00:01:48,300 want ek dink hulle is regtig cool, en hulle wys jou die krag van Meteor. 38 00:01:48,300 --> 00:01:51,310 >> So wat dit is, dit is bedryf word op leader. 39 00:01:51,310 --> 00:01:54,950 Dit is net eerlik 'n lys van name. 40 00:01:54,950 --> 00:01:56,510 En jy kan mense kies. 41 00:01:56,510 --> 00:01:57,780 Hulle geel. 42 00:01:57,780 --> 00:02:00,060 En dan kan jy gee hulle vyf punte. 43 00:02:00,060 --> 00:02:02,850 En jy sal sien dat die lys is gesorteer, want as ek myself meer 44 00:02:02,850 --> 00:02:05,850 en meer punte, ek is nou op die top. 45 00:02:05,850 --> 00:02:07,420 So dit is waar ons begin. 46 00:02:07,420 --> 00:02:11,690 >> En wat jy sal in staat wees om weg te neem van hierdie seminaar is 'n paar meer 47 00:02:11,690 --> 00:02:13,600 funksies Ek het bygevoeg die leader. 48 00:02:13,600 --> 00:02:18,240 Ons sal dek hoe om te, asook voeg vyf punte aan 'n speler, wat ons kan 49 00:02:18,240 --> 00:02:28,720 spelers verwyder, kan ons nuwe spelers by te voeg, en ons kan kies hoe ons wil 50 00:02:28,720 --> 00:02:29,540 om hulle te sorteer. 51 00:02:29,540 --> 00:02:35,240 En dit is al baie maklik API oproepe dat Meteor bied. 52 00:02:35,240 --> 00:02:39,120 Jy het ook 'n funksie hier die tellings dit enige. 53 00:02:39,120 --> 00:02:41,450 >> So, wat is regtig cool oor hierdie is jy ouens kan eintlik 54 00:02:41,450 --> 00:02:43,820 al gaan na die site. 55 00:02:43,820 --> 00:02:46,575 Ek sit dit in groter teks hier. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 Een-radikale-voorsprong erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 En wanneer jy ouens gaan na die webwerf, het jy moet in staat wees om die webwerf te verander, en 60 00:03:07,622 --> 00:03:09,595 al jou wysigings sigbaar sal wees om almal anders. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Sodat jy kan - is julle almal staat wees om toegang tot die terrein? 63 00:03:17,740 --> 00:03:18,750 So speel rond met dit. 64 00:03:18,750 --> 00:03:20,440 Gaan en begin die verwydering van 'n paar name. 65 00:03:20,440 --> 00:03:21,690 Kyk wat gebeur. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> So jy sien almal kan speel. 68 00:03:38,510 --> 00:03:41,930 Dit is net die standaard sekuriteit af vir Meteor. 69 00:03:41,930 --> 00:03:44,360 Jy sien dat almal kan mekaar se data te verander. 70 00:03:44,360 --> 00:03:44,920 Moenie bekommerd wees nie. 71 00:03:44,920 --> 00:03:46,460 Meteor wel sekuriteit. 72 00:03:46,460 --> 00:03:49,860 Dit is 'n baie maklik geïmplementeer funksie, waar jy kan die opstel van gebruikers 73 00:03:49,860 --> 00:03:50,600 en aantekeninge. 74 00:03:50,600 --> 00:03:53,750 Maar nou, iemand wat die besoek webwerf kan hulself gee soveel 75 00:03:53,750 --> 00:03:55,000 wys as wat hulle wil. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 So het ek altyd soos hierdie, want dit is 'n prettige manier om te begin. 78 00:04:00,090 --> 00:04:02,360 En dan sal ons net praat oor die besonderhede, hoe 79 00:04:02,360 --> 00:04:03,610 Meteor maak dit moontlik. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> So ek gaan dek wat Meteor is, en dan sal ons net nodig het om te dek die 82 00:04:15,660 --> 00:04:18,920 twee voorvereistes wat CS50 het nie genoeg gedek. 83 00:04:18,920 --> 00:04:21,970 Maar teen die einde van die termyn moet jy gemaklik wees met beide HTML en 84 00:04:21,970 --> 00:04:25,250 JavaScript om werklik jou hande vuil werk met Meteor. 85 00:04:25,250 --> 00:04:28,740 En ek dink dit is net 'n goeie manier vir nog minder gemaklik studente te doen 86 00:04:28,740 --> 00:04:32,930 finale projekte omdat hulle kan regtig bly in een taal, en hulle kry om te 87 00:04:32,930 --> 00:04:37,620 sien die verandering van hul werk dadelik. 88 00:04:37,620 --> 00:04:42,520 >> So hierdie skyfie wys net 'n paar van die groot tegnologie wat Meteor JS 89 00:04:42,520 --> 00:04:43,610 gee aan jou. 90 00:04:43,610 --> 00:04:46,090 Meteor is nie 'n nuwe tegnologie op sy eie. 91 00:04:46,090 --> 00:04:48,390 Dit is regtig 'n opeenhoping van al hierdie verskillende dinge 92 00:04:48,390 --> 00:04:49,920 Ons het op die internet. 93 00:04:49,920 --> 00:04:55,650 Sowel as HTML, CSS, JavaScript, ons het 'n paar tegnologie soos Node.js, 94 00:04:55,650 --> 00:04:58,490 en dit is wat jou toelaat om te hardloop JavaScript op die agterkant van jou 95 00:04:58,490 --> 00:05:02,520 bediener, asook 'n paar JavaScript biblioteke, soos jQuery, beklemtoon. 96 00:05:02,520 --> 00:05:06,320 >> Al hierdie sal vertroud te wees jy aan die einde van die semester. 97 00:05:06,320 --> 00:05:10,680 En ons het ook 'n databasis met die naam te gebruik mongoDB, wat is 'n baie 98 00:05:10,680 --> 00:05:14,250 gewilde databasis nou vir hierdie nuwe starters. 99 00:05:14,250 --> 00:05:18,650 Jy kan dink dat dit as soos MySQL, maar dit werk baie mooi met JavaScript. 100 00:05:18,650 --> 00:05:22,140 En daar is 'n paar ander tegnologie hier en vele meer het ek nie gelys 101 00:05:22,140 --> 00:05:23,880 dat alle koppelvlak regtig mooi met Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Ek het hierdie skuif te maak, want soms kry ek verwarring oor hierdie. 104 00:05:30,540 --> 00:05:31,695 Meteor is slegs JavaScript. 105 00:05:31,695 --> 00:05:33,040 Dit is nie PHP. 106 00:05:33,040 --> 00:05:34,360 Dit is nie Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 So as jy skryf kode, as jy wil skryf 'n meteoriet projek, wat jy regtig 108 00:05:37,950 --> 00:05:38,900 kan nie Ruby-kode gebruik. 109 00:05:38,900 --> 00:05:41,660 Jy regtig PHP gebruik nie. 110 00:05:41,660 --> 00:05:45,800 >> Terwyl ons sal sien dat die verskille in kode en sintaksis kan nie wees dat 111 00:05:45,800 --> 00:05:48,930 anders, ek wil beklemtoon vir julle dat Meteor, alles wat jy kode is 112 00:05:48,930 --> 00:05:50,660 slegs in JavaScript. 113 00:05:50,660 --> 00:05:53,920 En alles wat julle wys die gebruiker sal HTML CSS wees. 114 00:05:53,920 --> 00:05:56,780 Maar jy is nie eintlik die gebruik van enige van die ander tale wat ander 115 00:05:56,780 --> 00:05:59,250 seminare kan dek. 116 00:05:59,250 --> 00:06:01,020 Wat Meteor is ook 'n web bediener. 117 00:06:01,020 --> 00:06:03,930 So selfs as jy het nie JavaScript, en jy wil net om te dien 118 00:06:03,930 --> 00:06:07,020 CSS en HTML-lêers, Meteor kan doen wat vir jou. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> En hier is weer die skakel na die demo wat ek julle 121 00:06:13,770 --> 00:06:15,380 begin speel met. 122 00:06:15,380 --> 00:06:18,230 Maar laat ons aanbeweeg na HTML. 123 00:06:18,230 --> 00:06:22,060 Hoeveel mense hier het geen idee wat HTML is? 124 00:06:22,060 --> 00:06:22,670 OK great. 125 00:06:22,670 --> 00:06:25,800 En dit is heeltemal fyn. 126 00:06:25,800 --> 00:06:29,410 Jy moet regtig nodig het nie veel oor om te weet dit omdat ons sal gaan oor die 127 00:06:29,410 --> 00:06:31,220 gebruik baie eenvoudig. 128 00:06:31,220 --> 00:06:34,570 >> Dit is wat die eenvoudige HTML bladsy lyk. 129 00:06:34,570 --> 00:06:38,840 Dit kan wees soos jou Hello, World vir HTML, terwyl ons begin in C met 130 00:06:38,840 --> 00:06:40,760 Hello, World. 131 00:06:40,760 --> 00:06:44,360 Ek wil nie hê jy moet stres op die besonderhede van wat HTML, wat hoof, wat 132 00:06:44,360 --> 00:06:46,120 liggaam, wat die titel is daar doen. 133 00:06:46,120 --> 00:06:49,130 Ek wil net die struktuur te beklemtoon, hoe jy tags. 134 00:06:49,130 --> 00:06:50,860 En dit is die hoek tussen hakies. 135 00:06:50,860 --> 00:06:52,380 En dit is waar jy jou beskrywings. 136 00:06:52,380 --> 00:06:54,790 >> So jy dalk die HTML dokument. 137 00:06:54,790 --> 00:06:59,300 En dan sal jy die HTML dokument sluit met backslash dieselfde ding. 138 00:06:59,300 --> 00:07:01,200 En jy het verskillende soorte van etikette. 139 00:07:01,200 --> 00:07:02,730 En let op dat hulle is almal gekoppel. 140 00:07:02,730 --> 00:07:05,300 Jy sal soos 'n liggaam tag en dan 'n beslote liggaam tag. 141 00:07:05,300 --> 00:07:08,620 En binne-in die liggaam tag, wat sal wees die inhoud van jou webblad. 142 00:07:08,620 --> 00:07:12,770 So hierdie webblad wil net vertoon in 'n wit agtergrond en swart teks 143 00:07:12,770 --> 00:07:14,242 Hello, World. 144 00:07:14,242 --> 00:07:17,610 Maak dit sin maak? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Nou gaan ek vinnig dek JavaScript. 147 00:07:22,640 --> 00:07:26,990 In die woorde van 'n vorige TF, "JavaScript is die beste programme 148 00:07:26,990 --> 00:07:28,550 taal wat tans bestaan. 149 00:07:28,550 --> 00:07:30,520 Ander mense sal probeer om te vertel anders. 150 00:07:30,520 --> 00:07:33,840 Hulle is verkeerd. "JavaScript is redelik mooi, en ek sal jou wys hoekom. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> So, dit is die klassieke voorbeeld ons begin in C. Ons het Hello, World. 153 00:07:42,380 --> 00:07:45,500 En jy sien dat selfs as jy krimp dit, jy het ten minste twee te hê 154 00:07:45,500 --> 00:07:46,560 reëls van die kode hier. 155 00:07:46,560 --> 00:07:48,990 Ek het 'n paar reëls van die kode. 156 00:07:48,990 --> 00:07:50,160 Dit kan baie eenvoudig gedoen word. 157 00:07:50,160 --> 00:07:53,950 Een lyn in JavaScript met console.log, en dan jou string, 158 00:07:53,950 --> 00:07:55,340 Hello, World. 159 00:07:55,340 --> 00:07:59,570 >> Nou, selfs al het ons beweeg na 'n nuwe Taal JavaScript, byna almal van die 160 00:07:59,570 --> 00:08:02,950 vaardighede wat jy deur kodering geleer het in C is direk draagbaar. 161 00:08:02,950 --> 00:08:07,130 So snare, die idee van snare in dubbele aanhalingstekens, dit is dieselfde. 162 00:08:07,130 --> 00:08:08,890 Die kommapunt, dit is dieselfde. 163 00:08:08,890 --> 00:08:11,190 >> 'N netjiese funksie oor JavaScript eintlik is dat jy 164 00:08:11,190 --> 00:08:12,360 hoef nie die kommapunt. 165 00:08:12,360 --> 00:08:14,950 Dit kan raai wat jy behoort sit 'n kommapunt daar. 166 00:08:14,950 --> 00:08:18,035 Maar dit gesê, moet jy altyd probeer jou kommapunte daar te vestig. 167 00:08:18,035 --> 00:08:21,160 Dit is beskou as 'n goeie styl. 168 00:08:21,160 --> 00:08:22,650 En ook, daar is geen belangrikste funksie. 169 00:08:22,650 --> 00:08:25,580 Jy moet net begin aan die bokant van die lêer en lees dinge reël vir reël. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Dan is dit wat dit neem om te maak dat Hello, World program. 172 00:08:32,760 --> 00:08:36,059 En dan sien dat jy 'te maak hallo en hardloop dan hallo. 173 00:08:36,059 --> 00:08:38,530 Met JavaScript, dit oorweeg 'n geïnterpreteer taal. 174 00:08:38,530 --> 00:08:40,780 Wat jy nodig het om te weet, is dat daar is geen maak. 175 00:08:40,780 --> 00:08:41,950 >> Daar is geen stel. 176 00:08:41,950 --> 00:08:43,440 Jy moet net hardloop knoop. 177 00:08:43,440 --> 00:08:47,220 En onthou knoop is die program wat hardloop jou JavaScript op 'n konsole, 178 00:08:47,220 --> 00:08:49,030 op 'n swart boks, en nie die webwerf. 179 00:08:49,030 --> 00:08:52,480 So jy net gee dit die lêer, en dit is gaan druk Hello, World. 180 00:08:52,480 --> 00:08:56,750 >> Ek sal eintlik 'n bietjie demo van dat vir julle hier. 181 00:08:56,750 --> 00:08:59,380 So laat ons gaan oor na my Node.js terminale. 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 Kom ons hier te skuif. 185 00:09:06,150 --> 00:09:07,930 So ek gaan knoop te begin. 186 00:09:07,930 --> 00:09:10,230 En ek sal julle in net wys 'n sekonde hoe om dit te kry 187 00:09:10,230 --> 00:09:12,000 geïnstalleer is, as jy dit nie doen nie. 188 00:09:12,000 --> 00:09:14,800 Laat my toe om 'n bietjie groter. 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 Ek hoop julle ouens kan sien. 192 00:09:20,120 --> 00:09:27,390 >> So kan ek kode skryf soos ek gedoen het voor in console.log. 193 00:09:27,390 --> 00:09:28,915 Hi, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 En sien ek nie hoef te doen om die kommapunt, maar dan kry ek hierdie vreemde 196 00:09:35,330 --> 00:09:36,850 ongedefinieerde ding. 197 00:09:36,850 --> 00:09:40,310 Wel, eintlik, wat nog te sê oor die ongedefinieerde ding. 198 00:09:40,310 --> 00:09:43,590 Dinge wat ek wil hê jy moet let is dat jy nie die belangrikste funksie moet hier 199 00:09:43,590 --> 00:09:45,050 om te begin hardloop kode. 200 00:09:45,050 --> 00:09:46,790 En daar is geen backslash einde. 201 00:09:46,790 --> 00:09:50,683 Daar is 'n paar klein funksies wat JavaScript vir jou kan doen. 202 00:09:50,683 --> 00:09:53,510 >> Publiek: [onhoorbaar]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: O ja. 204 00:09:54,000 --> 00:09:57,460 Ek is jammer daaroor. 205 00:09:57,460 --> 00:10:02,200 En dat pyl beteken net knoop gereed is vir 'n ander opdrag. 206 00:10:02,200 --> 00:10:05,380 So jy kan dit doen eenvoudige wiskunde, soos 1 plus 1. 207 00:10:05,380 --> 00:10:10,360 En net soos in C, hierdie wiskunde simbole is net dieselfde. 208 00:10:10,360 --> 00:10:13,750 Ek kan console.log van 'n aantal te doen. 209 00:10:13,750 --> 00:10:15,090 En dan is dit druk twee. 210 00:10:15,090 --> 00:10:19,000 JavaScript is lekker in die sin dat, omdat selfs al twee is 'n int, 211 00:10:19,000 --> 00:10:22,020 soos in C, as jy het printf met twee, sou jy 'n fout kry. 212 00:10:22,020 --> 00:10:24,140 >> Maar JavaScript weet, O, is jy druk iets. 213 00:10:24,140 --> 00:10:25,070 Ek gaan 'n string nodig. 214 00:10:25,070 --> 00:10:28,410 So laat my sit dat twee in 'n string vir jou. 215 00:10:28,410 --> 00:10:34,970 En jy kan ook 'n paar vreemde dinge soos hi en dan plus twee. 216 00:10:34,970 --> 00:10:39,520 Dit is net nog 'n voorbeeld hoe twee omskep kan word in daar ook. 217 00:10:39,520 --> 00:10:45,135 >> So met dit uit die pad, laat net dek 'n bietjie meer JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 So in C, ons het tipes. 220 00:10:50,540 --> 00:10:53,925 Wanneer ons 'n nuwe veranderlike, ons het om te sê dit is dit is char * of 221 00:10:53,925 --> 00:10:55,850 string in die geval CS50. 222 00:10:55,850 --> 00:10:58,350 Of as ons 'n desimale getal, ons het float te sê. 223 00:10:58,350 --> 00:11:00,690 As ons nodig om 'n Boole, ons het om te sê b. 224 00:11:00,690 --> 00:11:04,220 En dan wanneer ons het iets wat is B, dit het 'n Bool te bly. 225 00:11:04,220 --> 00:11:07,360 Ons kan nie mettertyd verander dit na 'n int tensy ons het in die 226 00:11:07,360 --> 00:11:09,450 hakies, int van b. 227 00:11:09,450 --> 00:11:11,820 >> In JavaScript, daar is geen tipes. 228 00:11:11,820 --> 00:11:13,350 Jy dink net aan dit as var. 229 00:11:13,350 --> 00:11:15,270 En var is hoe jy 'n nuwe tipe. 230 00:11:15,270 --> 00:11:19,210 So kan dit var s 'n string, var n om 'n vlot, 231 00:11:19,210 --> 00:11:21,230 en var b die waarheid. 232 00:11:21,230 --> 00:11:24,980 En een ding wat jy nie kan doen in C is Ek kan nou sê nadat lyn, b 233 00:11:24,980 --> 00:11:26,230 gelyk aan 'n heelgetal. 234 00:11:26,230 --> 00:11:27,400 En dit werk net mooi. 235 00:11:27,400 --> 00:11:30,840 Terwyl dit in C, sou dit soos sê jou heelgetal is nie 'n Bool. 236 00:11:30,840 --> 00:11:32,770 Ek kan dit nie doen dit vir jou. 237 00:11:32,770 --> 00:11:34,050 Of [onhoorbaar] sal 'n fout te gooi. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> En ek kan vinnig terug in node gaan toon 'n paar van daardie funksies. 240 00:11:43,420 --> 00:11:44,960 So ek kan 'n var a. 241 00:11:44,960 --> 00:11:52,120 Noem dit "Apple." So nou wanneer ek druk 'n, Ek kry my string "Apple." Maar ek kan 242 00:11:52,120 --> 00:11:54,900 nou ook sê 'n gelyk aan 3. 243 00:11:54,900 --> 00:11:56,610 En sien daar is geen fout. 244 00:11:56,610 --> 00:12:00,630 En 'n nou gelyk is 3. 245 00:12:00,630 --> 00:12:01,880 Enige vrae so ver? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Ja. 248 00:12:07,570 --> 00:12:10,780 >> Publiek: Wag, so console.log is basies printf, reg? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log is jou printf. 250 00:12:12,180 --> 00:12:12,652 >> Publiek: Right. 251 00:12:12,652 --> 00:12:17,844 So hoe kom as jy net tik in agt of [onhoorbaar], wat beteken dat 252 00:12:17,844 --> 00:12:18,790 [Onhoorbaar]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Right. 254 00:12:19,160 --> 00:12:21,690 So dit is - 255 00:12:21,690 --> 00:12:24,240 die dinge wat in groen gedruk kry op die konsole. 256 00:12:24,240 --> 00:12:27,050 En wat sal ons volgende sien is wanneer ons skuif na die web 257 00:12:27,050 --> 00:12:29,300 bladsy, sal ons nie doen - 258 00:12:29,300 --> 00:12:32,650 JavaScript sal met 'n HTML sjabloon, wat ek toevou in die 259 00:12:32,650 --> 00:12:34,730 Meteor deel van die seminaar. 260 00:12:34,730 --> 00:12:38,730 En dit is waar jy kan sê, gee my die waarde van 'n, en dit sal 'n in plaas 261 00:12:38,730 --> 00:12:39,920 jou webwerf. 262 00:12:39,920 --> 00:12:42,520 Omdat elke webblaaier eintlik het 'n bietjie troos. 263 00:12:42,520 --> 00:12:46,380 En as jy kyk baie versigtig, jy sou 'n paar inligting te kry, soos jou 264 00:12:46,380 --> 00:12:51,210 printf is daar verskyn met elke web bladsy wat jy laai nie. 265 00:12:51,210 --> 00:12:53,580 >> Publiek: Hoe het jy om die dop skerm? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: So is daar 'n bevel genoem knoop, en dit kom met Meteor. 267 00:12:57,680 --> 00:13:01,230 So ek sal net ophou daar uit. 268 00:13:01,230 --> 00:13:03,580 Knoop is die program wat loop JavaScript. 269 00:13:03,580 --> 00:13:07,070 As jy na meteor.com, jy kan installeer Meteor, en 270 00:13:07,070 --> 00:13:08,480 Meteor kom met knoop. 271 00:13:08,480 --> 00:13:11,470 Omdat Meteor is net 'n versameling van al hierdie sagteware pakkette. 272 00:13:11,470 --> 00:13:15,280 Wanneer ons by ons 'n voorbeeld, sal ek loop almal deur die installering 273 00:13:15,280 --> 00:13:17,625 Meteor, en dan kan jy speel met node jouself. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 OK, groot. 276 00:13:23,980 --> 00:13:29,640 >> So 'n groot funksie oor die werk met JavaScript is sirkelroetes is dieselfde. 277 00:13:29,640 --> 00:13:31,430 Pretty much presies dieselfde. 278 00:13:31,430 --> 00:13:35,530 Vir loops, terwyl loops, doen terwyl loops, indien anders. 279 00:13:35,530 --> 00:13:36,880 Dit is almal dieselfde met die draadjies. 280 00:13:36,880 --> 00:13:38,540 Dit is dieselfde sintaks. 281 00:13:38,540 --> 00:13:41,350 In die geval van 'n lus vir die klein detail wat jy het om aandag te skenk 282 00:13:41,350 --> 00:13:45,340 te word in plaas van int i gelyk aan 0, ons het om te sê var i gelyk aan 0. 283 00:13:45,340 --> 00:13:49,580 Maar dit is as gevolg van die veranderlikes tipes wat ons voor gepraat oor. 284 00:13:49,580 --> 00:13:53,360 >> Let daarop dat die printf word 'n teken, 'n console.log. 285 00:13:53,360 --> 00:13:57,370 En ons het nie nodig om die persentasie te doen p backslash N en dan slaag in i. 286 00:13:57,370 --> 00:13:58,380 Jy kan net sê ek. 287 00:13:58,380 --> 00:14:01,910 En dit sal die getalle druk van nul tot vier. 288 00:14:01,910 --> 00:14:04,830 As jy ouens wil om dit te probeer nie, want Jy is grootgemaak om 'n goeie punt. 289 00:14:04,830 --> 00:14:08,730 As jy wil hierdie kode uit te voer op jou eie leser, sou ek aanbeveel dat 290 00:14:08,730 --> 00:14:11,040 almal maak Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome of enige webblaaier regtig, maar ek wil Google Chrome 292 00:14:14,220 --> 00:14:17,350 want dit is baie gestandaardiseerde. 293 00:14:17,350 --> 00:14:24,240 >> Jy kan gaan na, glo ek, as jy regs Klik op enige webwerf, net in die 294 00:14:24,240 --> 00:14:26,880 wit ruimte, sal jy 'n opsie sien genoem Ondersoek Element. 295 00:14:26,880 --> 00:14:28,810 Dit is gewoonlik die laaste een. 296 00:14:28,810 --> 00:14:32,630 En wanneer jy kliek op dit, moet jy 'n ding aan die onderkant verskyn hier. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Laat my zoom in hier. 299 00:14:37,780 --> 00:14:41,390 En ons het 'n paar oortjies hier. 300 00:14:41,390 --> 00:14:43,580 Die een wat jy omgee is konsole. 301 00:14:43,580 --> 00:14:48,820 >> En dit is 'n JavaScript konsole dat jy nou kan werk. 302 00:14:48,820 --> 00:14:49,370 Groot. 303 00:14:49,370 --> 00:14:52,560 So ek kan tik in dieselfde dinge Ek is voor te tik in node. 304 00:14:52,560 --> 00:14:54,790 Een plus een is twee. 305 00:14:54,790 --> 00:14:59,110 Var 'n gelyk "Apple". 306 00:14:59,110 --> 00:15:03,430 En dan sal ek wil druk van 'n, en 'n is 'appel'. 307 00:15:03,430 --> 00:15:08,760 So in 'n webblaaier, Firefox, Chrome, Safari, wat jy gebruik, as 308 00:15:08,760 --> 00:15:11,240 Solank as wat jy het toegang tot 'n JavaScript troos, dieselfde soort 309 00:15:11,240 --> 00:15:15,520 kode Ek hardloop in node jy kan hardloop in jou eie console. 310 00:15:15,520 --> 00:15:17,530 >> Publiek: [onhoorbaar]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Hoe om te kry om die konsole? 312 00:15:18,690 --> 00:15:22,880 Jy het om te regs kliek op 'n leë ruimte op die bladsy, en dan gaan jy na 313 00:15:22,880 --> 00:15:26,100 Inspekteer Element. 314 00:15:26,100 --> 00:15:28,290 So eintlik, wil ek graag julle ouens te maak net seker jy kan 315 00:15:28,290 --> 00:15:29,860 Inspekteer Element in Chrome. 316 00:15:29,860 --> 00:15:32,630 En sien wanneer jy tik in sommige kode in die konsole 317 00:15:32,630 --> 00:15:33,880 dat dit korrek gedoen. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 Voel vry om enige vrae te vra of iets is nie duidelik hier. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> Publiek: [onhoorbaar]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Enige tipe, reg. 324 00:16:28,200 --> 00:16:31,370 Daar is slegs een tipe vir alle veranderlikes in JavaScript. 325 00:16:31,370 --> 00:16:34,160 En wanneer jy 'te verklaar 'n veranderlike, sê jy var. 326 00:16:34,160 --> 00:16:35,410 >> Publiek: [onhoorbaar]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Ja. 329 00:16:40,050 --> 00:16:43,730 Dit doen nie, maar in JavaScript, dit is baie slim oor die toekenning van die geheue. 330 00:16:43,730 --> 00:16:44,600 Daar is geen malloc. 331 00:16:44,600 --> 00:16:45,780 Daar is geen gratis. 332 00:16:45,780 --> 00:16:48,490 So jy hoef nie te bekommer oor dat. 333 00:16:48,490 --> 00:16:51,140 Dit is nog 'n goeie eienskap wat JavaScript bied. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> So ek wil graag aan te beweeg. 336 00:16:58,440 --> 00:17:01,360 Sou dit OK wees? 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 Groot. 340 00:17:07,720 --> 00:17:10,660 >> Publiek: Ek is net met moeite vind die [? Inspekteer Element. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: So Safari lyk 'n bietjie anders, maar jy 343 00:17:16,250 --> 00:17:18,599 het Chrome of Firefox? 344 00:17:18,599 --> 00:17:21,619 Dit is die makliker kinders te werk. 345 00:17:21,619 --> 00:17:25,079 En vir jou projekte, raai ek steek met 'n leser, want 346 00:17:25,079 --> 00:17:29,610 jy sal 'n baie foute te kry amper omdat elke leser behandel 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML 'n bietjie anders. 348 00:17:31,980 --> 00:17:35,170 So ek dink jou lewe sal 'n baie makliker as jy vashou aan Chrome, want 349 00:17:35,170 --> 00:17:37,052 dit is beskikbaar op al die masjiene. 350 00:17:37,052 --> 00:17:38,790 En dit is 'n redelik gewild leser. 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 >> So het die volgende onderwerp wat ons moet dek in JavaScript - 355 00:18:06,370 --> 00:18:07,730 Ek is jammer oor die uitleg hier. 356 00:18:07,730 --> 00:18:11,630 Ek het die skyfies aan te pas om te rek die widescreen projektor. 357 00:18:11,630 --> 00:18:14,750 Maar ek wil nou graag praat oor hoe jy dit doen funksies. 358 00:18:14,750 --> 00:18:17,410 In C, ons het om te verklaar elke funksie. 359 00:18:17,410 --> 00:18:22,130 Soos int voeg, en dit neem 'n int in x, en 'n int y, en voeg dan ons hulle 360 00:18:22,130 --> 00:18:23,100 en stuur dit terug. 361 00:18:23,100 --> 00:18:26,850 >> In JavaScript, funksies is eintlik 'n ander veranderlike tipe. 362 00:18:26,850 --> 00:18:30,560 Dus het ons net sê var voeg, en dit is gelyk aan 'n funksie. 363 00:18:30,560 --> 00:18:32,580 'N funksie wat 'n X-en 'n y. 364 00:18:32,580 --> 00:18:33,790 En wat beteken daardie funksie te doen? 365 00:18:33,790 --> 00:18:39,910 Dit gee x plus y in presies dieselfde sintaksis as in C. En jy sien dat in 366 00:18:39,910 --> 00:18:44,290 JavaScript, sal jy nie vertel word wat die funksie gee terug want sedert 367 00:18:44,290 --> 00:18:49,160 veranderlikes nie tipes nie in elk geval, dit dit is nie regtig produktief, dink ek, 368 00:18:49,160 --> 00:18:52,855 te word waarin alle jou tipes in jou funksies. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 En dan wanneer jy noem 'n funksie is, is dit presies dieselfde sintaksis as C. Jy 371 00:18:59,565 --> 00:19:03,610 net slaag in jou twee argumente. 372 00:19:03,610 --> 00:19:07,330 Ek wil graag om dit te probeer in my knoop. 373 00:19:07,330 --> 00:19:09,284 Kan ek verander die skyfie? 374 00:19:09,284 --> 00:19:10,534 >> Publiek: [onhoorbaar]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Sal ons 'n afskrif van die skyfies? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Ja. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 So laat ons terug na knoop gaan. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 So ek sal sê var byvoeging gelyk funksie. 382 00:19:38,160 --> 00:19:40,650 Neem van 'n x, neem 'n y. 383 00:19:40,650 --> 00:19:43,690 En dan is dit weet dat die verklaring se nie voltooi nie. 384 00:19:43,690 --> 00:19:47,692 So in node of in jou console, jy sal sien dot dot dot. 385 00:19:47,692 --> 00:19:49,660 Sodat jy kan hou tik jou kode. 386 00:19:49,660 --> 00:19:53,650 En nou sal ek sê terugkeer x plus y. 387 00:19:53,650 --> 00:19:54,790 En dan sluit die stut. 388 00:19:54,790 --> 00:20:00,260 En die oomblik toe ek naby die stut, is dit sien dat die verklaring is klaar. 389 00:20:00,260 --> 00:20:04,730 >> En nou kan ek sê voeg een en twee. 390 00:20:04,730 --> 00:20:08,280 En ek kry drie uit. 391 00:20:08,280 --> 00:20:11,545 Let daarop dat indien ek net voeg, is dit vertel my dit is 'n funksie. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 En een ding net om aandag te skenk aan is as jy dit gee die verkeerde getal 394 00:20:19,570 --> 00:20:23,380 argumente, sal dit maak. 395 00:20:23,380 --> 00:20:25,890 Dit sal hardloop, maar jy kan kry 'n paar baie vreemde resultate. 396 00:20:25,890 --> 00:20:30,070 Soort van soos 'n vullishoop waarde, jy kan dink. 397 00:20:30,070 --> 00:20:32,060 So gaan asseblief voort en probeer dit in jou blaaier. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, so in die belang van die tyd, sal ek nou beweeg op na die volgende funksies in 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 So het ons gepraat het oor die funksies. 403 00:21:38,400 --> 00:21:40,840 Ons het gepraat oor loops, As state ook. 404 00:21:40,840 --> 00:21:43,660 Die kode is dieselfde as C en veranderlikes. 405 00:21:43,660 --> 00:21:46,090 En nou wil ek praat oor skikkings. 406 00:21:46,090 --> 00:21:48,520 Ek is jammer dat die skyfies 'n bietjie afgesny. 407 00:21:48,520 --> 00:21:52,470 Maar eintlik, in die eerste artikel, alles wat jy nodig sal werk. 408 00:21:52,470 --> 00:21:55,410 >> So het ons 'n ander tipe vir veranderlikes genoem skikkings. 409 00:21:55,410 --> 00:21:57,930 En ons gebruik vierkantige hakies hulle aan te dui. 410 00:21:57,930 --> 00:22:01,960 So in die eerste voorbeeld, var arr, leë skikking. 411 00:22:01,960 --> 00:22:05,900 Dit is die leë lys, so 'n skikking wat geen elemente. 412 00:22:05,900 --> 00:22:09,770 En jy kan ook 'n verskeidenheid met drie snare. 413 00:22:09,770 --> 00:22:13,290 In C, elke element in jou skikking het dieselfde soort te wees. 414 00:22:13,290 --> 00:22:16,940 >> Maar omdat JavaScript is daar net 'n tipe, skikkings kan eintlik 415 00:22:16,940 --> 00:22:18,510 verskillende tipes waardes. 416 00:22:18,510 --> 00:22:22,220 Soos hier, ons het 'n skikking met 'n vlot, 'n Bool, en 'n int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 Die manier waarop jy 'n lengte van 'n skikking, jy hoef nie eintlik 'grootte van gebruik 419 00:22:28,510 --> 00:22:29,030 of iets nie. 420 00:22:29,030 --> 00:22:31,570 Jy moet net sê verskeidenheid en Dot lengte. 421 00:22:31,570 --> 00:22:36,450 En dit dot lengte, kan jy dink dit soort van soos 'n struct, hoe elke 422 00:22:36,450 --> 00:22:40,890 skikking het 'n veld, 'n ekstra veranderlike binnekant van dit genoem lengte, wat 423 00:22:40,890 --> 00:22:42,910 hou van hoe lank jou skikking is. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> So is ek net vinnig gaan om te gaan in knoop en show julle dieselfde ding. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 So ek kan 'n skikking. 428 00:22:58,050 --> 00:23:00,280 Dit kan die leë lys wees. 429 00:23:00,280 --> 00:23:02,030 En dit sal my druk terug 'n leë lys. 430 00:23:02,030 --> 00:23:02,530 Groot. 431 00:23:02,530 --> 00:23:08,560 Ek kan nou sê dat die skikking het 1 en 2.3, en waar is. 432 00:23:08,560 --> 00:23:10,400 So al die verskillende tipes. 433 00:23:10,400 --> 00:23:11,740 En jy sien dit werk net mooi. 434 00:23:11,740 --> 00:23:16,330 Die skikking ek terug ondersteun al die waardes ek het dit. 435 00:23:16,330 --> 00:23:20,440 >> As ek wou die eerste element van te kry die skikking, die sintaksis is eintlik 436 00:23:20,440 --> 00:23:22,980 dieselfde as in C. Jy kan sê skikking nul. 437 00:23:22,980 --> 00:23:24,430 En jy een kry. 438 00:23:24,430 --> 00:23:27,920 Ek kan dieselfde sê vir skikking twee, en ek kry waar. 439 00:23:27,920 --> 00:23:31,610 As ek iets buite die skikking, JavaScript is 'n veilige taal 440 00:23:31,610 --> 00:23:33,390 want ek sal nie 'n seg skuld. 441 00:23:33,390 --> 00:23:34,780 Ek kry nie gedefinieer. 442 00:23:34,780 --> 00:23:37,510 >> En dit undefined, kan jy soort van dink oor dit as nul. 443 00:23:37,510 --> 00:23:41,390 Maar dit kan regtig irriterende wanneer jy kode, want jy het om seker te maak dat 444 00:23:41,390 --> 00:23:43,880 byna alles wat jy doen, moet jy werk met ongedefinieer. 445 00:23:43,880 --> 00:23:47,700 En ons sal sien 'n paar voorbeelde van wanneer ons werk in Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Hoewel verskeidenheid vier ongedefinieerd, Ek kan toewys dit 'n waarde. 447 00:23:50,600 --> 00:23:52,570 So ek sal sê dit is gelyk aan een. 448 00:23:52,570 --> 00:23:57,050 En dan as ek gaan na skikking, ek het die ekstra waarde daar. 449 00:23:57,050 --> 00:24:02,470 En sien dat skikking drie, wat ook is ongedefinieer, bly ongedefinieer. 450 00:24:02,470 --> 00:24:05,690 So ek het nou 'n skikking met 'n gat in die middel. 451 00:24:05,690 --> 00:24:07,750 Maar as ek gedruk verskeidenheid vier, Ek wil een kry. 452 00:24:07,750 --> 00:24:10,960 As ek dit gedoen verskeidenheid drie, ek kry ongedefinieerd. 453 00:24:10,960 --> 00:24:13,880 >> So die mooi eienskap dat JavaScript kan jy doen, is om 'n lys kan 454 00:24:13,880 --> 00:24:15,620 verander grootte. 455 00:24:15,620 --> 00:24:18,520 Skikkings, skikkings om lyste, hulle verander grootte. 456 00:24:18,520 --> 00:24:22,480 En jy kan enige plek spesifiseer binnekant van hulle. 457 00:24:22,480 --> 00:24:25,370 En al die gapings gevul sal word met hierdie undefined waardes. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> So het ons gepraat het oor skikkings. 460 00:24:33,450 --> 00:24:37,050 Nou, die laaste ding wat ek wil dek in JavaScript, en dit is baie belangrik 461 00:24:37,050 --> 00:24:39,550 tot begrip van die kode wat Ek gaan jou te wys, 462 00:24:39,550 --> 00:24:41,530 gaan voorwerpe te wees. 463 00:24:41,530 --> 00:24:45,140 En die voorwerpe is 'n term wat in - 464 00:24:45,140 --> 00:24:47,380 Eintlik, het hulle teenwoordig is in baie programmeertale. 465 00:24:47,380 --> 00:24:50,620 En elke programmeertaal daarvan hou om te van hulle dink 'n bietjie anders. 466 00:24:50,620 --> 00:24:55,050 >> Maar ek dink vir Meteor, 'n goeie analogie is die C struct. 467 00:24:55,050 --> 00:24:59,410 In C, as ons wil hê dat die struct te vind student, wil ons hê om te spesifiseer al die 468 00:24:59,410 --> 00:25:00,240 dinge binnekant van dit. 469 00:25:00,240 --> 00:25:01,440 So het dit 'n naam te hê. 470 00:25:01,440 --> 00:25:02,140 Dit het tot 'n jaar het. 471 00:25:02,140 --> 00:25:03,650 Dit het 'n geslag te hê. 472 00:25:03,650 --> 00:25:07,350 Maar ons het ook om dit te gee die tipes van al daardie dinge. 473 00:25:07,350 --> 00:25:11,200 >> En nou dat ons hierdie vorm vir die struct genoem student, kan ons 'n 474 00:25:11,200 --> 00:25:14,640 nuwe struct, en dan kan ons met die hand sê wat elkeen van die velde is. 475 00:25:14,640 --> 00:25:17,740 En dit is waar ons gebruik dot naam, dot jaar, dot geslag. 476 00:25:17,740 --> 00:25:21,930 En dan het ons net in die laaste reël van die kode hier, is ek net die druk van die 477 00:25:21,930 --> 00:25:24,980 die naam van die struct student. 478 00:25:24,980 --> 00:25:28,220 >> In die JavaScript wêreld, is daar nie so iets soos struct student. 479 00:25:28,220 --> 00:25:30,660 Jy het 'n voorafbepaalde struktuur genereer nie. 480 00:25:30,660 --> 00:25:34,680 Jy eintlik net in hierdie hakies, jy sê wat alles is. 481 00:25:34,680 --> 00:25:40,680 En dit is hierdie vreemde simbole met die kolon en dan die komma, maar jy sal 482 00:25:40,680 --> 00:25:41,810 daaraan gewoond te raak gou genoeg nie. 483 00:25:41,810 --> 00:25:44,930 >> En dit is eintlik 'n baie maklike, buigsame manier van net 484 00:25:44,930 --> 00:25:47,400 manipuleer voorwerpe. 485 00:25:47,400 --> 00:25:51,270 Jy sien dat as ek nou wil kry noem van S, ek het net doen s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Is daar enige vrae oor hierdie? 488 00:25:56,790 --> 00:26:00,260 Dit het gewoonlik 'n baie verwarrende onderwerp wanneer ons stel om mense te 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Ek sal doen 'n paar voorbeelde van hierdie in-knoop. 491 00:26:04,110 --> 00:26:05,010 Ja? 492 00:26:05,010 --> 00:26:06,260 >> Publiek: [onhoorbaar]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: So het jy 'n voorbeeld, verskeie 495 00:26:16,230 --> 00:26:18,764 veranderlikes van daardie soort. 496 00:26:18,764 --> 00:26:20,014 >> Publiek: [onhoorbaar]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> Publiek: [onhoorbaar]. 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 So ek dink die manier waarop jy te werk sal gaan is jy sou sit voorwerpe in 'n skikking, 502 00:26:43,760 --> 00:26:45,340 En nou sal jy 'n verskeidenheid van voorwerpe. 503 00:26:45,340 --> 00:26:47,547 Maak dit jou vraag? 504 00:26:47,547 --> 00:26:48,797 >> Publiek: [onhoorbaar]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Ja. 507 00:26:51,260 --> 00:26:52,430 S is een voorwerp. 508 00:26:52,430 --> 00:26:57,455 Sodat ons kan gaan in knoop en net speel 'n bietjie. 509 00:26:57,455 --> 00:26:58,705 >> Publiek: [onhoorbaar]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: O, OK. 512 00:27:05,440 --> 00:27:10,660 So as jy vra wat klasse is, klasse is baie anders behandel, 513 00:27:10,660 --> 00:27:14,510 en hulle het 'n baie vreemd skema genoem prototipe, wat jy doen nie 514 00:27:14,510 --> 00:27:15,620 nodig het om te weet oor. 515 00:27:15,620 --> 00:27:17,910 Daar is geen vaste manier om dit te doen nie. 516 00:27:17,910 --> 00:27:21,160 So as jy wil veelvuldige, om jou te genereer sou net soort van 'n funksie 517 00:27:21,160 --> 00:27:22,100 of iets. 518 00:27:22,100 --> 00:27:24,340 Jy genereer jou eie funksie. 519 00:27:24,340 --> 00:27:26,765 En jy sal 'n voorwerp terug te keer. 520 00:27:26,765 --> 00:27:29,550 Dit sou die maklikste wees manier om dit te doen nie. 521 00:27:29,550 --> 00:27:32,454 Is wat sin maak? 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 Groot. 525 00:27:36,650 --> 00:27:39,820 So wanneer ons 'n begrip van JavaScript voorwerpe, hulle is - 526 00:27:39,820 --> 00:27:41,082 O, ja. 527 00:27:41,082 --> 00:27:42,026 >> Publiek: [onhoorbaar] 528 00:27:42,026 --> 00:27:45,802 Byvoorbeeld, wat is die verskil tussen "Roger" met dubbele aanhalingstekens versus 529 00:27:45,802 --> 00:27:47,510 [Onhoorbaar] met 'n enkele aanhalingstekens. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 So is dit in C, ons het die enkele aanhalings verteenwoordig karakters, en dubbel 532 00:27:52,730 --> 00:27:54,550 aanhalings wat snare. 533 00:27:54,550 --> 00:27:57,920 JavaScript gooi dit eintlik weg omdat jy snare met kan hê 534 00:27:57,920 --> 00:28:01,570 enkel of dubbel aanhalings, en daar is nie so iets soos 'n enkele kar. 535 00:28:01,570 --> 00:28:04,400 Maar as jy net kopieer dieselfde C-kode, JavaScript sou 536 00:28:04,400 --> 00:28:05,610 hanteer dit net 'n boete. 537 00:28:05,610 --> 00:28:07,710 Wat is die rede waarom ek het dit as - 538 00:28:07,710 --> 00:28:12,540 dit is hoekom ek kan letterlik die hawe die kode in die sin dat. 539 00:28:12,540 --> 00:28:15,420 >> En ek wil julle 'n voorbeeld wys van 'n meer ingewikkelde voorwerp. 540 00:28:15,420 --> 00:28:19,890 Sodat jy kan sien dat een voorwerp kan snare as waardes. 541 00:28:19,890 --> 00:28:21,530 Dit kan 'n ander lys van waardes. 542 00:28:21,530 --> 00:28:23,820 Dit kan 'n lys van 'n voorwerpe as waardes. 543 00:28:23,820 --> 00:28:25,870 Daar is regtig geen beperking op hierdie. 544 00:28:25,870 --> 00:28:29,070 So hier is, is dit net 'n goeie demonstrasie van hoe jy kan 'n baie kry 545 00:28:29,070 --> 00:28:33,290 verskillende tipes aangaan alles in een voorwerp. 546 00:28:33,290 --> 00:28:34,540 Is dit sin maak? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Nou, kan jy ook 'n skikkings van voorwerpe. 549 00:28:44,700 --> 00:28:48,530 En hier is 'n soort van soortgelyk aan wat jy gevra, as jy voorwerpe van kan hê 550 00:28:48,530 --> 00:28:49,190 dieselfde soort. 551 00:28:49,190 --> 00:28:52,960 Maar die probleem is, is daar geen vaste formaat vir voorwerpe in JavaScript. 552 00:28:52,960 --> 00:28:55,020 So jy moet dit self te gee. 553 00:28:55,020 --> 00:28:57,600 En jy het om seker te maak dat hulle uniform. 554 00:28:57,600 --> 00:29:00,410 So hier, toe ek nog 'n voorwerp, ek het om seker te maak dat elke mens 'n maak 555 00:29:00,410 --> 00:29:01,910 noem, en elkeen het 'n huis. 556 00:29:01,910 --> 00:29:05,620 >> En dan het ek 'n verskeidenheid van diegene, en wat my huisie wees. 557 00:29:05,620 --> 00:29:08,290 En dan is hier jy kan soort sien die lus vir aangaan. 558 00:29:08,290 --> 00:29:14,090 Die lus om net 'n baie algemene manier om te deurkruis oor 'n skikking 559 00:29:14,090 --> 00:29:15,150 in JavaScript. 560 00:29:15,150 --> 00:29:18,010 Let daarop dat hierdie patroon is baie soortgelyk aan die C-ekwivalent, waar jy 561 00:29:18,010 --> 00:29:21,470 het int i gelyk is aan nul. i minder is as die lengte. 562 00:29:21,470 --> 00:29:23,634 En dan het ek plus plus. 563 00:29:23,634 --> 00:29:26,035 >> Dit is byna dieselfde kode, behalwe vir 'n paar besonderhede. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 So nie almal verstaan wat 'n voorwerp is? 566 00:29:33,120 --> 00:29:35,820 Dink net as 'n C struct. 567 00:29:35,820 --> 00:29:38,784 En die manier waarop jy toegang tot die velde is net met die dot. 568 00:29:38,784 --> 00:29:41,950 En solank as wat jy onthou hoe om te gebruik die dot, sal jy goed wees. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, so nou kan almal Lees die skakel? 571 00:29:58,790 --> 00:30:02,220 Dit is die skakel na die projek. 572 00:30:02,220 --> 00:30:04,950 Is daar iemand het probleme sien die skakel? 573 00:30:04,950 --> 00:30:06,251 OK, laat ons verander dit dan. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Dit is nie - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Ja, dit is waarskynlik die maklikste manier om dit te doen. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Groot. 580 00:30:34,560 --> 00:30:38,270 >> So as jy gaan na hierdie webwerf, moet daar ' 'n paar instruksies wat ek sal 581 00:30:38,270 --> 00:30:42,550 gaan oor hoe ons dit kan installeer Meteor en kry ons voorbeeld projek bestuur. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Ek wil om seker te maak almal het die skakel voor ek beweeg. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Kan ek op? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 OK, groot. 588 00:31:23,680 --> 00:31:25,890 >> So hier is ek op die webwerf. 589 00:31:25,890 --> 00:31:28,740 Jy sal sien in die readme lêer, Ons het 'n paar instruksies oor hoe 590 00:31:28,740 --> 00:31:30,200 om te de opstel. 591 00:31:30,200 --> 00:31:33,920 Jy moet óf in die CS50 toestel of net op 'n Mac. 592 00:31:33,920 --> 00:31:35,330 Windows sal nie werk nie. 593 00:31:35,330 --> 00:31:37,760 Maar basies enigiets wat is nie Windows moet werk met hierdie 594 00:31:37,760 --> 00:31:39,820 instruksies net 'n boete. 595 00:31:39,820 --> 00:31:41,470 Maar ek kan dit 'n bietjie te maak groter as well. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> So sal jy die eerste hardloop paar opdragte. 598 00:31:48,820 --> 00:31:50,450 Hierdie ouens sal net Meteor installeer. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Ek kan gaan in my terminale. 601 00:31:58,530 --> 00:32:02,710 En as ek loop dieselfde ding nou, Ek het dit reeds geïnstalleer. 602 00:32:02,710 --> 00:32:03,710 So dit is 'n bietjie korter. 603 00:32:03,710 --> 00:32:05,155 Dit mag dalk 'n bietjie langer neem vir julle. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Maar ek wil eers seker maak dat ons Meteor hardloop. 606 00:32:13,530 --> 00:32:16,780 Na Meteor het geïnstalleer, moet u in staat wees om knoop te kry in die konsole. 607 00:32:16,780 --> 00:32:19,430 >> Publiek: hulle vra vir 'n wagwoord. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Dit sou jou wees gebruiker se wagwoord, as jy op 'n Mac. 609 00:32:22,110 --> 00:32:27,030 Dit moet net toestemming te verander sommige stelsel lêers. 610 00:32:27,030 --> 00:32:30,690 So die vraag is, as dit vra dat jy vir 'n wagwoord, is dit net jy vra 611 00:32:30,690 --> 00:32:33,510 vir jou gebruikersnaam wagwoord jy inteken in jou Mac. 612 00:32:33,510 --> 00:32:35,770 En dit is so dat jy kan verander stelsel lêers. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> En wanneer jy gereed is, kan jy skuif op na die volgende stap, wat sal n afskrif van die 615 00:32:51,260 --> 00:32:54,220 voorbeeld kode Ek het van die webwerf. 616 00:32:54,220 --> 00:32:58,330 En jy sal 'n nuwe gids in jou tuisgids genoem leader, en 617 00:32:58,330 --> 00:32:59,670 ons kan begin werk van daar af. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 So is ek net kopieer en plak van hierdie beveel in my terminale. 620 00:33:14,620 --> 00:33:16,780 En vir my, ek het reeds gekloon is. 621 00:33:16,780 --> 00:33:21,470 So ek kan nou net skuif in leader. 622 00:33:21,470 --> 00:33:23,450 En ek moet 'n paar lêers daar in. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Enige vrae? 625 00:33:31,113 --> 00:33:34,430 >> Publiek: [onhoorbaar] nie werk nie. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Ag, mag jy dalk nodig git geïnstalleer as well. 627 00:33:36,741 --> 00:33:39,150 >> Publiek: [onhoorbaar]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Jammer? 629 00:33:40,162 --> 00:33:41,412 >> Publiek: [onhoorbaar]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: O, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 Dit is omdat jy dalk nodig het om te wees aangemeld te GitHub hierdie skakel te kry. 634 00:33:52,860 --> 00:33:58,160 As jy ouens kan sien dat die maklikste manier om dit te doen sou ek dan sê, is 635 00:33:58,160 --> 00:33:59,270 aflaai van die zip. 636 00:33:59,270 --> 00:34:02,010 En dit sal net aflaai al die lêers. 637 00:34:02,010 --> 00:34:05,510 En dan wanneer jy sit dit in jou laai of jou huis gids - 638 00:34:05,510 --> 00:34:07,360 Ek beveel om dit in jou tuisgids so kan ons almal 639 00:34:07,360 --> 00:34:09,210 hardloop dieselfde opdragte. 640 00:34:09,210 --> 00:34:15,230 Solank as wat ons die lêers, sal ons in staat wees om te begin werk met hulle. 641 00:34:15,230 --> 00:34:17,969 Laat my weet as mense wat moeite gedoen om die lêers te laai. 642 00:34:17,969 --> 00:34:21,040 >> Publiek: By die huis gids, jy bedoel - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: So tuisgids sou wees John Harvard, as jy in 644 00:34:24,989 --> 00:34:27,460 die CS50 toestel. 645 00:34:27,460 --> 00:34:33,651 Te kry om jou huis gids, tik net in C. 646 00:34:33,651 --> 00:34:34,145 >> Publiek: [onhoorbaar] 647 00:34:34,145 --> 00:34:37,610 CS50 toestel [onhoorbaar]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Ja. 649 00:34:38,650 --> 00:34:40,480 Jy wil die opdragte uit te voer in jou terminale. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> Publiek: [onhoorbaar]. 652 00:34:45,390 --> 00:34:50,800 Ek het 'n fout wat sê nie lêer of gids. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Ons kan neem 'n vinnige breek en net seker maak dat 654 00:34:52,739 --> 00:34:56,760 almal het Meteor geïnstalleer is, en ek sal gaan net probeer om mense te help. 655 00:34:56,760 --> 00:34:59,130 Probeer asseblief om mekaar te help as jy hardloop in die moeilikheid. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Jammer, ja. 658 00:35:05,580 --> 00:35:08,930 Is jy beide in die toestel? 659 00:35:08,930 --> 00:35:09,350 >> Publiek: Ja. 660 00:35:09,350 --> 00:35:13,190 Ek het die RISA 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 As jy terug na die webwerf te gaan, gaan blaai tot die top. 663 00:35:20,740 --> 00:35:23,580 En daar is hierdie HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> Publiek: Kopieer hierdie? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Ja. 666 00:35:26,230 --> 00:35:28,950 En dan wil hê jy moet tik in git kloon. 667 00:35:28,950 --> 00:35:30,814 So as jy op die Beheer A - 668 00:35:30,814 --> 00:35:33,718 >> Publiek: Hier? 669 00:35:33,718 --> 00:35:36,410 En doen [onhoorbaar]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> Publiek: [onhoorbaar]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git en dan kloon. 674 00:35:42,670 --> 00:35:46,610 So dit is baie soortgelyk aan die opdrag wat u het hierbo, maar die URL verander. 675 00:35:46,610 --> 00:35:49,010 So voor dit was dit, nou is dit nie. 676 00:35:49,010 --> 00:35:50,680 Laat my werk die - 677 00:35:50,680 --> 00:35:51,354 ja. 678 00:35:51,354 --> 00:35:52,604 >> Publiek: [onhoorbaar]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Dit is afgelaai. 681 00:35:58,076 --> 00:35:59,326 >> Publiek: [onhoorbaar]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: O, so dit nie korrek kloon. 684 00:36:05,690 --> 00:36:07,920 Ek sal dit regmaak. 685 00:36:07,920 --> 00:36:10,190 Daar is 'n fout met die probeer die lêers te laai. 686 00:36:10,190 --> 00:36:13,820 Laat my werk om die opdrag vir julle so ek kan seker dit sal werk maak. 687 00:36:13,820 --> 00:36:17,025 Ek is jammer daaroor. 688 00:36:17,025 --> 00:36:21,618 Dit moet dieselfde wees vir Macs of CS50 toestel. 689 00:36:21,618 --> 00:36:22,868 >> Publiek: [onhoorbaar]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: Ek het opgedateer die opdrag vir nommer twee, indien 692 00:36:51,190 --> 00:36:52,910 jy verfris die bladsy. 693 00:36:52,910 --> 00:36:56,520 En met hierdie, adres, jy moet wees staat is om die lêers te laai. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> Publiek: So as ons nog laai [onhoorbaar]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: As jy nog Meteor aflaai? 697 00:37:05,930 --> 00:37:07,180 >> Publiek: [onhoorbaar]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Ja, as jy wil te ontwikkel op jou Mac. 700 00:37:11,910 --> 00:37:14,145 Maar jy moet die Xcode ontwikkelaar gereedskap geïnstalleer. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 Ek het hierdie opdragte getoets op die CS50 toestel, so ek kan jou verseker 703 00:37:24,550 --> 00:37:25,440 dat dit sal werk. 704 00:37:25,440 --> 00:37:26,710 Ja. laat my gaan en help. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> Publiek: [onhoorbaar]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Ek gee my wagwoord. 709 00:37:40,372 --> 00:37:42,240 Dit is Mac. 710 00:37:42,240 --> 00:37:43,490 En dan doen ek [onhoorbaar]. 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 Ek wil probeer om al die opdragte uitsluitlik in die CS50 toestel terminale. 714 00:37:57,080 --> 00:37:58,330 >> Publiek: [onhoorbaar]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Ek sou dit te maak werk eerste op die terminale, op die 717 00:38:02,570 --> 00:38:04,830 CS50 toestel, en dan die Mac terminale. 718 00:38:04,830 --> 00:38:08,130 >> Publiek: So as jy dit doen op die CS50 toestelperke soos dit, [onhoorbaar]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Ek wil graag om te beweeg op, maar as mense is nog steeds 721 00:38:15,850 --> 00:38:20,190 moeilikheid opstel Meteor, Kevin meer as gelukkig julle te help, 722 00:38:20,190 --> 00:38:21,440 Kevin in die grys hemp. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Wat ons moet hê, is ons gaan loop die laaste opdrag, nommer drie, in 725 00:38:32,170 --> 00:38:33,710 ons terminale. 726 00:38:33,710 --> 00:38:37,320 Wanneer ons dit doen, sal ons hardloop Meteor. 727 00:38:37,320 --> 00:38:39,040 >> En jy moet - 728 00:38:39,040 --> 00:38:41,200 O ja, ek het reeds 'Meteor hardloop. 729 00:38:41,200 --> 00:38:45,230 So dit gaan nie om jou te laat - laat my net maak my ander Meteor. 730 00:38:45,230 --> 00:38:49,640 Wanneer ek hardloop Meteor, jy moet nou sien dat - 731 00:38:49,640 --> 00:38:51,490 moet jy die huidige gids te sien dat dit dien. 732 00:38:51,490 --> 00:38:55,476 En nou is dit gaan die bediener te sê loop op http://localhost. 733 00:38:55,476 --> 00:38:58,860 Dit is die URL wat jy wil om te sit in jou webblaaier. 734 00:38:58,860 --> 00:39:05,410 >> En op daardie adres, moet jy in staat wees om te toegang tot 'n mooi klein leader. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 So sien dat dit op local host, wat beteken dat as jy nie ' 737 00:39:14,530 --> 00:39:17,320 veranderinge, is jy nie gaan sien mekaar se veranderinge. 738 00:39:17,320 --> 00:39:20,830 Terwyl op die webwerf wat ek jou gewys het aan die begin, kan ons kry 739 00:39:20,830 --> 00:39:23,380 almal se veranderinge want almal is die toegang tot die dieselfde webblad. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> So laat my net te gaan na [? woord?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 So jy moet in staat wees om net te bevestig dat die funksie werk. 744 00:39:38,820 --> 00:39:44,790 Jy kan verskillende mense kies, en jy kan gee hulle verskillende punte. 745 00:39:44,790 --> 00:39:46,710 So gee ek iemand punte. 746 00:39:46,710 --> 00:39:50,420 Jy kan ook sien dat Hulle kom in rang. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Nou, in die belang van die tyd, is daar is drie eienskappe wat ek 749 00:39:57,360 --> 00:39:58,020 geïmplementeer. 750 00:39:58,020 --> 00:40:03,760 En ons gaan uitvee te implementeer gebruikers as ons eerste kenmerk. 751 00:40:03,760 --> 00:40:06,360 Maar voordat ons beweeg, is daar enige vrae? 752 00:40:06,360 --> 00:40:09,010 Jy het jou hand op. 753 00:40:09,010 --> 00:40:10,480 Ja? 754 00:40:10,480 --> 00:40:11,730 >> Publiek: [onhoorbaar]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Kan jy kyk dat Meteor geïnstalleer is? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> Publiek: [onhoorbaar]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: Plaaslike gasheer 3000? 761 00:40:32,680 --> 00:40:36,550 En jy is in die CS50 toestel? 762 00:40:36,550 --> 00:40:37,800 Ek kan doen - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 jy hoef nie te wees op 'n Mac. 765 00:40:41,210 --> 00:40:43,558 Dit sal werk in die toestel. 766 00:40:43,558 --> 00:40:45,880 >> Publiek: [onhoorbaar]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: In die normale web leser, ja. 768 00:40:47,520 --> 00:40:49,170 >> Publiek: [onhoorbaar]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Is Meteor loop? 770 00:40:52,100 --> 00:40:54,180 So OK, daar is 'n onderskeid hier. 771 00:40:54,180 --> 00:40:56,300 As jy loop dit in die toestel, jy hoef te doen 772 00:40:56,300 --> 00:40:58,400 localhost binne die toestel. 773 00:40:58,400 --> 00:41:00,860 As jy loop dit in jou Mac, soos ek is, dan sal ek kan doen 774 00:41:00,860 --> 00:41:02,460 my Mac Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Maar as jy met behulp van die CS50 toestel, jy het alles te doen 776 00:41:05,520 --> 00:41:06,350 in die toestel. 777 00:41:06,350 --> 00:41:09,022 So jy het Google te gebruik Chrome in die toestel. 778 00:41:09,022 --> 00:41:10,350 >> Publiek: [onhoorbaar]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: Dit is ' nog steeds nie werk nie? 780 00:41:12,188 --> 00:41:13,438 >> Publiek: [onhoorbaar]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: So net om te herhaal, Hoe kry jy toegang die webwerf nou. 783 00:41:42,390 --> 00:41:46,380 Jy het 'n URL hier op localhost 3000. 784 00:41:46,380 --> 00:41:49,600 As jy in die CS50 toestel, jy CS50 oop te maak 785 00:41:49,600 --> 00:41:51,320 toestel se Google Chrome. 786 00:41:51,320 --> 00:41:54,850 En in dat Google Chrome binne die toestel, kan jy tik in die URL, 787 00:41:54,850 --> 00:41:56,400 en jy moet 'n leader sien. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 So ek gaan net sit dit af aan die kant hier 'n bietjie. 790 00:42:04,800 --> 00:42:09,600 En nou gaan ek open my teks editor hier. 791 00:42:09,600 --> 00:42:16,040 So laat my net seker maak dat die kode in orde is. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Groot. 794 00:42:19,750 --> 00:42:22,360 >> Ek wil graag nou loop deur die kode 'n bietjie. 795 00:42:22,360 --> 00:42:26,110 En die eerste lêer wat ek wil om te begin met IS leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Jy sal in staat wees om die kode te kry nadat die seminaar, so ek wil net om te wys 797 00:42:31,520 --> 00:42:33,960 jy op my rekenaar wat aangaan. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 So ek hoop dat almal dit kan sien. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 So aan die begin van die lêer, ons het ons kop en die titel, wat 802 00:42:51,590 --> 00:42:54,510 is soortgelyk aan wat ons sien in elke HTML-dokument. 803 00:42:54,510 --> 00:42:56,990 En dan gaan ons te hê die liggaam tag hier. 804 00:42:56,990 --> 00:42:59,920 >> Wat ek gekies is om die belangrikste liggaam, basies wat is 805 00:42:59,920 --> 00:43:01,470 gaan kry vertoon. 806 00:43:01,470 --> 00:43:05,560 Maar daar is 'n paar nuwe nie-HTML dinge, en dit is in die 807 00:43:05,560 --> 00:43:06,710 dubbel hoek tussen hakies. 808 00:43:06,710 --> 00:43:08,600 En dit is die sjabloon tags. 809 00:43:08,600 --> 00:43:13,770 So wat jy hier sien hierdie inkomstegroep bracket nuwe leader. 810 00:43:13,770 --> 00:43:17,390 En dit is 'n soort van - dink dit as 'n beroep 'n funksie vir HTML. 811 00:43:17,390 --> 00:43:19,320 >> Dit is 'n spesiale weergawe van HTML. 812 00:43:19,320 --> 00:43:22,730 Dit is die weergawe wat Meteor gebruik, wat is die rede waarom jy die verskillende kan vertoon 813 00:43:22,730 --> 00:43:26,190 dinge, soos die leader name en knoppies. 814 00:43:26,190 --> 00:43:30,870 Maar leader vir jou vertel om te gaan na die sjabloon met die naam leader. 815 00:43:30,870 --> 00:43:34,746 So sjabloon nie vertoon te word deur self, maar dit is 'n funksie, sodat dit 816 00:43:34,746 --> 00:43:35,390 genoem sal kry. 817 00:43:35,390 --> 00:43:41,030 En jy sal vervang in al hierdie kode reg hier in leader. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> Die interessante deel van leader hier is net die tafel. 820 00:43:48,820 --> 00:43:52,910 As jy dit lees net lees hierdie kode hardop, moet dit intuïtief 821 00:43:52,910 --> 00:43:57,390 omdat leader, al wat ons hier is 'n tabel. 822 00:43:57,390 --> 00:44:00,410 Dit ID klas dinge wat jy nie doen nie hoef te bekommer oor. 823 00:44:00,410 --> 00:44:02,460 Net weet dat daar is 'n tabel te kliek. 824 00:44:02,460 --> 00:44:03,630 Dit is hierdie thead. 825 00:44:03,630 --> 00:44:06,860 >> En dit vind 'n naam en 'n telling. 826 00:44:06,860 --> 00:44:12,150 Al hierdie etikette, soos thtable, thead, jy sal net leer as jy gaan saam. 827 00:44:12,150 --> 00:44:15,540 Dit is nie belangrik dat jy onthou hierdie, want jy kan net toegang tot enige 828 00:44:15,540 --> 00:44:16,520 verwysing aanlyn. 829 00:44:16,520 --> 00:44:20,610 Of teen die einde van die semester, is hierdie sal net baie vertroud is met jou. 830 00:44:20,610 --> 00:44:22,840 >> Na afloop van die kop van die tafel, die deel wat ek wil om te trek om jou 831 00:44:22,840 --> 00:44:24,900 aandag aan is dit h tag. 832 00:44:24,900 --> 00:44:27,180 Want dit is in dubbele hakies, dit is 'n sjabloon. 833 00:44:27,180 --> 00:44:30,980 So dit beteken vir elkeen van die spelers, watter spelers is, ons het om te 834 00:44:30,980 --> 00:44:31,500 vertoon dit. 835 00:44:31,500 --> 00:44:32,965 En ons gaan na die speler sjabloon. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> As ons rol af 'n bietjie meer - 838 00:44:39,890 --> 00:44:40,980 Ek hoop dat almal dit kan sien. 839 00:44:40,980 --> 00:44:42,900 Ons het die speler sjabloon. 840 00:44:42,900 --> 00:44:49,080 En hierdie sjabloon definieer basies 'n tabel sel, waar jy sit in die naam 841 00:44:49,080 --> 00:44:50,330 hier en die telling. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Inzoomen nou uit, kan ons sien dat hierdie stuk van die kode - 844 00:44:56,720 --> 00:44:59,060 en dit was ons speler af is daar - 845 00:44:59,060 --> 00:45:01,070 definieer een van hierdie selle. 846 00:45:01,070 --> 00:45:02,890 Elke ding wat ek op word geel. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> 'N Eenvoudige manier wat ek kon dit nou verander. 849 00:45:08,660 --> 00:45:10,150 Maak seker Meteor is steeds aan die gang. 850 00:45:10,150 --> 00:45:12,540 Meteor moet 'n bediener proses wees, sodat jy net laat dit 851 00:45:12,540 --> 00:45:14,020 hardloop wanneer jy ontwikkel. 852 00:45:14,020 --> 00:45:18,280 Kom ons sê ek wou verander al die name of die telling. 853 00:45:18,280 --> 00:45:23,320 En ek sou sê ek gaan punte om hier te voeg. 854 00:45:23,320 --> 00:45:27,215 So het die verandering wat ek gemaak hier was, in plaas van net score, ek 855 00:45:27,215 --> 00:45:30,280 voeg telling ruimte punte. 856 00:45:30,280 --> 00:45:32,775 >> Ek gaan om te vergroot, en ek is gaan my lêer te stoor. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 En nadat ek red my lêer, wat ek nodig het om seker te maak Meteor loop. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Jammer oor dit. 861 00:45:57,610 --> 00:46:00,330 Ek wil vir jou wys wysigings is in reële tyd gedoen. 862 00:46:00,330 --> 00:46:06,180 So ek sal net 'n paar teks verander. 863 00:46:06,180 --> 00:46:07,600 Klik 'n speler. 864 00:46:07,600 --> 00:46:10,040 Ek sit dit in hoofletters. 865 00:46:10,040 --> 00:46:14,540 En dit behoort te wees dat as dit werk behoorlik, toe ek dit stoor, dit 866 00:46:14,540 --> 00:46:16,801 sou werk. 867 00:46:16,801 --> 00:46:20,420 >> O ja, ek dink nou die probleem is Ek is nie in die regte gids. 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 Ek is jammer daaroor. 871 00:46:28,160 --> 00:46:32,860 So hier is, wat jy sien is my verandering het deur. 872 00:46:32,860 --> 00:46:34,540 Nou sê ek wil die verandering terug te keer. 873 00:46:34,540 --> 00:46:36,200 Ek wil om terug te gaan na wat ek gehad het. 874 00:46:36,200 --> 00:46:37,640 Ek is net gaan om dit te normaalweg tik. 875 00:46:37,640 --> 00:46:39,180 Klik 'n speler. 876 00:46:39,180 --> 00:46:42,920 >> Die oomblik toe ek dit stoor, die webwerf verfris vir my. 877 00:46:42,920 --> 00:46:44,740 En ek sien my verandering op die terrein onmiddellik. 878 00:46:44,740 --> 00:46:48,170 Dit is 'n baie nuttige funksie in debugging want nou 879 00:46:48,170 --> 00:46:49,640 Ek het nie - 880 00:46:49,640 --> 00:46:52,920 wanneer ons skryf C-kode, nie net het ons het die lêer te stoor nie, maar ons moes 881 00:46:52,920 --> 00:46:54,750 maak dit en dan loop dit weer. 882 00:46:54,750 --> 00:46:58,750 Meteor is baie mooi, want in teenstelling met C, die oomblik wat jy jou HTML of red 883 00:46:58,750 --> 00:47:01,070 JavaScript lêer, die verandering toon onmiddellik. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Een vraag is, in hierdie templates, hoe kry ek die waardes soos spelers 886 00:47:09,140 --> 00:47:11,520 of kies 'n naam? 887 00:47:11,520 --> 00:47:17,130 As ek zoom in hier in my kode, Ek sien dit vir elke spelers. 888 00:47:17,130 --> 00:47:19,970 So het die sjabloon weet dat Ek het die spelers een of ander manier. 889 00:47:19,970 --> 00:47:22,110 En hy weet dat daar ' 'n geselekteerde naam. 890 00:47:22,110 --> 00:47:23,220 Waar kom dit vandaan? 891 00:47:23,220 --> 00:47:25,180 Dit kom van die JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> En as jy gaan na leaderboard.js, hierdie lêer, nou dat ek hier gaan, het ons 'n 893 00:47:30,980 --> 00:47:33,460 'n paar opdragte gedefinieer. 894 00:47:33,460 --> 00:47:36,400 Dit is 'n spesiale Meteor sintaksis. 895 00:47:36,400 --> 00:47:38,600 Let daarop dat jy nie nodig het VARs of iets nie. 896 00:47:38,600 --> 00:47:42,990 Maar dit is net 'structs op structs op structs of hierdie voorwerpe. 897 00:47:42,990 --> 00:47:45,910 En al wat ek definieer die sjabloon genoem leader. 898 00:47:45,910 --> 00:47:47,900 >> Leader moet 'n ding genaamd spelers. 899 00:47:47,900 --> 00:47:48,840 En wat is die spelers? 900 00:47:48,840 --> 00:47:51,860 Dit is alles wat hierdie uitdrukking terugkeer. 901 00:47:51,860 --> 00:47:53,020 En wat is gekies naam? 902 00:47:53,020 --> 00:47:54,630 Dit is 'n paar meer kode. 903 00:47:54,630 --> 00:47:56,810 Die besonderhede van die kode wat ons sal dek 'n bietjie later. 904 00:47:56,810 --> 00:48:02,210 Maar nou wil ek om te verstaan wat in hierdie kode, neem ons 905 00:48:02,210 --> 00:48:04,350 spelers, en ons gee dit 'n waarde. 906 00:48:04,350 --> 00:48:07,000 In hierdie geval, dit is 'n funksie wat uitgevoer word. 907 00:48:07,000 --> 00:48:10,290 So kan ons die waarde terug te kry wanneer ons loop die funksie. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Dit is 'n teken. 910 00:48:13,520 --> 00:48:14,770 Is wat sin maak? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Ek kan die manier waarop dit gesorteer verander. 913 00:48:25,010 --> 00:48:27,230 Hier, daar is 'n soort voorwerp. 914 00:48:27,230 --> 00:48:31,660 En wat hierdie sê is ek gaan om te sorteer deur telling dalende eerste en 915 00:48:31,660 --> 00:48:33,170 dan noem stygende. 916 00:48:33,170 --> 00:48:36,630 As ek hierdie een, dit gaan telling stygende te sorteer. 917 00:48:36,630 --> 00:48:39,120 So nul moet wees op die top. 918 00:48:39,120 --> 00:48:43,370 En toe ek 'n vergroting in my webwerf, ons nou sien dat die webwerf opgedateer. 919 00:48:43,370 --> 00:48:44,923 En die telling op te klim. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> Die volgende funksie Ek wil net te dek is kliek inkrement. 922 00:48:53,980 --> 00:48:57,910 Uit die belang van die tyd, sal ek nie in staat wees om meer van die Meteor te dek 923 00:48:57,910 --> 00:49:00,690 kode, maar daar is baie van die hulpbronne beskikbaar is nie, en Ek sal 924 00:49:00,690 --> 00:49:03,560 hier na die seminaar. 925 00:49:03,560 --> 00:49:07,680 Maar ek wil net te dek die leader gebeure. 926 00:49:07,680 --> 00:49:10,520 Hierdie syntax jy leer om 'n bietjie later in die lesing. 927 00:49:10,520 --> 00:49:12,870 Dit is JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Ons is net te sê, as ons 'n kliek, en dit is op die toename van hierdie 929 00:49:16,720 --> 00:49:19,160 hash beteken net ID. 930 00:49:19,160 --> 00:49:23,945 Op die inkrement ID tag, dan wil ons te werk - die sleutel woorde wat ek wil hê jy 931 00:49:23,945 --> 00:49:26,740 om te kyk is werk en kies en speler. 932 00:49:26,740 --> 00:49:29,080 So ook al speler se gekies, ons werk dit. 933 00:49:29,080 --> 00:49:31,260 En wat ons doen, is om ons inkrementeer sy telling deur vyf. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 En dit sal die funksie te beskryf Ons het hier. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Na die einde van hierdie seminaar, sal ons in staat wees om 'n paar meer kode te sien. 938 00:49:54,510 --> 00:50:00,400 Maar terug na my doel gaan wat ek wil verander die terrein, ek wou hier 939 00:50:00,400 --> 00:50:03,400 'n delete knoppie by te voeg, sodat Ek kan die speler te verwyder. 940 00:50:03,400 --> 00:50:05,390 So om dit te doen, moet ek twee dinge te doen. 941 00:50:05,390 --> 00:50:09,680 Ek moet die HTML te werk, werk die sien, wat kry getoon aan die gebruiker, en 942 00:50:09,680 --> 00:50:15,080 dan 'n paar JavaScript dat wanneer die knoppie gedruk word, is Meteor gaan 943 00:50:15,080 --> 00:50:15,690 om iets te doen. 944 00:50:15,690 --> 00:50:18,040 Dit gaan die speler te verwyder. 945 00:50:18,040 --> 00:50:20,720 >> So is daar 'n klomp stukke van die kode wat basies reeds 946 00:50:20,720 --> 00:50:22,610 gedoen is vir my. 947 00:50:22,610 --> 00:50:26,160 As ek kyk hier, ek het reeds 'n manier het om die geselekteerde speler. 948 00:50:26,160 --> 00:50:29,880 Dit is hierdie dinge, as jy dit kan sien. 949 00:50:29,880 --> 00:50:31,346 So as ek net - 950 00:50:31,346 --> 00:50:35,160 Ek gaan 'n ander geval het. 951 00:50:35,160 --> 00:50:37,900 So ek gaan om te kopieer wat ek het. 952 00:50:37,900 --> 00:50:40,740 Want dit is 'n lys, Ek het net 'n komma. 953 00:50:40,740 --> 00:50:45,480 >> So nou gaan ek te kliek verwyder. 954 00:50:45,480 --> 00:50:48,840 En dan in plaas van die spelers te werk, Ek gaan om te doen spelers verwyder. 955 00:50:48,840 --> 00:50:51,620 En al die spelers verwyder behoeftes is 'n geselekteerde speler. 956 00:50:51,620 --> 00:50:56,500 So hierdie funksie is al wat ons nodig het. 957 00:50:56,500 --> 00:51:01,550 Ek moet 'n paar by te voeg HTML hier al is. 958 00:51:01,550 --> 00:51:05,180 So as ek blaai hier, dit is die HTML. 959 00:51:05,180 --> 00:51:08,300 Ons het 'n ding hier, wat 'n 'n merker. 960 00:51:08,300 --> 00:51:09,610 Jy hoef nie te bekommer oor dat. 961 00:51:09,610 --> 00:51:12,000 >> Wat sake vir jou is hierdie ID inkrement. 962 00:51:12,000 --> 00:51:14,990 En dit is wat ons toegelaat om te sê, wanneer ons kliek inkrement, ons het om te 963 00:51:14,990 --> 00:51:16,410 gee vyf punte. 964 00:51:16,410 --> 00:51:18,240 En jy sal sien dat dit 'n knoppie. 965 00:51:18,240 --> 00:51:20,150 Dit is wat die btn beteken. 966 00:51:20,150 --> 00:51:23,190 En die teks in die knoppie is gee vyf punte. 967 00:51:23,190 --> 00:51:26,440 So wat ek gaan doen, is ek gaan hierdie lyn te kopieer. 968 00:51:26,440 --> 00:51:29,910 Ek gaan die ID te verwyder om te verander. 969 00:51:29,910 --> 00:51:34,310 En ek gaan om te verander die teks hier te verwyder. 970 00:51:34,310 --> 00:51:35,980 >> So maak seker alles is gered. 971 00:51:35,980 --> 00:51:39,010 Ek wil terug na my JavaScript gaan om seker te maak dat ek maak 972 00:51:39,010 --> 00:51:40,880 verwyder gevoer hier. 973 00:51:40,880 --> 00:51:41,780 Goed. 974 00:51:41,780 --> 00:51:43,145 So ek gaan beide lêers te red. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Na spaar beide lêers, ons kan teruggevoer word na die bodem te gaan. 977 00:51:49,320 --> 00:51:51,550 En nou sien ons ons het 'n delete knoppie. 978 00:51:51,550 --> 00:51:56,050 En nog 'n stap. 979 00:51:56,050 --> 00:51:58,200 Jy sien jy kan kry 'n fout, want toe ek kliek 980 00:51:58,200 --> 00:52:00,610 verwyder, niks gebeur. 981 00:52:00,610 --> 00:52:03,930 >> 'N manier om dit te ontfout is om te gaan terug Element te inspekteer. 982 00:52:03,930 --> 00:52:07,820 Ek doen dit met 'n doel sodat jy kan sien hoe jy iets sou ontfout. 983 00:52:07,820 --> 00:52:11,210 In Ondersoek Element, ons het almal van ons teks hier. 984 00:52:11,210 --> 00:52:13,320 Ek wil terug na die konsole te gaan. 985 00:52:13,320 --> 00:52:19,230 En wat gebeur toe ek hier gaan is ek 'n soort van fout. 986 00:52:19,230 --> 00:52:21,660 Dit sê daar is geen manier verwyder. 987 00:52:21,660 --> 00:52:30,770 >> So wat dit sê, is wanneer ek gaan Terug na die kode, het ek genoem speler 988 00:52:30,770 --> 00:52:31,870 verwyder hier. 989 00:52:31,870 --> 00:52:34,430 Verwyder is eintlik nie die regte opdrag. 990 00:52:34,430 --> 00:52:39,740 So om uit te vind wat die regte command is, is daar die Meteor API. 991 00:52:39,740 --> 00:52:42,680 Die dokumentasie wat ek wil hê jy moet daarop ouens is net op meteor.com. 992 00:52:42,680 --> 00:52:45,190 So ek het dit hier. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 Dit is net so julle weet waar meer te leer. 995 00:52:51,370 --> 00:52:54,420 >> Daar is 'n skakel na die dokumentasie. 996 00:52:54,420 --> 00:52:59,410 En basies, ek kan net vind vir verwyder. 997 00:52:59,410 --> 00:53:03,220 En wat jy sien, te verwyder is eintlik verwyder. 998 00:53:03,220 --> 00:53:05,400 Dit is die opdrag wat Ek nodig het om te noem. 999 00:53:05,400 --> 00:53:09,620 So nou dat ons weet dat, ek gaan te verander hierdie te verwyder, te verwyder. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 So nou, wanneer ek gaan terug na my leader webwerf, ek gaan om te kliek 1002 00:53:18,010 --> 00:53:19,450 verwyder, en nou is ek weg. 1003 00:53:19,450 --> 00:53:21,290 Daar is nie meer Roger. 1004 00:53:21,290 --> 00:53:25,470 En ek kan gaan hou elke verwydering enkele naam, totdat ek het niks oor nie. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> So dit was 'n bietjie voorskou hoe Meteor te gebruik. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Jy sal leer om 'n baie meer JavaScript en HTML nodige te maak 1009 00:53:42,380 --> 00:53:46,970 dit lyk mooier, wat ons sal dek in hierdie week se [? stuk?] wat vir HTML 1010 00:53:46,970 --> 00:53:49,630 en JavaScript in die volgende [? stuk?] stel. 1011 00:53:49,630 --> 00:53:53,150 >> So bekommerd nie kry nie, indien nie alle van hierdie dinge kom maklik vir jou. 1012 00:53:53,150 --> 00:53:56,410 Dit sal die tyd van deur die finale projek. 1013 00:53:56,410 --> 00:53:58,030 Dankie vir die vertoon. 1014 00:53:58,030 --> 00:54:01,380 Die skakel wat ek sal werk gou na die seminaar sodat jy kan 'n paar meer sien 1015 00:54:01,380 --> 00:54:05,630 voorbeelde wat ek op geïmplementeer hoe die meer gevorderde leader te kry 1016 00:54:05,630 --> 00:54:08,640 dat ek op hierdie webwerf hier by one-radikale-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Dankie. 1019 00:54:21,260 --> 00:54:22,760 >> [Applous] 1020 00:54:22,760 --> 00:56:58,070