1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:10,960 [Speel van musiek] 3 00:00:10,960 --> 00:00:12,960 ROGER ZURAWICKI: Hi, my naam is Roger Zurawicki, 4 00:00:12,960 --> 00:00:16,410 en Ek sal bedek word die CS50 Meteor seminaar. 5 00:00:16,410 --> 00:00:21,520 Meteor is 'n nuwe raamwerk gewy aan die nuwe soort van web, 6 00:00:21,520 --> 00:00:25,220 nie die PHP versoeke rug en soort uit 7 00:00:25,220 --> 00:00:29,070 van die web wat ons gesien het in die PHPP stel, maar die meer dinamiese JavaScript 8 00:00:29,070 --> 00:00:31,370 dele van die web. 9 00:00:31,370 --> 00:00:36,260 Dinge Meteor kan doen sluit Live Opdatering 10 00:00:36,260 --> 00:00:42,380 en onmiddellik kommunikeer tussen die gebruikers van dieselfde webwerf. 11 00:00:42,380 --> 00:00:46,420 >> Vir hierdie seminaar, ons het kode wat by my GitHub. 12 00:00:46,420 --> 00:00:49,690 Jy kan gaan na hierdie URL en laai dit. 13 00:00:49,690 --> 00:00:53,085 As jy weet hoe Git te gebruik, kan jy die bewaarplek kloon. 14 00:00:53,085 --> 00:00:55,460 As jy nie weet hoe om te gebruik Git of nie gebruik GitHub, 15 00:00:55,460 --> 00:00:57,030 dit is heeltemal fyn. 16 00:00:57,030 --> 00:01:00,480 Ek sal julle vinnig werklik toon hoe kan ons gaan na GitHub, 17 00:01:00,480 --> 00:01:03,604 en daar is 'n opsie om laai 'n rits reg daar. 18 00:01:03,604 --> 00:01:06,770 Sodra jy hierdie gids aflaai, jy kan begin speel met ons kode. 19 00:01:06,770 --> 00:01:10,200 20 00:01:10,200 --> 00:01:13,190 >> Meer inligting oor die Meteor kan gevind word by meteor.com. 21 00:01:13,190 --> 00:01:16,580 In die seminaar gids, het ek eintlik het 'n paar Meteor projekte wat ons kan gebruik. 22 00:01:16,580 --> 00:01:20,380 23 00:01:20,380 --> 00:01:26,400 Een van die dopgehou wat ons in ons seminaar projek is die Besigtig app. 24 00:01:26,400 --> 00:01:28,780 So as ek gaan na dit Ek, het Meteor geïnstalleer. 25 00:01:28,780 --> 00:01:35,690 So dit uit te voer, het ek net nodig om te tik Meteor, en Meteor sal installeer. 26 00:01:35,690 --> 00:01:38,310 Soos jy kan sien, ons het om te seker maak dat ons Meteor geïnstalleer. 27 00:01:38,310 --> 00:01:40,562 So ek is net gaan om te loop dit nog een keer 28 00:01:40,562 --> 00:01:42,520 om seker te maak dat die Meteor korrek geïnstalleer is. 29 00:01:42,520 --> 00:01:46,370 30 00:01:46,370 --> 00:01:48,450 >> Terwyl ek Meteor installering, kan ek jou wys 31 00:01:48,450 --> 00:01:53,760 sommige live demonstrasies van Meteor webwerwe gaan live nou op die internet. 32 00:01:53,760 --> 00:01:57,990 Ek het 'n demo van ons jeug. 33 00:01:57,990 --> 00:02:00,740 Jy kan toegang tot dit by die volgende URL. 34 00:02:00,740 --> 00:02:06,350 Dit is die doen app dat ons in ons seminaar gids. 35 00:02:06,350 --> 00:02:09,940 Die URL vir hierdie is rozu-rabbit.meteor.com. 36 00:02:09,940 --> 00:02:14,782 Jy sal sien dat Meteor sal eintlik gasheer jou Meteor projekte gratis. 37 00:02:14,782 --> 00:02:17,490 En aan die einde van die seminaar, jy sal in staat wees om dit so goed te doen. 38 00:02:17,490 --> 00:02:20,550 39 00:02:20,550 --> 00:02:22,160 >> Dit is 'n lys te doen app. 40 00:02:22,160 --> 00:02:27,740 En jy kan inteken, skep rekeninge, en voeg take. 41 00:02:27,740 --> 00:02:30,020 Jy kan 'n rekening skep soos so. 42 00:02:30,020 --> 00:02:33,050 43 00:02:33,050 --> 00:02:35,850 En nou, wanneer jy 'n rekening, kan jy take voeg. 44 00:02:35,850 --> 00:02:42,780 Byvoorbeeld, een van die take wat ek dalk nodig om te gaan haal my wasgoed. 45 00:02:42,780 --> 00:02:45,160 En as jy op hierdie webwerf online, sal jy 46 00:02:45,160 --> 00:02:49,790 eintlik op sien hierdie taak jou rekenaar in real time. 47 00:02:49,790 --> 00:02:53,760 >> Ek kan jou wys 'n vinnige demo van hierdie opening rozu-haas 48 00:02:53,760 --> 00:02:56,700 in 'n ander blad met dieselfde URL. 49 00:02:56,700 --> 00:03:00,360 En ons sien dat dieselfde data kom. 50 00:03:00,360 --> 00:03:02,240 Ons kan ook dit loop in 'n ander leser. 51 00:03:02,240 --> 00:03:03,420 Ek sê dit loop in Safari. 52 00:03:03,420 --> 00:03:04,720 Op dié manier is ons nie in geteken nie. 53 00:03:04,720 --> 00:03:07,750 54 00:03:07,750 --> 00:03:11,060 So het ons dieselfde Meteor app, en sodra dit laai, 55 00:03:11,060 --> 00:03:13,910 ons sal dieselfde data sien ons het in die eerste een. 56 00:03:13,910 --> 00:03:16,710 Soos jy kan sien, is ek nie aangemeld hier. 57 00:03:16,710 --> 00:03:20,000 En toe die gehoor tjeks data, dit updates op al die blaaier 58 00:03:20,000 --> 00:03:20,910 gelyktydig. 59 00:03:20,910 --> 00:03:23,740 Dit is een van die werklik koel funksies oor Meteor. 60 00:03:23,740 --> 00:03:27,700 Met byna geen werk, jy het 'n lewendige opdatering app 61 00:03:27,700 --> 00:03:31,240 dat veranderinge op al jou toestelle in 'n keer. 62 00:03:31,240 --> 00:03:36,690 >> As ek kyk na die boks hier in my lys om te doen, sal ons, 63 00:03:36,690 --> 00:03:41,230 in my ander Chrome leser, die item nagegaan af. 64 00:03:41,230 --> 00:03:42,605 En dit gebeur onmiddellik. 65 00:03:42,605 --> 00:03:46,340 66 00:03:46,340 --> 00:03:47,280 Alle regte. 67 00:03:47,280 --> 00:03:52,730 So dit lyk soos Meteor installasie is nou gereed. 68 00:03:52,730 --> 00:03:57,000 So nou, laat ons gaan terug na die Besigtig app en hardloop hierdie plaaslik. 69 00:03:57,000 --> 00:04:01,599 >> As jy 'n Meteor projek, kan jy net loop dit met die opdrag Meteor. 70 00:04:01,599 --> 00:04:03,640 Sodra jy dit doen, Meteor sal sommige voorbereiding doen 71 00:04:03,640 --> 00:04:06,120 om seker te maak almal jou kode is in toom. 72 00:04:06,120 --> 00:04:12,440 En dan sal dit vir jou sê dat die projek is gereed om bedien te word. 73 00:04:12,440 --> 00:04:17,750 Jy dalk nodig het om voorsiening te maak jou firewall, as jou rekenaar blokke jou. 74 00:04:17,750 --> 00:04:22,440 >> So, wat Meteor vertel my nou is dat op hierdie webwerf 75 00:04:22,440 --> 00:04:26,100 plaaslike tot my rekenaar, ek kan sien wat hierdie Meteor projek is. 76 00:04:26,100 --> 00:04:29,290 Let daarop dat nou, my inligting is nie toeganklik vir die internet. 77 00:04:29,290 --> 00:04:35,170 Ons sal dek hoe om jou Meteor te bring app na 'n lewendige webwerf 'n bietjie later. 78 00:04:35,170 --> 00:04:40,510 So ek is net gaan om dit te kopieer URL nou en gaan na Google Chrome. 79 00:04:40,510 --> 00:04:42,600 >> En dit is die te doen lys van die voorbeeld. 80 00:04:42,600 --> 00:04:46,080 Jy kan sien hulle geïmplementeer 'n paar meer funksies hier. 81 00:04:46,080 --> 00:04:49,210 Ons het verskillende tabs, ons het dieselfde rekening funksies, 82 00:04:49,210 --> 00:04:52,141 en ons kan nuwe lyste voeg. 83 00:04:52,141 --> 00:04:54,140 Nou, een van die werklik koel funksie oor Meteor 84 00:04:54,140 --> 00:04:57,450 is dat nie net kan hierdie werk op jou webblaaier, 85 00:04:57,450 --> 00:05:00,030 maar jy kan ook ' moedertaal iPhone en Android 86 00:05:00,030 --> 00:05:02,990 programme deur 'n instrument genoem PhoneGap. 87 00:05:02,990 --> 00:05:06,740 >> So 'n paar projekte sal kom pre-ingestel vir die uitvoer van 88 00:05:06,740 --> 00:05:08,700 op IOS, soos hierdie Besigtig app. 89 00:05:08,700 --> 00:05:14,780 So al wat ek nodig het om dit te doen om te loop in IOS is tik Meteor, hardloop, en dan IOS. 90 00:05:14,780 --> 00:05:17,540 En toe ek dit doen, Meteor sal die pakket weer voor te berei. 91 00:05:17,540 --> 00:05:21,670 En dan, wanneer dit gereed is, sal dit laai die IOS simulator op my opdrag. 92 00:05:21,670 --> 00:05:24,745 Let wel jy kan net loop IOS apps as jy 'n Mac rekenaar. 93 00:05:24,745 --> 00:05:27,650 94 00:05:27,650 --> 00:05:30,730 Jy kan hardloop jou apps op Android op alle platforms. 95 00:05:30,730 --> 00:05:34,070 96 00:05:34,070 --> 00:05:38,290 >> So nou kan jy sien dat my iPhone simulator het op my skerm. 97 00:05:38,290 --> 00:05:40,370 En in 'n oomblik, dit sal laai met die app. 98 00:05:40,370 --> 00:05:46,070 99 00:05:46,070 --> 00:05:48,490 As ons dit net 'n bietjie kleiner te pas op die skerm, 100 00:05:48,490 --> 00:05:50,780 ons sien ons het ons iPhone app. 101 00:05:50,780 --> 00:05:53,220 En net so het ons dit nie doen nie deurmekaar raak, kom ons maak 102 00:05:53,220 --> 00:05:59,790 seker ons is op dieselfde webwerf, die plaaslike gasheer 3000. 103 00:05:59,790 --> 00:06:03,490 >> So hier is 'n voorbeeld van die Meteor app wat ek het, 104 00:06:03,490 --> 00:06:08,770 die Besigtig app, hardloop beide op 'n selfoon en 'n webblaaier. 105 00:06:08,770 --> 00:06:10,770 En toe ek verander dinge in die web browser, 106 00:06:10,770 --> 00:06:12,675 dit onmiddellik gaan na die telefoon. 107 00:06:12,675 --> 00:06:16,500 En ek kan iets oor die telefoon te verwyder, en dit verander in die web browser. 108 00:06:16,500 --> 00:06:21,050 >> Nou, wat normaalweg aan moedertaal skep telefoon artikels vir IOS of Android, 109 00:06:21,050 --> 00:06:26,090 wat jy nodig het óf Java of om te weet Doel C. Die tegnologie Meteor gebruike 110 00:06:26,090 --> 00:06:29,240 toe te laat om JavaScript te hardloop as jou inligting is PhoneGap genoem. 111 00:06:29,240 --> 00:06:31,320 Wat jou app wese is 'n webblaaier. 112 00:06:31,320 --> 00:06:34,500 En Meteor hanteer alle die moeilike dele betrokke 113 00:06:34,500 --> 00:06:39,820 vir die totstandkoming van die web browser te jou iPhone of jou Android-toestel. 114 00:06:39,820 --> 00:06:42,210 Jy kan sien dat die gebruikerskoppelvlak is glad, 115 00:06:42,210 --> 00:06:45,290 en dit lyk en voel baie baie soos 'n inheemse app. 116 00:06:45,290 --> 00:06:48,620 Let daarop dat as ek gaan na die huis skerm nou, ek kry ook 'n ikoon. 117 00:06:48,620 --> 00:06:50,880 Dit is nie 'n webwerf soos jy wil vind in Safari. 118 00:06:50,880 --> 00:06:51,860 Dit is sy eie app. 119 00:06:51,860 --> 00:06:54,130 Jy kan installeer en verwyder dit as jy wil. 120 00:06:54,130 --> 00:06:59,500 121 00:06:59,500 --> 00:07:04,436 >> Ons kan kortliks jou wys wat die kode vir hierdie soort van todos app lyk. 122 00:07:04,436 --> 00:07:08,260 As jy kyk in die Besigtig gids, sal jy sien daar is baie dopgehou. 123 00:07:08,260 --> 00:07:11,440 Maar met die verloop van die seminaar, sal ons 124 00:07:11,440 --> 00:07:14,780 verstaan ​​wat elke gids word gebruik vir. 125 00:07:14,780 --> 00:07:17,830 Kom ons gaan in die terminale sodat ons kan die lêers 'n bietjie beter te sien. 126 00:07:17,830 --> 00:07:20,410 >> Ek gaan om beheer uit te druk C die bediener te stop, 127 00:07:20,410 --> 00:07:22,770 en nou is ek terug in die Besigtig app. 128 00:07:22,770 --> 00:07:26,660 Ek het verskillende dopgehou hier, soos die kliënt gids, die bediener gids. 129 00:07:26,660 --> 00:07:30,500 En hierdie dopgehou beteken eenvoudig dat alles in die kliënt gids 130 00:07:30,500 --> 00:07:32,630 sal uitgevoer word op jou webblaaier. 131 00:07:32,630 --> 00:07:35,530 Alles in 'n bediener gids sal uitgevoer word op 'n bediener. 132 00:07:35,530 --> 00:07:38,100 >> Wat ek wil om te wys is dat dit wat ons gehad het 133 00:07:38,100 --> 00:07:42,140 toe ons moes ons telefoon hardloop en ons webblaaier, dit was kliënte. 134 00:07:42,140 --> 00:07:45,730 Maar wat se loop in 'n terminale, dit is die bediener. 135 00:07:45,730 --> 00:07:48,710 Ons het ander dopgehou, soos lib, wat is die biblioteek kode, 136 00:07:48,710 --> 00:07:51,050 soos jou helper funksies wat jy kan 137 00:07:51,050 --> 00:07:53,710 gebruik op beide die kliënt en die bediener. 138 00:07:53,710 --> 00:07:55,820 En dan moet jy 'n openbare gids en hulpbronne 139 00:07:55,820 --> 00:07:59,310 gids nodig vir die kry jou beelde en ander CSS gelaai. 140 00:07:59,310 --> 00:08:02,630 141 00:08:02,630 --> 00:08:09,360 >> As jy Meteor geïnstalleer is, sal ons voort te gaan met die handleiding vir Meteor. 142 00:08:09,360 --> 00:08:12,790 Jy kan gaan na hierdie URL, meteor.com/install, 143 00:08:12,790 --> 00:08:17,990 die opdrag lyn te kry dat ek getoon dat installeer Meteor. 144 00:08:17,990 --> 00:08:20,240 Ons sal deur die eerste paar stappe om 'n beter te kry 145 00:08:20,240 --> 00:08:22,760 voel oor hoe Meteor te installeer. 146 00:08:22,760 --> 00:08:28,000 >> Maar eers, ek dink dit is belangrik dat ons hersien 'n bietjie van JavaScript. 147 00:08:28,000 --> 00:08:32,360 Om jou te wys n paar voorbeelde van hoe ons C kennis vertaal kan word 148 00:08:32,360 --> 00:08:34,950 te JavaScript, ek het het 'n paar voorbeelde. 149 00:08:34,950 --> 00:08:36,940 Hulle is in die JS gids. 150 00:08:36,940 --> 00:08:41,750 So as in die seminare gids jy kyk, daar is 'n gids met die naam js. 151 00:08:41,750 --> 00:08:44,540 En hier het ons 'n paar voorbeelde. 152 00:08:44,540 --> 00:08:50,120 >> Kom ons maak die eerste voorbeeld en sien baie vinnig. 153 00:08:50,120 --> 00:08:53,980 Wat ons sien is jou standaard hello world opdrag. 154 00:08:53,980 --> 00:08:56,520 Jy sien in C dat jy het nogal 'n paar lyne. 155 00:08:56,520 --> 00:09:00,490 En as CS50 studente weet, ons moet 'n hooffunksie, 156 00:09:00,490 --> 00:09:05,730 en ons het die standaard te sluit I / O biblioteek om printf te bel. 157 00:09:05,730 --> 00:09:09,320 >> Kom ons kyk na hoe JavaScript vergelyk. 158 00:09:09,320 --> 00:09:11,560 Ek gaan ex1.js. oop te maak 159 00:09:11,560 --> 00:09:14,650 Kommentaar uit is wat die C-kode sal lyk soos, 160 00:09:14,650 --> 00:09:17,550 en die lyn hieronder is al wat jy nodig het om te hardloop in Node. 161 00:09:17,550 --> 00:09:20,452 Jy hoef nie 'n hooffunksie, jy nie nodig het om enige lêers in te sluit, 162 00:09:20,452 --> 00:09:21,660 en jy hoef nie om terug te keer. 163 00:09:21,660 --> 00:09:23,810 Jy moet net noem console.log. 164 00:09:23,810 --> 00:09:26,370 Dit is die ekwivalent van jou printf. 165 00:09:26,370 --> 00:09:29,310 >> En dit neem om dieselfde argumente printf sou. 166 00:09:29,310 --> 00:09:33,870 En om dit uit te voer, in plaas van loop maak ex1, 167 00:09:33,870 --> 00:09:38,930 jy wil net noem Node ex1.js. 168 00:09:38,930 --> 00:09:41,830 Jy skryf Node en dan die lêer, en dit raak loop. 169 00:09:41,830 --> 00:09:43,580 Dit maak nie saamgestel raak. 170 00:09:43,580 --> 00:09:45,970 JavaScript is 'n geïnterpreteer taal. 171 00:09:45,970 --> 00:09:49,150 Daarom is dit nie nodig het om te wees saamgestel voordat dit loop. 172 00:09:49,150 --> 00:09:53,450 As ek wou ex1.c om te hardloop, Ek het dit eers maak, 173 00:09:53,450 --> 00:09:59,160 en dan kan ek die uitvoerbare loop dieselfde uitset te kry. 174 00:09:59,160 --> 00:10:02,460 >> Kom ons gou dek 'n paar ander JavaScript konsepte. 175 00:10:02,460 --> 00:10:04,490 Kom ons kyk na voorbeeld twee. 176 00:10:04,490 --> 00:10:14,690 In ex2.js, in ex2.c, ons kan sien dat ons 'n paar kode. 177 00:10:14,690 --> 00:10:16,550 Laat my gou na 'n beter teks editor 178 00:10:16,550 --> 00:10:18,400 dat hierdie sal wys nuwe lyne 'n bietjie beter. 179 00:10:18,400 --> 00:10:21,760 180 00:10:21,760 --> 00:10:22,380 Alle regte. 181 00:10:22,380 --> 00:10:24,190 Hier het ons 'n voorbeeld 2.C. 182 00:10:24,190 --> 00:10:27,360 Hier het ons verskillende tipes dat ons uit te druk. 183 00:10:27,360 --> 00:10:30,880 En as ons weet, printf neem verskillende persent argumente 184 00:10:30,880 --> 00:10:34,050 om toegang te verkry verskillende stukke van data. 185 00:10:34,050 --> 00:10:36,840 As ons wil druk 'n string, noem ons% s. 186 00:10:36,840 --> 00:10:40,390 As ons 'n swaai in te roep punt nommer, ons noem% f. 187 00:10:40,390 --> 00:10:45,810 En daar is geen maklike manier om 'n te roep Boole deur sy ware of valse waarde. 188 00:10:45,810 --> 00:10:50,760 Maar as jy% d, kan jy 'n 0 of 'n 1 vir ware en vals. 189 00:10:50,760 --> 00:10:53,270 >> JavaScript is 'n bietjie mooier vir ons. 190 00:10:53,270 --> 00:10:57,740 In JavaScript, laat ons kyk na die paar verskille wat ons in hierdie lêer. 191 00:10:57,740 --> 00:11:05,790 Eerstens, jy sien dat in C wat ons moet inisialiseer elke veranderlike met 'n tipe. 192 00:11:05,790 --> 00:11:06,940 S is 'n char ster. 193 00:11:06,940 --> 00:11:08,930 Dit is 'n string, en dit kan nie enige ander tipe. 194 00:11:08,930 --> 00:11:10,450 N is 'n float. 195 00:11:10,450 --> 00:11:11,780 B is 'n Bool. 196 00:11:11,780 --> 00:11:14,220 >> Maar in JavaScript, daar is dinamiese tipes. 197 00:11:14,220 --> 00:11:16,400 Dit beteken dat jy dit nie doen nie moet JavaScript te vertel 198 00:11:16,400 --> 00:11:17,860 watter tipe van jou veranderlikes sal wees. 199 00:11:17,860 --> 00:11:22,730 Jy sê net var vir veranderlike, die naam van die veranderlike, en dan sy waarde. 200 00:11:22,730 --> 00:11:24,690 So 'n var kan enigiets wees regtig. 201 00:11:24,690 --> 00:11:25,640 Dit kan 'n string wees. 202 00:11:25,640 --> 00:11:27,300 Dit kan 'n drywende punt getal wees. 203 00:11:27,300 --> 00:11:28,560 Dit kan 'n karakter wees. 204 00:11:28,560 --> 00:11:31,250 Dit kan 'n Boole. 205 00:11:31,250 --> 00:11:34,380 En konsole log werk 'n bietjie anders. 206 00:11:34,380 --> 00:11:37,340 As jy wil om te druk 'n aantal, jy noem% d. 207 00:11:37,340 --> 00:11:41,740 Maar die meeste waardes kan wees gedruk as snare net mooi. 208 00:11:41,740 --> 00:11:46,220 >> Kom ons loop dit in Node om te sien wat gaan gebeur. 209 00:11:46,220 --> 00:11:51,880 Ek kan Node ex2.js noem, en ons printf kry 210 00:11:51,880 --> 00:11:56,870 met die waardes CS50, N as die swaai punt nommer, 211 00:11:56,870 --> 00:12:00,620 en dan B soos die Boole omgeskakel na 'n string waar. 212 00:12:00,620 --> 00:12:03,830 Wat van as ons gemaak voorbeeld 2.C? 213 00:12:03,830 --> 00:12:09,630 Wel, ons het nog 'n paar meer struikelblokke met printf. 214 00:12:09,630 --> 00:12:13,110 Let daarop dat die drywende punt getal het om te word korrek geformateer, 215 00:12:13,110 --> 00:12:18,120 en dat die Boole kan eenvoudig nie word vertoon as waar of vals is. 216 00:12:18,120 --> 00:12:18,620 Alle regte. 217 00:12:18,620 --> 00:12:22,680 Kom ons kyk na voorbeeld drie nou. 218 00:12:22,680 --> 00:12:26,470 In voorbeeld drie, is ons wys hoe jy sou gebruik om 'n lus vir. 219 00:12:26,470 --> 00:12:27,630 In werklikheid, dit is baie eenvoudig. 220 00:12:27,630 --> 00:12:31,430 Een van die mooi dinge oor JavaScript is dat dit C gebaseer is. 221 00:12:31,430 --> 00:12:33,920 Dit beteken dat 'n groot deel van jou kode sal lyk baie soortgelyk 222 00:12:33,920 --> 00:12:36,490 en voel baie dieselfde. 223 00:12:36,490 --> 00:12:39,220 In 'n lus vir die enigste ding wat regtig hier verander 224 00:12:39,220 --> 00:12:41,840 is in plaas van int i, ons het var i. 225 00:12:41,840 --> 00:12:45,470 Ons kan nog steeds gee dit te waardeer nul, maak seker dat dit is minder as vyf, 226 00:12:45,470 --> 00:12:49,390 en inkrementeer dit deur een met die ++ operateur. 227 00:12:49,390 --> 00:12:56,286 Ons noem console.log op i, en dat sal druk ons ​​'n getal met elke lyn. 228 00:12:56,286 --> 00:12:58,410 Kom ons loop dit regtig vinnig om te sien wat dit uitset. 229 00:12:58,410 --> 00:13:02,320 230 00:13:02,320 --> 00:13:03,880 Ons kry 'n nuwe nommer in elke lyn. 231 00:13:03,880 --> 00:13:06,920 Nog 'n ding wat ek wil hê jy te met console.log sien 232 00:13:06,920 --> 00:13:09,960 is jy nie het om te skryf agteroorskuinsstreep n vir die nuwe lyn. 233 00:13:09,960 --> 00:13:12,480 Console.log sal druk alles op sy eie lyn. 234 00:13:12,480 --> 00:13:14,585 Dit is 'n mooi eienskap dat JavaScript gee ons. 235 00:13:14,585 --> 00:13:18,440 236 00:13:18,440 --> 00:13:22,600 >> Laat se oopmaak byvoorbeeld vier nou. 237 00:13:22,600 --> 00:13:28,710 In voorbeeld vier, eerste in die C, ons noem 'n paar funksies. 238 00:13:28,710 --> 00:13:33,290 Let daarop dat ons die te verklaar funksies voordat ons dit gebruik om in die belangrikste. 239 00:13:33,290 --> 00:13:37,250 As ons vernaamste eerste en voeg dan en dan hoog, maak, 240 00:13:37,250 --> 00:13:39,540 klang, of GCC sou gee ons 'n fout te sê 241 00:13:39,540 --> 00:13:41,060 dat dit nie weet wat hoog is, is. 242 00:13:41,060 --> 00:13:42,780 Dit maak nie weet wat tel is. 243 00:13:42,780 --> 00:13:46,480 So in C, jy het om te kieskeurig oor die wees volgorde waarin jy jou funksies noem. 244 00:13:46,480 --> 00:13:49,220 245 00:13:49,220 --> 00:13:51,310 >> Kom ons kyk na hoe jy kan doen dit in JavaScript. 246 00:13:51,310 --> 00:13:56,060 Ons het verskillende lêers, want daar is 'n paar verskillende maniere om dit te doen nie. 247 00:13:56,060 --> 00:13:58,950 Een manier is pretty much 'n direkte vertaling. 248 00:13:58,950 --> 00:14:02,180 Omdat funksies in C terugkeer tipes, en JavaScript 249 00:14:02,180 --> 00:14:05,210 nie regtig weet of sorg oor watter tipe jy terugkeer, 250 00:14:05,210 --> 00:14:06,300 jy 'n tipe skryf nie. 251 00:14:06,300 --> 00:14:08,100 In plaas daarvan, het jy net nodig funksie te skryf, 252 00:14:08,100 --> 00:14:11,180 en alles is mooi baie dieselfde as voorheen. 253 00:14:11,180 --> 00:14:14,630 >> Wanneer jy 'n veranderlike, soos in voeg, ons moet net x en y te skryf. 254 00:14:14,630 --> 00:14:16,060 Ons hoef nie te sê x is 'n int. 255 00:14:16,060 --> 00:14:18,940 Ons hoef nie te sê y is 'n int. 256 00:14:18,940 --> 00:14:21,030 Ons keer terug met dieselfde sintaksis. 257 00:14:21,030 --> 00:14:24,230 Vir 'n hoë, verklaar ons dit met funksioneer in plaas van leemte. 258 00:14:24,230 --> 00:14:26,110 Let daarop dat of dit is nietig of nie-leemte, 259 00:14:26,110 --> 00:14:28,380 dit is nog steeds almal dieselfde funksie. 260 00:14:28,380 --> 00:14:32,440 En ons het eenvoudig gestel nie enigiets in hakies, 261 00:14:32,440 --> 00:14:34,690 en dit lyk baie soos die C-kode. 262 00:14:34,690 --> 00:14:37,460 En onder, kan ons dit noem hieronder. 263 00:14:37,460 --> 00:14:42,730 >> As ons kyk na voorbeeld 4b, sien ons dat ek 'n paar dinge het verander. 264 00:14:42,730 --> 00:14:45,340 Die enigste ding wat ek verander regtig al is die einde. 265 00:14:45,340 --> 00:14:47,340 Ons het dieselfde funksies, maar nou is hulle 266 00:14:47,340 --> 00:14:52,200 verklaar nadat dit gebruik word in console.log en hoog op lyne 18, 19. 267 00:14:52,200 --> 00:14:54,740 As jy dit in C, maak sal 'n fout te gooi. 268 00:14:54,740 --> 00:14:56,070 Hier, dit werk net mooi. 269 00:14:56,070 --> 00:15:01,935 En ek kan dit vir jou wys deur roep Node op 4b voorbeeld. 270 00:15:01,935 --> 00:15:05,350 271 00:15:05,350 --> 00:15:10,130 >> Nog 'n manier wat ons funksies kan noem is deur die besparing funksies as veranderlikes. 272 00:15:10,130 --> 00:15:13,790 Soos ek gesê het, 'n veranderlike kan enige tipe. 273 00:15:13,790 --> 00:15:16,720 Een van die tipes 'n veranderlike kan hê, is 'n funksie. 274 00:15:16,720 --> 00:15:19,800 So as jy kyk na voorbeeld 4C, wat ek verander 275 00:15:19,800 --> 00:15:24,320 hier is var voeg in plaas van funksie byvoeging. 276 00:15:24,320 --> 00:15:26,807 En nou voeg gelyk aan 'n funksie. 277 00:15:26,807 --> 00:15:28,140 Hierdie funksie hier is anoniem. 278 00:15:28,140 --> 00:15:33,346 Dit het nie 'n naam, so dit is net funksie en dan die hakies. 279 00:15:33,346 --> 00:15:35,220 Die sintaksis daarna nie verander nie, maar jy 280 00:15:35,220 --> 00:15:38,300 het om in gedagte te hou dat jy het 'n veranderlike wat jy 281 00:15:38,300 --> 00:15:42,940 stoor die funksie in byvoeging, en 'n veranderlike wat jy stoor in 'n hoë. 282 00:15:42,940 --> 00:15:47,620 >> Omdat voeg en hoë nou veranderlikes en nie funksies, iets verander. 283 00:15:47,620 --> 00:15:50,190 Dit is 'n algemene fout wat ek sien in 'n klomp mense se Java Scripts, 284 00:15:50,190 --> 00:15:52,410 en iets om in gedagte te hou. 285 00:15:52,410 --> 00:15:54,365 Wanneer ek hardloop dit, laat ons sien wat gebeur. 286 00:15:54,365 --> 00:15:57,410 287 00:15:57,410 --> 00:15:58,230 Ek kry 'n fout. 288 00:15:58,230 --> 00:16:01,000 Dit is gesê ongedefinieerde op hierdie punt. 289 00:16:01,000 --> 00:16:03,520 So dit sê dit weet nie wat tel is. 290 00:16:03,520 --> 00:16:06,010 >> Want nou voeg is nie 'n funksie, voeg 'n veranderlike. 291 00:16:06,010 --> 00:16:10,100 En jy het nie eintlik gegee voeg 'n waarde nog wanneer jy dit gebruik. 292 00:16:10,100 --> 00:16:14,460 Dit bring ons by voorbeeld 4d, waar as jy wil veranderlikes te gebruik as funksies, 293 00:16:14,460 --> 00:16:17,210 jy hoef net om seker te maak hulle kry die waarde voor dit gebruik word. 294 00:16:17,210 --> 00:16:20,200 295 00:16:20,200 --> 00:16:23,420 >> Kom ons beweeg na byvoorbeeld vyf dan. 296 00:16:23,420 --> 00:16:27,390 Hier, ons praat oor structs in C. In C, structs 297 00:16:27,390 --> 00:16:30,320 hierdie vaste struktuur aan hulle want jy het om hulle te verklaar 298 00:16:30,320 --> 00:16:33,050 voor jy dit gebruik, en jy sê ek het 'n student, 299 00:16:33,050 --> 00:16:36,645 en elke student het presies 'n naam, 'n jaar, een geslag. 300 00:16:36,645 --> 00:16:37,770 Dit het al van hulle te hê. 301 00:16:37,770 --> 00:16:42,280 Dit kan nie 'n ander waardes, en hulle het spesifieke tipes. 302 00:16:42,280 --> 00:16:47,540 >> Dan kan ons inisialiseer die struct in hierdie mooi sintaksis 303 00:16:47,540 --> 00:16:49,470 omdat hy weet die einde. 304 00:16:49,470 --> 00:16:51,460 So dit weet dat Roger is 'n naam. 305 00:16:51,460 --> 00:16:54,060 Dit weet dat 2016 is 'n jaar en M is 'n geslag 306 00:16:54,060 --> 00:16:58,200 want ons het dit op hierdie lys is 'n struct student. 307 00:16:58,200 --> 00:17:01,607 En dan kan jy druk dit, toegang s.name. 308 00:17:01,607 --> 00:17:03,690 Kom ons kyk hoe ons sou omskep wat aan JavaScript. 309 00:17:03,690 --> 00:17:06,400 310 00:17:06,400 --> 00:17:09,790 Let daarop dat S word nou 'n veranderlike, en daar is geen tipe. 311 00:17:09,790 --> 00:17:10,920 Dit is net 'n var weer. 312 00:17:10,920 --> 00:17:14,480 Want dit maak nie saak of die tipe van hierdie veranderlike is 'n wyser, 313 00:17:14,480 --> 00:17:17,440 dit is 'n struct, of enigiets anders. 314 00:17:17,440 --> 00:17:19,650 Ons het 'n effens verskillende sintaksis. 315 00:17:19,650 --> 00:17:21,890 Hierdie syntax is die voorwerp sintaksis. 316 00:17:21,890 --> 00:17:24,400 >> Jy kan gesien het dit in into. 317 00:17:24,400 --> 00:17:27,780 Into staan ​​eintlik vir die JavaScript Object notasie. 318 00:17:27,780 --> 00:17:31,240 Dit is hoe jy definieer voorwerpe in JavaScript. 319 00:17:31,240 --> 00:17:34,500 Ons het 'n sleutel, wat is die waarde, soos naam. 320 00:17:34,500 --> 00:17:37,680 En ons gee dit waardes die ander kant van die kolon. 321 00:17:37,680 --> 00:17:41,850 En een ding om in gedagte te hou, is jy hoef nie 'n naam en 'n jaar te hê 322 00:17:41,850 --> 00:17:42,980 en 'n geslag vir 'n voorwerp. 323 00:17:42,980 --> 00:17:44,570 'N voorwerp kan geen waardes. 324 00:17:44,570 --> 00:17:46,920 Dit kan soveel as wat jy wil. 325 00:17:46,920 --> 00:17:50,375 >> Ons kan gebruik om hierdie voorwerpe in net die op dieselfde manier sou ons 'n struct gebruik, s.name. 326 00:17:50,375 --> 00:17:53,810 327 00:17:53,810 --> 00:17:57,080 Ons kan hardloop dit regtig vinnig deur dit te doen node byvoorbeeld 5.c. 328 00:17:57,080 --> 00:18:00,320 329 00:18:00,320 --> 00:18:02,520 Ons kan nie eintlik loop 'n C-lêer in Node. 330 00:18:02,520 --> 00:18:03,654 Dit maak nie weet wat C is. 331 00:18:03,654 --> 00:18:04,695 Dit weet net JavaScript. 332 00:18:04,695 --> 00:18:09,865 Wanneer ons loop die ex5.js, kry ons die waarde wat ons verwag het. 333 00:18:09,865 --> 00:18:13,490 334 00:18:13,490 --> 00:18:15,980 >> Kom ons beweeg na byvoorbeeld ses. 335 00:18:15,980 --> 00:18:18,930 Hier wil ek net 'n bietjie om te praat bietjie meer oor JavaScript skikkings 336 00:18:18,930 --> 00:18:20,930 want hulle is 'n bietjie anders as wat jy 337 00:18:20,930 --> 00:18:26,940 gebruik om in C. skikkings genoteer, nie met die hakies, soos in C, 338 00:18:26,940 --> 00:18:28,640 met die krullerige draadjies, maar tussen hakies. 339 00:18:28,640 --> 00:18:32,150 Jy kan 'n leë verskeidenheid het, soos arr in lyn vier. 340 00:18:32,150 --> 00:18:34,680 Jy kan skikkings het met verskeie waardes. 341 00:18:34,680 --> 00:18:39,790 En jy toegang tot hulle net dieselfde manier C. 342 00:18:39,790 --> 00:18:42,990 >> Tot lyn sewe, alles lyk redelik eenvoudig. 343 00:18:42,990 --> 00:18:45,390 Een klein verskil is hier op reël 10. 344 00:18:45,390 --> 00:18:48,620 Die manier waarop jy 'n lengte van 'n skikking is net deur te bel .length. 345 00:18:48,620 --> 00:18:50,620 'N skikking kan eintlik behandel soos 'n voorwerp, 346 00:18:50,620 --> 00:18:54,960 en hierdie voorwerp het 'n lengte eiendom dat jy noem die lengte van dit te kry. 347 00:18:54,960 --> 00:18:57,350 Let daarop dat hierdie is verskillende in C want in C jy 348 00:18:57,350 --> 00:19:01,600 die lengte van weet jou doel voor die tyd. 349 00:19:01,600 --> 00:19:04,700 >> So 'n ander nice ding oor skikkings is dat jy verskillende tipes kan hê. 350 00:19:04,700 --> 00:19:07,470 As jy het 'n verskeidenheid in C, is daar is skikkings van 'n spesifieke waarde, 351 00:19:07,470 --> 00:19:11,900 óf 'n struct wyser of dryf of [onhoorbaar]. 352 00:19:11,900 --> 00:19:13,700 Hier kan jy verskillende waardes. 353 00:19:13,700 --> 00:19:17,560 Ek moes eers 'n drywende punt nommer, Dan is 'n Boole, dan weer 'n heelgetal. 354 00:19:17,560 --> 00:19:19,670 En eintlik, kan hulle soorte te verander. 355 00:19:19,670 --> 00:19:21,220 Kyk na lyn 16. 356 00:19:21,220 --> 00:19:26,760 Array twee is verander van ' 'n getal, 'n heelgetal, na 'n string. 357 00:19:26,760 --> 00:19:30,920 >> Nog 'n mooi ding oor skikkings is hier in reël 19, hulle het oneindige grootte. 358 00:19:30,920 --> 00:19:35,900 Jy kan net sê ek wil die honderdste element van die string wettig te wees. 359 00:19:35,900 --> 00:19:38,510 En dit lyk nie te maak sin omdat die skikking net 360 00:19:38,510 --> 00:19:41,080 het plek vir drie elemente, so die einde moet twee. 361 00:19:41,080 --> 00:19:44,800 Maar wanneer jy dit doen, laat ons sien wat verskeidenheid drie word. 362 00:19:44,800 --> 00:19:47,460 Ons wil hierdie vinnig hardloop met node byvoorbeeld six.js. 363 00:19:47,460 --> 00:19:49,990 364 00:19:49,990 --> 00:19:52,180 Ons kry dit regtig lank skikking, en wat gebeur 365 00:19:52,180 --> 00:19:55,100 is ons die eerste paar elemente en dan 'n klomp van die spasies 366 00:19:55,100 --> 00:19:56,580 totdat ons ons string. 367 00:19:56,580 --> 00:19:58,580 JavaScript vul in die skikking as dit nodig is. 368 00:19:58,580 --> 00:20:01,790 369 00:20:01,790 --> 00:20:05,420 >> Kom ons uiteindelik na ons laaste voorbeeld. 370 00:20:05,420 --> 00:20:08,180 Hier het ons 'n lys van verskillende studente. 371 00:20:08,180 --> 00:20:11,350 Ek wil 'n bietjie om te praat bietjie oor 'n paar mooi aspekte 372 00:20:11,350 --> 00:20:14,240 van vir lusse in JavaScript. 373 00:20:14,240 --> 00:20:17,500 In C, vir lusse soort beperk. 374 00:20:17,500 --> 00:20:21,490 Hulle het 'n vaste struktuur, waar jy het 'n veranderlike, jy het 'n toestand, 375 00:20:21,490 --> 00:20:23,850 en dan moet jy iets doen aan die einde van die lus. 376 00:20:23,850 --> 00:20:27,560 En natuurlik is dit werk in JavaScript, soos ons gesien het in die vorige voorbeelde. 377 00:20:27,560 --> 00:20:31,030 Maar ons het ook mooier maniere van hierdie doen in JavaScript. 378 00:20:31,030 --> 00:20:33,870 Dit word 'n foreach lus. 379 00:20:33,870 --> 00:20:36,580 >> Jammer, laat ons terug te gaan na voorbeeld sewe hier. 380 00:20:36,580 --> 00:20:39,320 Ons kan ook sê artikel is 'n lys. 381 00:20:39,320 --> 00:20:43,250 So gee my elke i of elke indeks in die lys. 382 00:20:43,250 --> 00:20:46,255 Dan kan ons die student kry deur bel net deel van i. 383 00:20:46,255 --> 00:20:50,690 So al van die kode van die opstel van i gelyk is aan nul en om seker te maak ek 384 00:20:50,690 --> 00:20:54,420 minder is as die lengte en die toevoeging van een tot i elke keer, dit is 385 00:20:54,420 --> 00:21:00,220 die versorging van jou eerder mooi met hierdie foreach lus. 386 00:21:00,220 --> 00:21:02,830 >> Nie net doen foreach sirkelroetes werk in lyste of skikkings, 387 00:21:02,830 --> 00:21:06,130 Hulle het ook werk in voorwerpe, Dit is ook lekker. 388 00:21:06,130 --> 00:21:10,240 Jy kan die naam van kry elke eiendom deur net om 389 00:21:10,240 --> 00:21:15,030 'n woordeboek of 'n voorwerp, soos student, en dan net sê gee my elke sleutel. 390 00:21:15,030 --> 00:21:18,920 'N sleutel sou hierdie wees eienskappe, naam of huis. 391 00:21:18,920 --> 00:21:22,870 So wat gaan hier gebeur, is dat ons druk eers die naam en dan 392 00:21:22,870 --> 00:21:24,920 die huis van elke student. 393 00:21:24,920 --> 00:21:29,170 >> Ek kan hardloop dit in Node regtig vinnig om jou te wys. 394 00:21:29,170 --> 00:21:35,510 Ons kry eers die C styl vir lus, waar ons kry elke voorwerp wat gedruk. 395 00:21:35,510 --> 00:21:38,910 En dan het ons die JavaScript styl, waar jy kan net 396 00:21:38,910 --> 00:21:41,510 druk elke sleutel en die waarde individueel. 397 00:21:41,510 --> 00:21:45,560 398 00:21:45,560 --> 00:21:47,050 >> Alle regte. 399 00:21:47,050 --> 00:21:52,850 Nou dat ons het gedek Node.js, ek dink ons is gereed om te begin met Meteor. 400 00:21:52,850 --> 00:21:56,070 Soos ek gesê het, Meteor het 'n groot taak skryf sommige gereed gemaak voorbeelde 401 00:21:56,070 --> 00:22:00,600 vir jou wat jy kan verken deur hierdie handleiding of in die seminaar gids. 402 00:22:00,600 --> 00:22:03,750 Maar hier wil ek begin om meer van nuuts af. 403 00:22:03,750 --> 00:22:06,810 >> Kom ons skep 'n eenvoudige aansoek te doen. 404 00:22:06,810 --> 00:22:14,140 Dit is 'n soort van die basis van wat die te doen aansoek Ek julle getoon vroeër is. 405 00:22:14,140 --> 00:22:16,990 In hierdie handleiding, moet jy sal sien dat daar 406 00:22:16,990 --> 00:22:20,180 'n opdrag Meteor skep skep 'n nuwe Meteor projek. 407 00:22:20,180 --> 00:22:24,510 Jy moet dit noem om Meteor projekte omdat dit uit te voer 408 00:22:24,510 --> 00:22:27,470 sal die opdragte hardloop die Meteor te skep 409 00:22:27,470 --> 00:22:31,100 lêers wat nodig is vir jou projek. 410 00:22:31,100 --> 00:22:35,920 >> As jy in die terminale, kan ons gaan in die gids met die naam stap een. 411 00:22:35,920 --> 00:22:41,240 En stap een sal stem ooreen met die eerste stap in die handleiding. 412 00:22:41,240 --> 00:22:44,020 Kennisgewing daar dopgehou, stap een stap twee, al die pad tot vyf. 413 00:22:44,020 --> 00:22:47,835 En elkeen ooreenstemmende na 'n stap in hierdie handleiding. 414 00:22:47,835 --> 00:22:50,960 415 00:22:50,960 --> 00:22:52,780 Ek gaan dit oop te maak in my teks editor hier 416 00:22:52,780 --> 00:22:56,280 sodat ons kan sien 'n bietjie van wat geskep is. 417 00:22:56,280 --> 00:22:58,530 Ons sien dat daar is vier hoofdele. 418 00:22:58,530 --> 00:23:01,170 Daar is 'n Meteor gids, .meteor. 419 00:23:01,170 --> 00:23:03,180 En dat jy gewoonlik hoef nie aan te raak. 420 00:23:03,180 --> 00:23:05,070 Meteor sorg die gids, en dit net 421 00:23:05,070 --> 00:23:08,640 maak seker dat jou projek sal korrek werk. 422 00:23:08,640 --> 00:23:14,580 >> Ons het ook drie lêers, 'n HTML-lêer, 'n JavaScript-lêer, en 'n CSS-lêer. 423 00:23:14,580 --> 00:23:18,670 Kom ons kyk eers begin met die HTML-lêer. 424 00:23:18,670 --> 00:23:21,310 Met die eerste oogopslag, dit lyk soos 'n normale HTML dokument. 425 00:23:21,310 --> 00:23:23,490 Maar let dat daar is 'n paar verskille. 426 00:23:23,490 --> 00:23:26,520 Een, dit is nie eintlik 'n volledige HTML dokument. 427 00:23:26,520 --> 00:23:28,640 Ons mis die HTML tags. 428 00:23:28,640 --> 00:23:29,700 Dit is normaal. 429 00:23:29,700 --> 00:23:33,560 In Meteor, is jy nie verwag hierdie HTML tags te skep. 430 00:23:33,560 --> 00:23:35,260 Dit is vir jou gedoen. 431 00:23:35,260 --> 00:23:38,380 Jy wil begin-- as jy wil 'n webwerf te skep, 432 00:23:38,380 --> 00:23:40,430 jy hoef net te begin met die hoof tag, 433 00:23:40,430 --> 00:23:43,510 definieer nie, en dan definieer die liggaam tag. 434 00:23:43,510 --> 00:23:48,940 >> Maar as jy in hierdie kennisgewing HTML-lêer, het ons 'n nuwe etiket. 435 00:23:48,940 --> 00:23:50,350 Ons het die sjabloontagcode. 436 00:23:50,350 --> 00:23:52,050 Dit is nie normale HTML. 437 00:23:52,050 --> 00:23:55,300 Dit is 'n spesiale weergawe van HTML Meteoriete wat maak aan u beskikbaar. 438 00:23:55,300 --> 00:23:57,660 Dit is bekend as die ruimte bars. 439 00:23:57,660 --> 00:24:00,980 Jy kan templates so min definieer modules, soort van soos helper funksies, 440 00:24:00,980 --> 00:24:03,660 in jou C of JavaScript-kode. 441 00:24:03,660 --> 00:24:06,020 Hierdie sjabloon sal 'n naam genoem taak. 442 00:24:06,020 --> 00:24:10,520 En jy kan sien hier op die lyn 13 dat jy hierdie templates kan noem. 443 00:24:10,520 --> 00:24:14,380 En wat Meteor sal doen, is net vul in hierdie take vir jou. 444 00:24:14,380 --> 00:24:17,540 445 00:24:17,540 --> 00:24:22,580 >> Nog 'n ding wat jy kan sien, is 'n bietjie anders is dit elke funksie. 446 00:24:22,580 --> 00:24:26,130 Elke sal die veranderlike neem take en soort gaan deur dit 447 00:24:26,130 --> 00:24:28,810 in daardie foreach lus ons gesien in voorbeeld sewe. 448 00:24:28,810 --> 00:24:34,200 Dit elkeen kan 'n woordeboek te neem of 'n lys, 'n voorwerp of 'n lys, 449 00:24:34,200 --> 00:24:38,820 en dit sal net gaan deur al die waardes soos 'n foreach lus sou. 450 00:24:38,820 --> 00:24:44,110 So as ons 'n klomp van die take, hierdie sal die sjabloon op elke taak noem. 451 00:24:44,110 --> 00:24:49,590 >> Kom ons loop die Meteor projek net om te sien dat dit gebeur. 452 00:24:49,590 --> 00:24:53,260 Ek loop die Meteor projek met net Meteor of Meteor hardloop. 453 00:24:53,260 --> 00:24:56,690 En nou Meteor net sal moet om vinnig te berei om die projek, 454 00:24:56,690 --> 00:25:03,320 begin die databasis as dit nodig is, en dan post die app plaaslik. 455 00:25:03,320 --> 00:25:07,200 Ons kan gaan na ons web browser nou. 456 00:25:07,200 --> 00:25:10,215 En ons sal ons sien het 'n baie eenvoudige app. 457 00:25:10,215 --> 00:25:22,190 458 00:25:22,190 --> 00:25:29,130 So wat ons gesien het opgedaag was eintlik die eerste stap, die eerste stap lêer. 459 00:25:29,130 --> 00:25:33,260 >> Kom ons beweeg om te stap twee net omdat Ek dink dit sal dieselfde doel dien. 460 00:25:33,260 --> 00:25:36,500 Ek gaan net om te verander aan die stap twee gids 461 00:25:36,500 --> 00:25:39,550 en hardloop Meteor weer, sodat ons kan sien die sjabloon het ons net saam met. 462 00:25:39,550 --> 00:25:43,560 463 00:25:43,560 --> 00:25:45,730 Ja, 'n vraag? 464 00:25:45,730 --> 00:25:49,724 >> GEHOOR: As ons kry toestemming ontken, is that-- wat is dit 465 00:25:49,724 --> 00:25:50,390 wat vir daardie? 466 00:25:50,390 --> 00:25:52,154 467 00:25:52,154 --> 00:25:54,070 ROGER ZURAWICKI: As jy loop Meteor termyn, 468 00:25:54,070 --> 00:25:57,280 en jy het toestemming ontken, sommige van jou lêers 469 00:25:57,280 --> 00:25:59,070 dalk nie die reg het om toestemming te stel. 470 00:25:59,070 --> 00:26:03,970 So jy het om seker te maak waar die regte is nie. 471 00:26:03,970 --> 00:26:06,030 Hulle kon af in jou Meteor projek, 472 00:26:06,030 --> 00:26:08,550 of hulle kan af wees in die Meteor lêers self. 473 00:26:08,550 --> 00:26:13,742 >> GEHOOR: As ek dit afgelaai het nou net uit jou GitHub, dan wat moet ek doen 474 00:26:13,742 --> 00:26:16,110 [Onhoorbaar]? 475 00:26:16,110 --> 00:26:20,110 >> ROGER ZURAWICKI: As jy wil hê om seker te maak jy kan dit toegang maak, 476 00:26:20,110 --> 00:26:21,450 daar is 'n opdrag wat jy kan hardloop. 477 00:26:21,450 --> 00:26:26,590 Laat my vinnig skryf dit uit so ander mense kan dit sien. 478 00:26:26,590 --> 00:26:30,670 Ek gaan 'n nuwe blad hier oop en gaan in my seminaar gids. 479 00:26:30,670 --> 00:26:33,500 480 00:26:33,500 --> 00:26:36,490 Chmod is die opdrag regte te verander, 481 00:26:36,490 --> 00:26:40,060 en jy kan sê r vir doen rekursief vir elke lêer. 482 00:26:40,060 --> 00:26:46,040 En die regte, kan jy probeer om 0755 om seker te maak jy het volle toegang maak, 483 00:26:46,040 --> 00:26:47,820 en almal kan lees. 484 00:26:47,820 --> 00:26:50,100 En as jy net hardloop hierdie opdrag, sal dit maak 485 00:26:50,100 --> 00:26:55,800 Maak seker dat die regte in kyk vir die hele gids. 486 00:26:55,800 --> 00:26:59,160 Hardloop ls-l kan wys dat jy die regte in meer detail. 487 00:26:59,160 --> 00:27:01,290 Dit lyk OK. 488 00:27:01,290 --> 00:27:03,900 >> Wat is die belangrikste is dat jy al drie 489 00:27:03,900 --> 00:27:06,610 rwx vir al die lêers in die seminaar gids. 490 00:27:06,610 --> 00:27:09,415 491 00:27:09,415 --> 00:27:11,330 Het dit die probleem op te los? 492 00:27:11,330 --> 00:27:13,735 >> GEHOOR: Dit sê ontbreek operante [onhoorbaar]. 493 00:27:13,735 --> 00:27:17,980 494 00:27:17,980 --> 00:27:18,740 [Onhoorbaar] 495 00:27:18,740 --> 00:27:20,490 ROGER ZURAWICKI: Jy om seker te maak wat jy maak 496 00:27:20,490 --> 00:27:23,022 'n dot aan die einde van jou opdrag. 497 00:27:23,022 --> 00:27:23,938 GEHOOR: [onhoorbaar]. 498 00:27:23,938 --> 00:27:36,395 499 00:27:36,395 --> 00:27:37,520 ROGER ZURAWICKI: Alle reg. 500 00:27:37,520 --> 00:27:42,220 Laat ons vinnig terug te gaan na die plaaslike gasheer, die jeug wat ons het. 501 00:27:42,220 --> 00:27:46,640 En jy sal sien dat ons 'n paar take hier, as wat verwag is. 502 00:27:46,640 --> 00:27:49,330 503 00:27:49,330 --> 00:27:51,990 Ons het 'n klomp van die CSS, wat jy hoef nie te bekommer nie. 504 00:27:51,990 --> 00:27:53,740 Die Meteor tutoriaal gee net dit aan jou 505 00:27:53,740 --> 00:27:58,010 jou te maak lys kyk 'n om te doen bietjie lekkerder as die gewone HTML. 506 00:27:58,010 --> 00:28:02,290 En ons het die JavaScript-lêer, wat Ek sal 'n bietjie later in meer detail, 507 00:28:02,290 --> 00:28:04,272 maar dit bied net hierdie take. 508 00:28:04,272 --> 00:28:04,980 Dit is taak een. 509 00:28:04,980 --> 00:28:05,740 Dit is taak twee. 510 00:28:05,740 --> 00:28:06,590 Dit is taak drie. 511 00:28:06,590 --> 00:28:09,720 So, dit is die data Meteor se kry. 512 00:28:09,720 --> 00:28:15,590 >> Een van die koel dinge oor Meteor is dat veranderinge outomaties kan gebeur. 513 00:28:15,590 --> 00:28:18,990 As ek wou die te verander Naam van die eerste taak, 514 00:28:18,990 --> 00:28:22,490 so dit sou sê dit is nie taak een, en ek dit stoor, 515 00:28:22,490 --> 00:28:26,370 dan wanneer ek gaan na die web leser, kan jy dit verfris 516 00:28:26,370 --> 00:28:30,861 en dit sê outomaties dit is nie die taak een. 517 00:28:30,861 --> 00:28:32,860 Jy kan dieselfde ding doen in enige van hierdie lêers. 518 00:28:32,860 --> 00:28:37,940 Maak 'n verandering, in plaas van om te doen lys, sal ek dit my lys te doen. 519 00:28:37,940 --> 00:28:40,980 >> En een ding wat jy net opgemerk, dat ek het nie eens te verfris. 520 00:28:40,980 --> 00:28:43,960 Die idee van die verfrissende is 'n soort van opgelos vir jou met Meteor. 521 00:28:43,960 --> 00:28:48,970 Wanneer dit ontdek die lêer verander, dit sal die veranderinge laai vir jou. 522 00:28:48,970 --> 00:28:53,110 Dit werk op al die lêers, of dit is HTML, CSS, of JavaScript. 523 00:28:53,110 --> 00:28:57,990 Om jou te wys wat hierdie inligting sal kyk soos sonder CSS, kan ek dit alles verwyder. 524 00:28:57,990 --> 00:29:04,720 En wanneer dit herlaai, jy het nou ' 'n nie so mooi lys te doen. 525 00:29:04,720 --> 00:29:06,370 Kom ons sit die inhoud rug. 526 00:29:06,370 --> 00:29:11,343 En sekerlik genoeg, is dit verfris, en ons CSS is terug. 527 00:29:11,343 --> 00:29:11,843 Groot. 528 00:29:11,843 --> 00:29:15,700 529 00:29:15,700 --> 00:29:20,010 >> Ons kan nou beweeg op met die studiemateriaal. 530 00:29:20,010 --> 00:29:23,360 Kom ons praat oor stap twee, templates. 531 00:29:23,360 --> 00:29:27,140 Dit is wat ons nou net gesien met die verskillende take. 532 00:29:27,140 --> 00:29:31,550 Meteor sal aan u verduidelik wat templates en hoe hierdie logika werk. 533 00:29:31,550 --> 00:29:34,760 Maar laat ons net kyk na die kode te kyk of ons kan sin maak uit dit. 534 00:29:34,760 --> 00:29:38,030 535 00:29:38,030 --> 00:29:41,460 >> In baie eenvoudige aansoeke, soos wat ons in die eenvoudige 536 00:29:41,460 --> 00:29:44,550 te doen, stap een, stap twee, stap drie, stap vier, stap vyf, 537 00:29:44,550 --> 00:29:45,700 ons het nie enige dopgehou. 538 00:29:45,700 --> 00:29:47,533 Ons het nie die bediener nie gids ek genoem het. 539 00:29:47,533 --> 00:29:50,510 Ons het nie die kliënt nie gids wat genoem is. 540 00:29:50,510 --> 00:29:52,290 So Meteor sal loop al die lêers. 541 00:29:52,290 --> 00:29:55,210 Dit sal loop dit beide op die kliënt, beide op die bediener. 542 00:29:55,210 --> 00:29:58,840 >> En as jy wil dele van jou JavaScript kode uit te voer net op die kliënt, 543 00:29:58,840 --> 00:30:02,350 wat hulle nodig het om seker te maak dat jy maak 'n IF-stelling, soort van soos wat 544 00:30:02,350 --> 00:30:04,890 ons in ons JavaScript-lêer hier. 545 00:30:04,890 --> 00:30:08,010 So Meteor, slegs indien dit is die kliënt, dan het ek 546 00:30:08,010 --> 00:30:12,355 wil 'n sjabloon te definieer helper genoem take. 547 00:30:12,355 --> 00:30:15,050 548 00:30:15,050 --> 00:30:19,260 Wat hierdie kode werklik doen, is dit sê daar is 549 00:30:19,260 --> 00:30:21,800 'n voorwerp genoem sjabloon dat Meteor bied. 550 00:30:21,800 --> 00:30:23,270 En ons gaan 'n helper by te voeg. 551 00:30:23,270 --> 00:30:27,680 Helpers is hierdie take, hierdie dinge soos die take. 552 00:30:27,680 --> 00:30:33,890 >> Jy sal sien dat as ons gaan terug na die HTML-lêer, wat ons genoem het op take. 553 00:30:33,890 --> 00:30:35,750 Take is nie gedefinieer in die HTML. 554 00:30:35,750 --> 00:30:37,770 Dit is gedefinieer in die JavaScript. 555 00:30:37,770 --> 00:30:42,610 En Meteor nodig om te weet watter take is Wanneer ons na die JavaScript hier. 556 00:30:42,610 --> 00:30:45,550 Take is hierdie kneg. 557 00:30:45,550 --> 00:30:49,830 Helper, kan jy dink dit as 'n sjabloon veranderlike. 558 00:30:49,830 --> 00:30:51,000 En wat beteken take doen? 559 00:30:51,000 --> 00:30:53,580 Wel, dit gee die lys van waardes. 560 00:30:53,580 --> 00:30:56,750 Want dit is 'n lys, elkeen van ons kan noem in dit. 561 00:30:56,750 --> 00:30:58,590 So dit is hoekom ons noem mekaar op take. 562 00:30:58,590 --> 00:30:59,730 En nou het ons taak. 563 00:30:59,730 --> 00:31:02,850 564 00:31:02,850 --> 00:31:03,990 >> Wat beteken taak doen? 565 00:31:03,990 --> 00:31:07,740 Wel, dit het hierdie pyl hier na die krullerige draadjies. 566 00:31:07,740 --> 00:31:09,130 Dit beteken taak is 'n sjabloon. 567 00:31:09,130 --> 00:31:11,100 Dit is nie 'n helper, soos wat ons nou net gesien het. 568 00:31:11,100 --> 00:31:12,872 Dit is 'n sjabloon ons gedefinieer. 569 00:31:12,872 --> 00:31:14,080 En waar het ons dit gedefinieer? 570 00:31:14,080 --> 00:31:16,950 Ons het dit gedefinieer hieronder hier. 571 00:31:16,950 --> 00:31:21,160 >> Al hierdie sjabloon doen is lewer 'n lys item, en dit noem teks. 572 00:31:21,160 --> 00:31:24,160 Nou, teks lyk na 'n te wees helper, maar ek sal jou wys 573 00:31:24,160 --> 00:31:26,610 dat dit eintlik nog steeds 'n data lid van take. 574 00:31:26,610 --> 00:31:29,230 575 00:31:29,230 --> 00:31:33,670 Wanneer jy bel elk, dit gaan in die data struktuur om 'n bietjie. 576 00:31:33,670 --> 00:31:39,130 Soos die foreach lus, dit nou net lyk by die eerste element in ons voorwerp. 577 00:31:39,130 --> 00:31:41,850 Ons sien dat die teks is hier gedefinieer in ons voorwerp. 578 00:31:41,850 --> 00:31:45,350 So Meteor is slim om te weet dat ons praat oor hierdie teks, 579 00:31:45,350 --> 00:31:47,630 nie die helper genoem teks. 580 00:31:47,630 --> 00:31:52,120 Dit raak net die waarde van hierdie teks hier en vertoon dit as HTML, 581 00:31:52,120 --> 00:31:55,475 en dit is hoe die data gaan uit die JavaScript aan die HTML. 582 00:31:55,475 --> 00:32:03,320 583 00:32:03,320 --> 00:32:07,030 >> Beweeg op al, in hierdie voorbeeld ons hard gekodeer daardie waardes. 584 00:32:07,030 --> 00:32:10,440 Meteor doen twee werklik mooi dinge vir ons. 585 00:32:10,440 --> 00:32:15,050 Behalwe die live verfris dat ons het, is dit bestuur ook ons ​​databasis. 586 00:32:15,050 --> 00:32:18,750 As jy het om te werk met PHP, jy het phpMyAdmin te stel. 587 00:32:18,750 --> 00:32:21,320 Jy het om seker te maak jou tafels was al in toom. 588 00:32:21,320 --> 00:32:24,760 Jy het 'n baie werk om te doen om te maak seker dat jou inligting korrek is geformateer, 589 00:32:24,760 --> 00:32:27,880 en PHP kan kommunikeer met dit. 590 00:32:27,880 --> 00:32:30,170 >> Nou, Meteor gebruik 'n nuwe paradigma. 591 00:32:30,170 --> 00:32:32,310 Dit is 'n meer moderne manier van die hantering van 'n databasis. 592 00:32:32,310 --> 00:32:34,580 Dit is 'n tegnologie genaamd MongoDB. 593 00:32:34,580 --> 00:32:38,740 Net soos in JavaScript, het ons gesien dat dit maak nie saak watter tipe die data het. 594 00:32:38,740 --> 00:32:39,640 Alles was 'n var. 595 00:32:39,640 --> 00:32:40,570 Dit was nie 'n charstar. 596 00:32:40,570 --> 00:32:40,930 Dit was nie 'n int. 597 00:32:40,930 --> 00:32:41,970 Dit was nie 'n struct. 598 00:32:41,970 --> 00:32:44,210 Dit was net var hierdie, var dat. 599 00:32:44,210 --> 00:32:46,320 >> MongoDB werk soort van die dieselfde manier. 600 00:32:46,320 --> 00:32:48,160 Jy hoef nie jou tafels te definieer. 601 00:32:48,160 --> 00:32:50,860 Jy hoef nie 'n tafel te sê het 'n naam, wat 'n int. 602 00:32:50,860 --> 00:32:54,710 Dit het, weet ek nie, 'n dollar, wat 'n desimaal. 603 00:32:54,710 --> 00:32:58,360 Dis net hierdie JavaScript voorwerpe, al hierdie VARs, wese. 604 00:32:58,360 --> 00:33:02,780 En dit is 'n baie kragtige manier om jou inligting te prototipe. 605 00:33:02,780 --> 00:33:06,190 En dit is hoekom Meteor neem voordeel van hierdie. 606 00:33:06,190 --> 00:33:11,080 >> As ons na stap drie, Kom ons kyk wat het verander. 607 00:33:11,080 --> 00:33:15,480 As ons kyk na die Besigtig HTML, nie veel nie. 608 00:33:15,480 --> 00:33:17,170 CSS het nie verander nie. 609 00:33:17,170 --> 00:33:22,420 Maar die klein verandering wat ons sien in HTML is ons verander hoe take omskryf word. 610 00:33:22,420 --> 00:33:23,800 Take is nou 'n funksie. 611 00:33:23,800 --> 00:33:25,800 Dit beteken dat elke tyd wat ons wil take te kry, 612 00:33:25,800 --> 00:33:27,480 Ons gaan hierdie funksie uit te voer. 613 00:33:27,480 --> 00:33:29,230 Dit maak nie die standaard van die funksie as 'n waarde. 614 00:33:29,230 --> 00:33:33,710 >> Meteor is slim om eintlik loop die funksie om te sien wat ons kry. 615 00:33:33,710 --> 00:33:36,650 En dit gee hierdie ding take genoem. 616 00:33:36,650 --> 00:33:40,650 Ons het gedefinieer take op die lyn een, en dit is 'n Mongo versameling. 617 00:33:40,650 --> 00:33:43,170 Mongo verwys na die databasis Meteor gebruik, 618 00:33:43,170 --> 00:33:48,420 en hierdie nuwe beteken net laat maak 'n nuwe versameling, noem dit take. 619 00:33:48,420 --> 00:33:53,540 In MySQL, sou dit gelykstaande wees soek na die tabel genaamd take. 620 00:33:53,540 --> 00:33:56,350 Mongo het versamelings, nie tafels. 621 00:33:56,350 --> 00:34:00,100 So dit net lyk vir take. 622 00:34:00,100 --> 00:34:04,820 >> Nou, sjabloon in ons helper in die sjabloon, al 623 00:34:04,820 --> 00:34:08,380 ons het om te doen al die te kry take is om hierdie funksie, vind 624 00:34:08,380 --> 00:34:11,710 en hierdie leë stut. 625 00:34:11,710 --> 00:34:14,150 Dit is meer betrokke te Mongo sintaksis. 626 00:34:14,150 --> 00:34:16,159 Daar is baie van die dokumentasie aanlyn vir hoe 627 00:34:16,159 --> 00:34:19,360 jy doeltreffende kan maak en werklik nuttig Mongo navrae. 628 00:34:19,360 --> 00:34:25,560 Maar iets soos hierdie is 'n goeie genoeg vir net die vind van al die data. 629 00:34:25,560 --> 00:34:30,100 >> Nou, een van die kwessies wat jy dalk sien is dat ons eintlik nooit data voeg. 630 00:34:30,100 --> 00:34:35,020 So wat gebeur wanneer ons eintlik loop stap drie? 631 00:34:35,020 --> 00:34:37,550 Kom ons gaan gou in stap drie en hardloop Meteor. 632 00:34:37,550 --> 00:34:42,870 633 00:34:42,870 --> 00:34:45,650 Let daarop dat ek 'n ander Meteor projek loop iewers anders, 634 00:34:45,650 --> 00:34:49,110 so Meteor nie so nie. 635 00:34:49,110 --> 00:34:52,810 Ek gaan net om vinnig te naby aan die ander Meteor met Control C, 636 00:34:52,810 --> 00:34:55,780 gaan in stap drie, en hardloop Meteor weer. 637 00:34:55,780 --> 00:35:01,070 638 00:35:01,070 --> 00:35:03,180 Let daarop dat dit is die begin van MongoDB omdat MongoDB 639 00:35:03,180 --> 00:35:06,370 is 'n deel van elke Meteor projek. 640 00:35:06,370 --> 00:35:09,190 >> So dit sê my aansoek het foute. 641 00:35:09,190 --> 00:35:10,590 Dit is 'n mooi eienskap Meteor het. 642 00:35:10,590 --> 00:35:13,700 Dit maak seker dat jou HTML is goed bevestig. 643 00:35:13,700 --> 00:35:17,710 Kom ons vinnig kyk na waarom dit kan wees. 644 00:35:17,710 --> 00:35:26,110 Dit lyk asof ek het per ongeluk gekopieer die verkeerde HTML-kode. 645 00:35:26,110 --> 00:35:30,610 As ek stoor dit nou, Meteor die bediener outomaties begin word, 646 00:35:30,610 --> 00:35:34,650 En nou het die program loop as wat verwag is. 647 00:35:34,650 --> 00:35:39,220 Let op hierdie op te los, kan jy net hardloop dieselfde HTML-lêer uit stap twee, 648 00:35:39,220 --> 00:35:40,380 kopieer dit in stap drie. 649 00:35:40,380 --> 00:35:43,290 650 00:35:43,290 --> 00:35:45,917 >> Ons kan terug gaan na ons plaaslike gasheer. 651 00:35:45,917 --> 00:35:47,500 En nou sien ons ons het ons lys om te doen. 652 00:35:47,500 --> 00:35:50,070 Groot, maar dit is leeg. 653 00:35:50,070 --> 00:35:54,210 Ons het nie eintlik enige het take in ons Mongo databasis. 654 00:35:54,210 --> 00:35:57,930 So laat ons praat oor 'n paar maniere waarop ons kan dit doen. 655 00:35:57,930 --> 00:36:03,240 As ons gaan terug na die terminale, ons kan dit sluit en hardloop Meteor Mongo. 656 00:36:03,240 --> 00:36:05,320 >> As jy vertroud is met hoe Meteor werk, 657 00:36:05,320 --> 00:36:14,100 dit gee eintlik jy toegang tot die volle MongoDB vir Meteor. 658 00:36:14,100 --> 00:36:17,570 Let daarop dat jy hoef te hardloop Meteor eerste vir hierdie om te werk. 659 00:36:17,570 --> 00:36:23,840 So as ek hardloop dit in 'n nuwe blad, ek kan terug gaan na dieselfde gids. 660 00:36:23,840 --> 00:36:29,040 661 00:36:29,040 --> 00:36:32,570 En nou Meteor werk net fyn. 662 00:36:32,570 --> 00:36:33,600 Dit is 'n vinnige. 663 00:36:33,600 --> 00:36:36,350 664 00:36:36,350 --> 00:36:38,790 Laat my toe om dit 'n bietjie groter, sodat ons kan sien. 665 00:36:38,790 --> 00:36:41,550 Dit lyk 'n bietjie anders as wat jy kan gebruik word om jou 666 00:36:41,550 --> 00:36:42,869 nie regtig nodig het Mongo te gebruik. 667 00:36:42,869 --> 00:36:45,410 Die hele punt van my hier is sodat jy kan gebruik JavaScript. 668 00:36:45,410 --> 00:36:48,250 Maar as jy nuuskierig is, die Mongo API nie 669 00:36:48,250 --> 00:36:50,730 gebruik SQL, die Structured Query Language. 670 00:36:50,730 --> 00:36:55,570 Dit maak gebruik van sy eie taal wat lyk baie soos JavaScript. 671 00:36:55,570 --> 00:37:00,520 Baie vinnig, kan ons vind die tafel via db.tasks. 672 00:37:00,520 --> 00:37:08,940 En dit is vir my blyk as ons loop vind, 673 00:37:08,940 --> 00:37:13,450 soort soortgelyk aan wat ons gehad het met Meteor, kan ons laai al die elemente. 674 00:37:13,450 --> 00:37:17,330 Die probleem is, ons doen nie eintlik enige take omskryf. 675 00:37:17,330 --> 00:37:20,600 So kan dit nie kry nie. 676 00:37:20,600 --> 00:37:22,130 >> Ons kan voeg, al is. 677 00:37:22,130 --> 00:37:25,170 So ons kan hardloop insetsel met opdrag insetsel. 678 00:37:25,170 --> 00:37:29,140 En ons net gee dit 'n voorwerp, en ons het net 679 00:37:29,140 --> 00:37:31,840 maak seker dat die formaat is wat ons verwag. 680 00:37:31,840 --> 00:37:35,030 As ons kyk na stap twee, het ons gesien dat elke taak 681 00:37:35,030 --> 00:37:39,590 was 'n voorwerp met 'n teks as die sleutel en alles 682 00:37:39,590 --> 00:37:41,640 jou te doen item was as 'n veranderlike. 683 00:37:41,640 --> 00:37:44,680 So kan ons iets hier te doen. 684 00:37:44,680 --> 00:37:50,160 >> Ons kan dit voeg 'n taak genoem Ek kom uit Mongo. 685 00:37:50,160 --> 00:37:52,570 En ons druk Enter, en dit loop. 686 00:37:52,570 --> 00:37:56,900 Ons kan weer hardloop vind, en ons sien dat daar is 'n voorwerp hier. 687 00:37:56,900 --> 00:38:01,810 Mongo ken dit 'n ID, wat jy nie regtig nodig het om te bekommer nie. 688 00:38:01,810 --> 00:38:06,690 Wat is vir jou belangrik is die data jy sit in, is die data wat jy kry. 689 00:38:06,690 --> 00:38:10,500 >> Kom ons gaan terug na ons webwerf, en hey, ons taak gelaai. 690 00:38:10,500 --> 00:38:13,987 En jy kan sien dat omdat Meteor is baie slim 691 00:38:13,987 --> 00:38:16,570 en altyd verfris vir jou, ek het nie die bladsy aan te raak. 692 00:38:16,570 --> 00:38:19,160 Dit outomaties gelaai. 693 00:38:19,160 --> 00:38:23,520 >> Kom ons loop 'n paar kode in JavaScript al om dit te doen. 694 00:38:23,520 --> 00:38:26,120 Soos ons het Node in die rug eindig uit te voer uit JavaScript, 695 00:38:26,120 --> 00:38:29,280 ons kan ook hardloop JavaScript direk in ons blaaiers. 696 00:38:29,280 --> 00:38:31,970 Jy kan dit doen deur 'n funksie genoem Inspekteer element. 697 00:38:31,970 --> 00:38:34,210 As ek regs kliek op 'n afdeling van die bladsy, 698 00:38:34,210 --> 00:38:36,730 daar is 'n opsie genoem Inspekteer element. 699 00:38:36,730 --> 00:38:38,840 As jy 'n leser soos Safari, jy 700 00:38:38,840 --> 00:38:45,430 dalk jou ontwikkelaar in staat te stel gereedskap voordat jy hierdie funksie. 701 00:38:45,430 --> 00:38:46,930 >> Wat ons omgee is die konsole. 702 00:38:46,930 --> 00:38:48,930 So sal ons net na die konsole aan die onderkant. 703 00:38:48,930 --> 00:38:52,110 704 00:38:52,110 --> 00:38:55,970 Nou kan ons hardloop enige JavaScript hier, soos die JavaScript 705 00:38:55,970 --> 00:38:58,860 lêers Ek het in die JS voorbeeld. 706 00:38:58,860 --> 00:39:02,040 Maar laat ons nou kyk na die take. 707 00:39:02,040 --> 00:39:04,955 Ons kan ons bevel voer. 708 00:39:04,955 --> 00:39:07,830 En hopelik sal ek in staat wees om te maak dit 'n bietjie groter, sodat ons almal kan sien. 709 00:39:07,830 --> 00:39:14,390 710 00:39:14,390 --> 00:39:18,450 >> As ons hardloop tasks.find, en jy sal sien dat dit presies dieselfde kode 711 00:39:18,450 --> 00:39:24,840 dat die JavaScript-lêer gebruike in stap drie, hierdie task.find. 712 00:39:24,840 --> 00:39:29,100 Ons kan dieselfde ding hardloop, en nou het ons 'n paar vreemde dinge. 713 00:39:29,100 --> 00:39:31,050 Hoe weet ons eintlik kry die data? 714 00:39:31,050 --> 00:39:34,860 Wel, ons het om dit te loop opdrag genoem haal. 715 00:39:34,860 --> 00:39:37,150 >> Dit is baie nuttig vir die ontfouting. 716 00:39:37,150 --> 00:39:41,000 Wat jy hier kry, is 'n wyser, en dit is 717 00:39:41,000 --> 00:39:44,890 'n mooi manier Meteor het new haal data. 718 00:39:44,890 --> 00:39:48,270 Dit wyser het al die eienskappe vir live opdatering en die bladsy te verfris 719 00:39:48,270 --> 00:39:49,650 wanneer iets het verander. 720 00:39:49,650 --> 00:39:51,280 Maar dit sal nie vir ons die data. 721 00:39:51,280 --> 00:39:52,720 Ons kan die data via haal. 722 00:39:52,720 --> 00:39:56,880 En jy sien ons het 'n voorwerp, en dit is net soos wat ons gehad het in Mongo, 723 00:39:56,880 --> 00:40:00,040 met 'n ID en die teks wat ons in. 724 00:40:00,040 --> 00:40:04,200 >> So hoe voeg ons nie 'n item in Meteor? 725 00:40:04,200 --> 00:40:07,250 Wel, ons moet net take. 726 00:40:07,250 --> 00:40:09,990 En dan kan ons loop die dieselfde insetsel opdrag, 727 00:40:09,990 --> 00:40:17,520 gee 'n woordeboek of 'n voorwerp met dieselfde formaat, teks 728 00:40:17,520 --> 00:40:22,340 en dan kom ek uit die konsole. 729 00:40:22,340 --> 00:40:27,240 Neem 'n blik bo want toe ek doen dit, dit wys op die webwerf 730 00:40:27,240 --> 00:40:29,660 outomaties. 731 00:40:29,660 --> 00:40:33,291 >> Let daarop dat jy enigiets kan sit jy wil in hierdie items. 732 00:40:33,291 --> 00:40:35,040 Dit hoef nie te 'n vaste struktuur. 733 00:40:35,040 --> 00:40:39,790 Ek 'n gelyk is aan die kan hê nommer drie en b gelyk aan vals. 734 00:40:39,790 --> 00:40:41,600 En dit alles werk. 735 00:40:41,600 --> 00:40:46,000 Ek kan selfs kies om nie te sluit 'n teks op alle. 736 00:40:46,000 --> 00:40:48,320 Dit is net nie aanbeveel al, want dan Meteor 737 00:40:48,320 --> 00:40:50,920 sal nie weet wat om te vertoon. 738 00:40:50,920 --> 00:40:53,110 Maar in elk geval, ons kry 'n ID, en dit is 739 00:40:53,110 --> 00:40:54,785 die ID van die voorwerp wat jy kan gebruik. 740 00:40:54,785 --> 00:41:01,120 741 00:41:01,120 --> 00:41:03,280 >> As ons voortgaan met Stap vier en stap vyf, 742 00:41:03,280 --> 00:41:06,870 die handleiding sal jou wys 'n manier wat jy UI-elemente kan skep deur gebruik te maak 743 00:41:06,870 --> 00:41:13,130 die HTML jy weet skep verskillende take. 744 00:41:13,130 --> 00:41:15,440 Kom ons kyk na stap vier regtig vinnig. 745 00:41:15,440 --> 00:41:18,290 Ons sal sien dat ons bygevoeg 'n artikel oor die gebeure. 746 00:41:18,290 --> 00:41:20,874 Templates kan helpers, wat kry ons data. 747 00:41:20,874 --> 00:41:22,040 Maar dit kan ook gebeure noem. 748 00:41:22,040 --> 00:41:25,300 En dit is waar dinge word nuttig, want gebeure 749 00:41:25,300 --> 00:41:28,590 is wat gebeur wanneer jy op verskillende dinge op jou webwerf. 750 00:41:28,590 --> 00:41:33,790 >> Hier, ons kode is vertel ons hierdie gebeurtenis by te voeg. 751 00:41:33,790 --> 00:41:38,860 Voeg dit wanneer jy voorgelê iets met die klas nuwe taak. 752 00:41:38,860 --> 00:41:41,910 Wat jy hier het, is 'n CSS selector. 753 00:41:41,910 --> 00:41:45,870 So dit net lyk vir 'n HTML element wat die klas nuwe taak. 754 00:41:45,870 --> 00:41:47,940 En dit lyk vir die geleentheid, soos voorlê. 755 00:41:47,940 --> 00:41:51,050 Ander gebeure sluit kliek, hover, dubbel kliek, 756 00:41:51,050 --> 00:41:54,450 soortgelyk aan wat jy in die normale HTML. 757 00:41:54,450 --> 00:41:56,770 >> Wat jy hier gee dit nou 'n funksie. 758 00:41:56,770 --> 00:42:01,210 En jy kan jou kode in daardie funksie. 759 00:42:01,210 --> 00:42:06,360 Hierdie funksie is wat eindig om genoem wanneer jy hierdie nuwe taak. 760 00:42:06,360 --> 00:42:12,170 Kom ons kyk na die HTML net sodat ons verstaan ​​wat hierdie nuwe taak is. 761 00:42:12,170 --> 00:42:15,570 Ons het 'n vorm wat hier bygevoeg met klas nuwe taak. 762 00:42:15,570 --> 00:42:19,880 En dit het 'n inset wat neem teks. 763 00:42:19,880 --> 00:42:22,605 En dit is waar ons sal ons nuwe take voeg. 764 00:42:22,605 --> 00:42:25,520 765 00:42:25,520 --> 00:42:29,780 >> Kom ons loop stap vier in die webwerf te sien hoe dit lyk. 766 00:42:29,780 --> 00:42:32,710 Ons kan eers uit te hou van die MongoDB ons moes 767 00:42:32,710 --> 00:42:35,300 van ons vorige byvoorbeeld met Control C. 768 00:42:35,300 --> 00:42:37,690 En laat ons verander dit in die stap vier gids. 769 00:42:37,690 --> 00:42:41,000 770 00:42:41,000 --> 00:42:42,920 Ons sal weer hardloop Meteor die bediener te begin. 771 00:42:42,920 --> 00:42:46,850 772 00:42:46,850 --> 00:42:50,510 En helaas, ek het Meteor hardloop in 'n ander terminale. 773 00:42:50,510 --> 00:42:53,080 So ek is net gaan om te maak seker dat hierdie gesluit. 774 00:42:53,080 --> 00:43:01,805 Kom ons hou dit en verandering om deel te vier, stap vier. 775 00:43:01,805 --> 00:43:02,305 OK. 776 00:43:02,305 --> 00:43:11,220 777 00:43:11,220 --> 00:43:13,250 >> Nou ons Meteor kode loop. 778 00:43:13,250 --> 00:43:19,480 En jy kan sien dat dit opgedateer sonder ons selfs met die bladsy te verfris. 779 00:43:19,480 --> 00:43:24,410 Wat het hier verander is nou dat ons nie enige take het nie, 780 00:43:24,410 --> 00:43:29,530 maar ons het 'n vorm hier, hierdie teks boks, ons nuwe take te voeg. 781 00:43:29,530 --> 00:43:31,550 En ons kan ons taak tik hier. 782 00:43:31,550 --> 00:43:34,564 Ek kom uit die HTML-bladsy. 783 00:43:34,564 --> 00:43:36,105 Toe ek druk Enter, het dit ingedien is. 784 00:43:36,105 --> 00:43:39,180 785 00:43:39,180 --> 00:43:44,540 >> Ons kan sien wat gebeur as gedefinieer deur die JavaScript-kode. 786 00:43:44,540 --> 00:43:49,930 Wat hierdie funksie gedoen het, was neem die teks van die vorm, 787 00:43:49,930 --> 00:43:53,680 en dan net genoem tasks.insert, soos ons gedoen het in die konsole. 788 00:43:53,680 --> 00:43:56,410 Hulle het ook verkies om 'n createdAt datum by te voeg. 789 00:43:56,410 --> 00:43:59,840 Dit is hoe jy spesifiseer die huidige tyd. 790 00:43:59,840 --> 00:44:03,220 Daarna is dit klaar die vorm deur die maak Maak seker dat die waarde is die leë string. 791 00:44:03,220 --> 00:44:06,550 >> En dan is dit 'n beroep terugkeer vals maak seker niks anders gebeur. 792 00:44:06,550 --> 00:44:10,350 Wanneer jy terugkeer valse van 'n vorm gebeurtenis, wat uitvoering stop. 793 00:44:10,350 --> 00:44:14,520 Sê 'n vorm het 'n aksie, soos aan 'n PHP bladsy. 794 00:44:14,520 --> 00:44:16,980 As jy nog nie teruggekeer valse, sal jy terugkeer waar. 795 00:44:16,980 --> 00:44:18,500 Dit sou uiteindelik die maak van daardie versoek. 796 00:44:18,500 --> 00:44:20,590 Valse afsnitte nie en stop dit net daar. 797 00:44:20,590 --> 00:44:23,510 798 00:44:23,510 --> 00:44:28,610 >> So dit was 'n bietjie demo oor hoe Meteor werk, en ons het 799 00:44:28,610 --> 00:44:30,980 na aanleiding van die handleiding vir 'n rukkie. 800 00:44:30,980 --> 00:44:33,560 En jy kan voel asseblief vry om voort te gaan om dit te doen. 801 00:44:33,560 --> 00:44:37,760 Daar is baie van die hulpbronne, en die handleiding is eintlik net 802 00:44:37,760 --> 00:44:40,400 baie goed oor verduidelik wat gaan aan. 803 00:44:40,400 --> 00:44:44,362 Ek wil hê jy moet nou wys, in die paar minute wat ons verlaat het, 804 00:44:44,362 --> 00:44:46,320 wat is 'n paar van die koeler kenmerke van Meteor, 805 00:44:46,320 --> 00:44:48,772 en wat is 'n paar van die meer nuttig pakkette. 806 00:44:48,772 --> 00:44:51,730 Een van die groot dinge oor Meteor is dat jy 'n pakket stelsel. 807 00:44:51,730 --> 00:44:55,620 Jy kan maklik inkorporeer kode dat baie duisende van die ontwikkelaars 808 00:44:55,620 --> 00:44:58,840 het wêreldwyd geskryf in jou Meteor projek. 809 00:44:58,840 --> 00:45:02,410 Een voorbeeld hiervan is wat jy kan doen in stap nege van die handleiding, waar 810 00:45:02,410 --> 00:45:07,435 jy probeer rekeninge by te voeg aan jou Meteor projek. 811 00:45:07,435 --> 00:45:10,010 812 00:45:10,010 --> 00:45:13,690 As ons 'n CS50 PHP projek, sou ons 813 00:45:13,690 --> 00:45:17,810 staatmaak op die raamwerk of ons eie kode te maak 814 00:45:17,810 --> 00:45:20,820 seker ons veilig hanteer wagwoorde en gebruikersname 815 00:45:20,820 --> 00:45:23,120 en die stoor van die databasis en al wat. 816 00:45:23,120 --> 00:45:25,670 >> Dit blyk Meteor het 'n paar pakkette wat om te doen vir jou, 817 00:45:25,670 --> 00:45:29,160 en dit baie maklik om te doen. 818 00:45:29,160 --> 00:45:31,950 Wat ons kan doen, is 'n paar pakkette. 819 00:45:31,950 --> 00:45:37,450 So kom ons doen dit reg nou in ons console. 820 00:45:37,450 --> 00:45:42,460 Ek gaan die projek op te hou en nou gaan in eenvoudige Besigtig. 821 00:45:42,460 --> 00:45:47,450 822 00:45:47,450 --> 00:45:50,050 Nou, eenvoudige-Besigtig is die projek wat jy 823 00:45:50,050 --> 00:45:53,500 sal hê nadat gedoen met stap 11 of stap 12, 824 00:45:53,500 --> 00:45:55,250 aan die einde van hierdie handleiding. 825 00:45:55,250 --> 00:45:58,642 En laat ons vinnig kyk na dit te sien Wat is die verskillende funksies wat ons het. 826 00:45:58,642 --> 00:46:01,610 Kom ons maak net seker dat dit loop. 827 00:46:01,610 --> 00:46:04,400 Soms neem dit 'n rukkie te verfris, maar hier is dit. 828 00:46:04,400 --> 00:46:09,710 >> Ons het ons opsie om weg te steek voltooi take, en ons kan teken. 829 00:46:09,710 --> 00:46:11,770 En dit is gedoen met die Meteor pakket. 830 00:46:11,770 --> 00:46:12,270 Dit is 'n groot. 831 00:46:12,270 --> 00:46:14,910 Ons het nou gebruikersnaam wagwoord teken in. 832 00:46:14,910 --> 00:46:19,170 Maar wat as ons wou voeg 'n ander soort van login meganisme? 833 00:46:19,170 --> 00:46:22,560 Kom ons sê ek wou inteken met my Meteor rekening. 834 00:46:22,560 --> 00:46:27,270 Ek gaan meteoriet byvoeging om te hardloop, en dit is die sintaksis vir die toevoeging van pakkette. 835 00:46:27,270 --> 00:46:32,160 Ek kan sê rekeninge, en accounts.meteor. 836 00:46:32,160 --> 00:46:35,720 Dit gaan nou vind die pakket en laai dit. 837 00:46:35,720 --> 00:46:40,480 Jy kan sien dat Ek het nie die regte pakket naam. 838 00:46:40,480 --> 00:46:42,820 >> So hoe kry jy uit oor pakkette? 839 00:46:42,820 --> 00:46:46,380 Wel, daar is 'n groot webwerf, gemaak beskikbaar by die Meteor mense, 840 00:46:46,380 --> 00:46:47,780 genoem atmospherejs.com. 841 00:46:47,780 --> 00:46:52,520 Atmospherejs, een woord, dot com, is 'n groot bron 842 00:46:52,520 --> 00:46:57,660 vir die vind van al die Meteor pakkette in die repository. 843 00:46:57,660 --> 00:47:05,140 Ek kan soek rekeninge, en dan dit sal my wys al die relevante dinge, 844 00:47:05,140 --> 00:47:07,320 alle pakkette met die naam van die rekening se. 845 00:47:07,320 --> 00:47:10,180 846 00:47:10,180 --> 00:47:13,270 >> Terwyl dit laai, kan ons probeer voeg 'n paar ander pakkette. 847 00:47:13,270 --> 00:47:19,380 Dalk is dit die Meteor pakket is nie werk nie nou, maar ek kan Facebook voeg. 848 00:47:19,380 --> 00:47:22,860 849 00:47:22,860 --> 00:47:27,190 Ek kan die rekening voeg en dan loop die Meteor projek weer. 850 00:47:27,190 --> 00:47:33,260 851 00:47:33,260 --> 00:47:36,900 Sodra dit begin, laat ons sien wat verander op die webwerf. 852 00:47:36,900 --> 00:47:40,010 853 00:47:40,010 --> 00:47:44,580 Jy kan see-- ek kan het om dit hier te verfris. 854 00:47:44,580 --> 00:47:47,320 >> Ek het 'n knoppie te instel Facebook login. 855 00:47:47,320 --> 00:47:49,765 En hier, ek het al die instruksies Meteor 856 00:47:49,765 --> 00:47:52,960 het vir julle berei vir opstel van 'n Facebook app. 857 00:47:52,960 --> 00:47:58,990 En jy kan gebruik wat inligting om jou ID's te voeg. 858 00:47:58,990 --> 00:48:04,130 Sodra dit gedoen is, sal jy Facebook login werk in jou app. 859 00:48:04,130 --> 00:48:08,559 >> Ek gaan net te kry 'n app ID en 'n geheim, 860 00:48:08,559 --> 00:48:10,100 net om jou te wys hoe dit kan werk. 861 00:48:10,100 --> 00:48:16,000 862 00:48:16,000 --> 00:48:20,360 Jy sal 'n Facebook rekening nodig Facebook ontwikkelaar opsies te gebruik. 863 00:48:20,360 --> 00:48:31,160 864 00:48:31,160 --> 00:48:35,290 Laat my gou vind net die Meteor sleutels wat nodig is. 865 00:48:35,290 --> 00:48:46,994 866 00:48:46,994 --> 00:48:49,160 Ek het 'n ander Meteor projek dat ek gaan om te gebruik, 867 00:48:49,160 --> 00:48:55,590 en ek is net gaan om te neem die sleutels van die lêer. 868 00:48:55,590 --> 00:49:14,410 869 00:49:14,410 --> 00:49:20,930 >> En sodra ek dit vind, sal ek net in staat wees om hierdie sleutels in my Facebook te kopieer. 870 00:49:20,930 --> 00:49:23,489 So hier is 'n sleutel. 871 00:49:23,489 --> 00:49:24,280 En dit is 'n geheim. 872 00:49:24,280 --> 00:49:26,071 Jy moet nie deel dit met mense. 873 00:49:26,071 --> 00:49:28,870 874 00:49:28,870 --> 00:49:30,910 En dan moet jy dit gee jou app geheim. 875 00:49:30,910 --> 00:49:33,560 En dit is so Facebook weet jy is jy. 876 00:49:33,560 --> 00:49:37,630 877 00:49:37,630 --> 00:49:39,080 En jy die opset red. 878 00:49:39,080 --> 00:49:45,160 879 00:49:45,160 --> 00:49:48,640 >> Ek dink in die proses het ek het gestop my Meteor app. 880 00:49:48,640 --> 00:49:52,290 So ek wil net om te maak seker dit is nog steeds daar. 881 00:49:52,290 --> 00:49:54,962 882 00:49:54,962 --> 00:49:58,610 OK, kom ons maak seker dat ons Meteor bediener loop so die webblad is hardloop. 883 00:49:58,610 --> 00:50:02,440 Let as ons ophou om die Meteor bediener, die bladsy is nog steeds daar. 884 00:50:02,440 --> 00:50:04,700 Dit sal net nie meer werk. 885 00:50:04,700 --> 00:50:10,290 Die Meteor bediener is nodig om seker te maak die bladsy is live. 886 00:50:10,290 --> 00:50:14,050 >> OK, ek het dit voorgelê, en nou Ek kan inteken met Facebook. 887 00:50:14,050 --> 00:50:17,400 Nou is dit net 'n kwessie van 'n Facebook pop up 888 00:50:17,400 --> 00:50:21,710 en om in jou rekening inligting en meld in. 889 00:50:21,710 --> 00:50:24,520 890 00:50:24,520 --> 00:50:27,930 Sodra jy dit doen, Facebook mag nag wat jy vir 'n paar meer sekuriteit. 891 00:50:27,930 --> 00:50:29,810 So ons sal net daar stop. 892 00:50:29,810 --> 00:50:34,110 Die punt is dat wanneer jy klaar is met wat, sal jy Facebook login. 893 00:50:34,110 --> 00:50:37,850 >> Meteor het 'n klomp van die ander pakkette sowel. 894 00:50:37,850 --> 00:50:39,200 Jy kan inteken met Google. 895 00:50:39,200 --> 00:50:40,500 Jy kan inteken met GitHub. 896 00:50:40,500 --> 00:50:42,170 Jy kan inteken met Twitter. 897 00:50:42,170 --> 00:50:44,870 Of as jy soek, sal jy vind baie van die ander dinge 898 00:50:44,870 --> 00:50:49,170 soos Meetup, LinkedIn, en Meteor ontwikkelaar. 899 00:50:49,170 --> 00:50:53,100 So Meteor Ontwikkelaars was die pakket Ek is op soek na. 900 00:50:53,100 --> 00:50:56,170 meteoor voeg rekeninge-meteoriet-ontwikkelaar. 901 00:50:56,170 --> 00:51:06,192 902 00:51:06,192 --> 00:51:07,900 In die tussentyd, ek wil ook aan te beveel 903 00:51:07,900 --> 00:51:11,340 sommige ander pakkette vir jou projekte. 904 00:51:11,340 --> 00:51:14,670 Dit kan nuttig om te bewys sluit die jQuery pakket. 905 00:51:14,670 --> 00:51:17,909 Dit laat jou toe om te gebruik jQuery in jou kliënte. 906 00:51:17,909 --> 00:51:21,200 Jy kan net dit doen met 'n lyn, en Meteor sal seker maak jy is op datum 907 00:51:21,200 --> 00:51:21,825 op jQuery. 908 00:51:21,825 --> 00:51:24,330 909 00:51:24,330 --> 00:51:27,450 Ek het ook aanbeveel houston: admin. 910 00:51:27,450 --> 00:51:31,550 >> Dit is soort van soos 'phpMyAdmin soort instrument vir jou MongoDB. 911 00:51:31,550 --> 00:51:33,890 Dit laat jou toe om te verander jou data baie maklik 912 00:51:33,890 --> 00:51:37,950 sonder om te gaan na die Mongo dop, soos ek vroeër in die seminaar gedoen. 913 00:51:37,950 --> 00:51:43,160 914 00:51:43,160 --> 00:51:47,101 So nou dat hardloop, laat ons hardloop Meteor weer en sien wat ons kan doen. 915 00:51:47,101 --> 00:51:56,240 916 00:51:56,240 --> 00:52:00,720 >> Jy sien dat sommige pakkette voeg mag hê hulle bied 'n paar waarskuwings. 917 00:52:00,720 --> 00:52:02,720 Jy sal nie hoef te bekommer oor daardie met Houston. 918 00:52:02,720 --> 00:52:06,040 919 00:52:06,040 --> 00:52:10,810 So kan ons nou die opsie Meteor admin op te stel. 920 00:52:10,810 --> 00:52:15,080 En hulle gee jou die aanwysings As jy wil om dit te stel. 921 00:52:15,080 --> 00:52:17,750 922 00:52:17,750 --> 00:52:20,440 >> Ons kan ook nou na / admin. 923 00:52:20,440 --> 00:52:23,280 Dit is aan u gebring deur die Houston pakket. 924 00:52:23,280 --> 00:52:27,470 En dit is Meteor administrateur koppelvlak. 925 00:52:27,470 --> 00:52:30,660 Jy skep net 'n administrateur rekening soos so. 926 00:52:30,660 --> 00:52:38,150 En as jy die bladsy te verfris, kan jy het 'n paar versamelings vertoon. 927 00:52:38,150 --> 00:52:40,980 928 00:52:40,980 --> 00:52:43,460 >> Dit is 'n baie nuttige instrument, en ek sterk aanbeveel. 929 00:52:43,460 --> 00:52:46,717 930 00:52:46,717 --> 00:52:49,050 Jy kan sien dat omdat Houston is om 'n paar foute, 931 00:52:49,050 --> 00:52:52,330 ons nie enige versamelings het nie vertoon op die oomblik. 932 00:52:52,330 --> 00:52:56,800 Die manier waarop jy Houston sou gebruik is om seker te maak van hierdie funksie kry 933 00:52:56,800 --> 00:52:58,860 genoem in jou eenvoudige-Besigtig. 934 00:52:58,860 --> 00:53:01,370 So houston nie weet wat my take is. 935 00:53:01,370 --> 00:53:04,490 >> Ons het 'n Mongo versameling genoem take. 936 00:53:04,490 --> 00:53:11,390 Kom ons gaan in eenvoudige Besigtig en net maak seker dat in die JavaScript, 937 00:53:11,390 --> 00:53:16,295 ons het bygevoeg take aan ons versamelings. 938 00:53:16,295 --> 00:53:19,340 939 00:53:19,340 --> 00:53:25,670 Ons het nou gered, en dit is die bou van die aansoek, verfrissend. 940 00:53:25,670 --> 00:53:26,750 En laat ons sien. 941 00:53:26,750 --> 00:53:29,090 Nou het ons 'n paar take. 942 00:53:29,090 --> 00:53:32,630 En ons kan 'n paar nuwe take voeg. 943 00:53:32,630 --> 00:53:35,840 Maar as ons wil take te voeg, Kom ons doen dit met die jeug self. 944 00:53:35,840 --> 00:53:39,660 945 00:53:39,660 --> 00:53:41,050 >> Nou kan ons 'n paar data voeg. 946 00:53:41,050 --> 00:53:53,410 Hi, dit is 'n taak. 947 00:53:53,410 --> 00:53:57,080 Dit lyk soort van vreemd dat ons is nie 'n take sien. 948 00:53:57,080 --> 00:54:00,290 949 00:54:00,290 --> 00:54:05,260 Ons wil dalk om te kyk of ons het enige foute hier, of dalk iewers anders. 950 00:54:05,260 --> 00:54:08,810 951 00:54:08,810 --> 00:54:20,260 As ons gaan in admin, wat lyk vreemd. 952 00:54:20,260 --> 00:54:24,080 As jy trek die bewaarplek na hierdie seminaar, 953 00:54:24,080 --> 00:54:27,580 Ek sal seker maak dat maak eenvoudige Besigtig werk met Houston. 954 00:54:27,580 --> 00:54:30,370 Ongelukkig lyk dit nie te wees werk op hierdie oomblik. 955 00:54:30,370 --> 00:54:34,810 956 00:54:34,810 --> 00:54:37,640 >> Is daar enige ander vrae? 957 00:54:37,640 --> 00:54:41,800 Houston is gewoonlik 'n hulpmiddel wat werk baie goed. 958 00:54:41,800 --> 00:54:44,510 Houston spesifiek is 'n bietjie buggier as die ander kinders, 959 00:54:44,510 --> 00:54:49,470 maar ek doen dit aanbeveel wanneer dit werk. 960 00:54:49,470 --> 00:54:50,080 Ja. 961 00:54:50,080 --> 00:54:52,395 >> GEHOOR: Wat kan jy doen met die Facebook-pakket 962 00:54:52,395 --> 00:54:54,270 Sodra 'n gebruiker is aangeteken met hul Facebook? 963 00:54:54,270 --> 00:54:55,978 >> ROGER ZURAWICKI: Een 'n gebruiker se aangemeld, 964 00:54:55,978 --> 00:54:59,540 jy oproepe na die Facebook API kan maak. 965 00:54:59,540 --> 00:55:02,890 Baie van daardie lê meer in hoe Facebook open hul API. 966 00:55:02,890 --> 00:55:05,120 Meteor, maak seker dat jy die verband. 967 00:55:05,120 --> 00:55:09,300 Maar alles daarna is 'n saak leer hoe om die Facebook API te gebruik. 968 00:55:09,300 --> 00:55:10,216 GEHOOR: [onhoorbaar]. 969 00:55:10,216 --> 00:55:17,756 970 00:55:17,756 --> 00:55:18,880 ROGER ZURAWICKI: Alle reg. 971 00:55:18,880 --> 00:55:21,670 Dankie vir hierdie CS50 seminaar in Meteor. 972 00:55:21,670 --> 00:55:24,060 As jy enige vrae het, jy kan my e-pos 973 00:55:24,060 --> 00:55:28,319 op my e-pos adres gelys onder die seminaar. 974 00:55:28,319 --> 00:55:30,110 En ek sal bly wees om te wees jou vrae beantwoord. 975 00:55:30,110 --> 00:55:33,020 Ek sal ook by die CS50 Hackathon moet 976 00:55:33,020 --> 00:55:35,550 jou help met jou Meteor projekte nodig. 977 00:55:35,550 --> 00:55:37,650 Dankie vir jou kyk. 978 00:55:37,650 --> 00:55:38,816